/categories/deploy/ Recent content in Deploy on FloatSheep's Blog Hugo -- gohugo.io en © 2023 FloatSheep{{< emoji id="footer-emoji" data="thinking_face_color" />}} <br /> 全站约 {{< wordCount "all" >}} Fri, 25 Aug 2023 20:33:10 +0800 /posts/blogging-memories/ Fri, 25 Aug 2023 20:33:10 +0800 /posts/blogging-memories/ <h2 id="博客的开始" class="relative group">博客的开始 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%e5%8d%9a%e5%ae%a2%e7%9a%84%e5%bc%80%e5%a7%8b" aria-label="Anchor">#</a></span></h2><p>2019 年，我跟着互联网上的教程，使用 <a href="https://hexo.io" target="_blank" rel="noreferrer">Hexo</a> 搭建起了我的博客</p> <p>当时的域名选用的还是 <strong>Freenom</strong> 的 <code>slblog.ga</code></p> <p>主题是 <a href="https://github.com/WongMinHo/hexo-theme-miho" target="_blank" rel="noreferrer">hexo-theme-miho</a></p> <figure> <img src="https://dogefs.s3.ladydaily.com/hajeekn/storage/image-20230825164555898.png" alt="" class=""/> <figcaption class="text-center">主题 Demo</figcaption> </figure> <p>后来博客文章慢慢变多，需求也随着扩大，基本的博客功能已经满足不了我了,于是开始了我的第一次换主题之旅</p> <h3 id="第一次更换主题" class="relative group">第一次更换主题 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%e7%ac%ac%e4%b8%80%e6%ac%a1%e6%9b%b4%e6%8d%a2%e4%b8%bb%e9%a2%98" aria-label="Anchor">#</a></span></h3><p>当时为了兼顾好看和功能多样,我在 <a href="https://hexo.io/themes/" target="_blank" rel="noreferrer">Hexo Themes</a> 上挑选了很久，最后看上了一款名为 <a href="https://github.com/jerryc127/hexo-theme-butterfly" target="_blank" rel="noreferrer">Butterfly</a> 的主题</p> <blockquote> <p>OS: 当时 Butterfly 的版本还是 <strong>2.3.0</strong>，现在 <a href="https://github.com/jerryc127/hexo-theme-butterfly" target="_blank" rel="noreferrer">Butterfly</a> 的版本已经迭代到 <strong>4.9.0</strong> 了，时间过的真快啊</p> </blockquote> <figure> <img src="https://dogefs.s3.ladydaily.com/hajeekn/storage/image-20230825170541711.png" alt="" class=""/> <figcaption class="text-center">主题 Demo</figcaption> </figure> <p>使用 <a href="https://github.com/jerryc127/hexo-theme-butterfly" target="_blank" rel="noreferrer">Butterfly</a> 的这段时间，我学会了一点 <strong>HTML</strong>、<strong>CSS</strong>、<strong>JavaScript</strong></p> <p>也知道怎么修改主题达到自己满意的效果了</p> <p>记得当时看的第一篇修改主题的文章是小康的 《Hexo 魔改日记》</p> <p>之后，我也学着修改主题，当时我做的<span id="heimu" class="plugin-heimu"><s>弱智</s></span><span></span>操作包括但不限于:</p> <ul> <li>给全站的所有卡片添加毛玻璃样式（结果：导致风扇呼呼抱怨）</li> <li>修改暗黑模式背景（结果：配色十分有一百分的不协调<span id="heimu" class="plugin-heimu"><s>看起来和老年人表情包的配色没什么两样</s></span><span></span>）</li> </ul> <h3 id="第二次更换主题" class="relative group">第二次更换主题 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%e7%ac%ac%e4%ba%8c%e6%ac%a1%e6%9b%b4%e6%8d%a2%e4%b8%bb%e9%a2%98" aria-label="Anchor">#</a></span></h3><p>这次更换主题主要是别的主题实在是太炫酷了</p> <p>更换的主题叫 <a href="https://github.com/auroral-ui/hexo-theme-aurora" target="_blank" rel="noreferrer">Aurora</a></p> <figure> <img src="https://dogefs.s3.ladydaily.com/hajeekn/storage/image-20230825175857040.png" alt="" class=""/> <figcaption class="text-center">主题 Demo</figcaption> </figure> <p>不过由于一些不可抗力因素<span id="heimu" class="plugin-heimu"><s>其实就是懒</s></span><span></span>，这次换主题没有成功<img loading="lazy" class="emoji-object" src="https://api.hesiy.cn/api/emoji?emoji=face_with_steam_from_nose_color" type="image/svg+xml"></img></p> <h2 id="交叉路口" class="relative group">交叉路口 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%e4%ba%a4%e5%8f%89%e8%b7%af%e5%8f%a3" aria-label="Anchor">#</a></span></h2><p>看到 <a href="https://skk.moe" target="_blank" rel="noreferrer">苏卡卡</a> 和 <a href="https://baoshuo.ren" target="_blank" rel="noreferrer">宝硕</a> 都是 <strong>Next.js</strong></p> <p>我也不能闲着，于是找了个模板套了进去，顺便给它添加了友链的功能</p> <figure> <img src="https://dogefs.s3.ladydaily.com/hajeekn/storage/202308251958607.png" alt="" class=""/> <figcaption class="text-center">主页</figcaption> </figure> <figure> <img src="https://dogefs.s3.ladydaily.com/hajeekn/storage/202308251959147.png" alt="" class=""/> <figcaption class="text-center">友链页面</figcaption> </figure> <p>后来因为维护太麻烦了<span id="heimu" class="plugin-heimu"><s>主要是 React 让我头疼，加上我的技术栈不是 React</s></span><span></span>于是果断抛弃</p> <h2 id="安稳之路" class="relative group">安稳之路 <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100"><a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%e5%ae%89%e7%a8%b3%e4%b9%8b%e8%b7%af" aria-label="Anchor">#</a></span></h2><p>最后我选择了 <a href="https://gohugo.io" target="_blank" rel="noreferrer">Hugo</a> 作为 <a href="https://hexo.io" target="_blank" rel="noreferrer">Hexo</a> 的替代品</p> <p>为什么选择 <a href="https://gohugo.io" target="_blank" rel="noreferrer">Hugo</a> 作为 <a href="https://hexo.io" target="_blank" rel="noreferrer">Hexo</a> 的替代品:</p> <ol> <li>Fast - 快,推送之后秒部署</li> <li>Diverse - Go 模板语法</li> <li>Simple - 主题源码可以通过新建 <strong>HTML</strong> 进行修改</li> <li>Convenient - <strong>Hugo Module</strong> 让我们需要修改主题某处只需本地新建对应的文件即可,无需克隆整个仓库,也无需担心无法 <strong>Pull</strong></li> </ol> <span id="heimu" class="plugin-heimu"><s>编不下去了 ＞︿＜</s></span><span></span> <p>在选择了 <a href="https://gohugo.io" target="_blank" rel="noreferrer">Hugo</a> 之后,我用了 <a href="https://github.com/jpanther/congo" target="_blank" rel="noreferrer">Congo</a> 作为博客主题</p> <figure> <img src="https://dogefs.s3.ladydaily.com/hajeekn/storage/202308252020632.png" alt="" class=""/> <figcaption class="text-center">主题 Demo</figcaption> </figure> <p>也许之后还会换上其他的构建工具,</p> <p>也许会一直保持这样<img loading="lazy" class="emoji-object" src="https://api.hesiy.cn/api/emoji?emoji=face_with_tongue_color" type="image/svg+xml"></img></p>