https://blog.limewolf.top/en/posts/ Recent content in Posts on Limewolf🐺's Den Hugo en https://blog.limewolf.top/en/posts/20230827_en-b49c5a4d/ Sun, 27 Aug 2023 13:23:50 +0800 https://blog.limewolf.top/en/posts/20230827_en-b49c5a4d/ <blockquote> <p>This article is based on my personal hands-on experience and provides a brief overview of how I used the giscus to add a comment section to articles in both the <code>.md</code> and <code>.org</code> formats posts on my website.</p> <p> This post is also available in: <a href="https://blog.limewolf.top/posts/20230827-b49c5a4d/">中文</a></p> </blockquote> <hr> <div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> Setting Up a Comment Section with Disqus for Org-Mode Hugo Blog Posts </h2> <div id="outline-text-headline-1" class="outline-text-2"> <div id="outline-container-headline-2" class="outline-3"> <h3 id="headline-2"> 1. Introduction to giscus </h3> <div id="outline-text-headline-2" class="outline-text-3"> <p><a href="https://github.com/giscus/giscus">giscus</a> is a comment system based on <a href="https://docs.github.com/en/discussions">Github Discussions</a>. It is quite similar to another comment system based on Github Issues, <a href="https://utteranc.es/">utterances</a>.</p> https://blog.limewolf.top/en/posts/20230825_en-1263f3b5/ Sat, 26 Aug 2023 02:56:54 +0800 https://blog.limewolf.top/en/posts/20230825_en-1263f3b5/ <blockquote> <p>This article primarily documents the main process of building this site from scratch, but it will not go into every detail. Its purpose is to provide a reference for friends with similar needs on how to use Hugo and Vercel for website creation.</p> <p> This post is also available in: <a href="https://blog.limewolf.top/posts/20230825-1263f3b5/">中文</a></p> </blockquote> <hr> <div id="outline-container-headline-1" class="outline-2"> <h2 id="headline-1"> Creating a Personal Blog with Hugo and Vercel </h2> <div id="outline-text-headline-1" class="outline-text-2"> <div id="outline-container-headline-2" class="outline-3"> <h3 id="headline-2"> 1. Static Website Generators </h3> <div id="outline-text-headline-2" class="outline-text-3"> <p>A static website generator is a tool that helps bloggers create static websites in an efficient way by converting articles written in markup languages like Markdown.</p>