博客精装修
新logo 叫 gpt 给我画了个 logo,元素就是姓名首字母啦,还是蛮喜欢的 本次博客换了个主题和评论系统,参考文章放在末尾了。算是找到比较靠谱的几篇文章。由于我使用较新的版本,所以并不是能很好的复现文章中的效果,不过也足够满意了 装修点 原先使用hugo-theme-stack 主题是由于接触 hugo 的教程中使用的就是这个,为了避免不必要的麻烦,初次基本都是按部就班复刻教程为主,这次心血来潮还是想换一个,挑了挑就觉得 papermod 不错,简单不复杂,不是很爱花哨的,但是也不想博客太丑了点 评论区 原先为了自部署,用了 waline,结果发现 papermod 没有直接支持。由于我前端功力不够,又不会 go,在 gpt-5 的帮助下也没成功用上,只能放弃用个简单的,挑了挑还是选择Giscus Hugo博客系统添加Giscus评论功能 - Whohhの博客 参考这篇文章倒是一点困难没有就完成了,只是还是想要有自己部署的心里才舒服,不明白这是什么心态,精力有限,现在博客是无人问津的状态,也不需要操心这件事情 便于阅读 Mermaid图 这个还是特别有用的,尤其是在 LLM 的帮助下,不少文章中画一个 markdown 中能渲染的流程图框架图之类的变得异常轻松 以下摘用自台运鹏大佬的文章 Mermaid js 可以可以让我们用代码的方式画流程图(如上图),在文章的概念比较多或者关系复杂时,流程图就可以让读者更容易看懂,故而也引入了 mermaid 的实现 首先创建 layouts/_default/_markup/render-codeblock-mermaid.html,写入以下内容: 1 2 3 4 5 <!-- 因为正常写会有 ```meraid ... ``` --> <pre class="mermaid"> {{- .Inner | htmlEscape | safeHTML }} </pre> {{ .Page.Store.Set "hasMermaid" true }} 这样就可以将 mermaid 这种特殊的 codeblock 加入渲染机制里,同时设置 hasMermaid 为 true,方便后面判断是否加载 mermaid js。接着我们创建 layouts/partials/mermaid.html,来让 mermaid js 对我们写的代码进行渲染 ...