博客 on Sarv's Blog https://sarv.blog/tags/%E5%8D%9A%E5%AE%A2/ Recent content in 博客 on Sarv's Blog Hugo zh-CN Tue, 25 Feb 2025 14:00:00 +0800 Hello Hugo https://sarv.blog/posts/hello-hugo/ Tue, 25 Feb 2025 14:00:00 +0800 https://sarv.blog/posts/hello-hugo/ <p>好的，又有博客了。<br> 这次使用的是 <a href="https://gohugo.io/">Hugo</a> 和 <a href="https://github.com/adityatelange/hugo-PaperMod">PaperMod</a> 主题，做下记录。</p> <h3 id="文章目录toc">文章目录（TOC）</h3> <p>PaperMod 主题的目录只能固定在页面顶部，使用上有些不便，并且主题作者坚持单列布局，拒绝合并侧边目录的功能<span class="sidenote-number"><small class="sidenote"><a href="https://github.com/adityatelange/hugo-PaperMod/pull/675#issuecomment-1416736188">Github Issue</a></small></span> 。</p> 好的，又有博客了。
这次使用的是 Hugo 和 PaperMod 主题，做下记录。

文章目录（TOC）

PaperMod 主题的目录只能固定在页面顶部，使用上有些不便，并且主题作者坚持单列布局，拒绝合并侧边目录的功能Github Issue 。

所以采用了第三方方案，通过自定义 css 和 layout 实现侧边目录。这里参考了 Yunpeng Tai 大佬的方案。

另外还有 JannikArndt 和 Sulv’s Blog 等方案可选。

样式

基于 Dvel 大佬的方案做了一些调整，例如文章宽度从 720px 调整为 896px 等。

代码块

# 最小配置，可连接 ssh
/interface bridge
add name=bridge1 auto-mac=yes

/interface bridge port
add bridge=bridge1 interface=ether2

/ip address
add interface=bridge1 address=10.0.0.1/22 network=10.0.0.0

表格

版本 限制
License L4/P1 1 Gbps
License L5/P10 10 Gbps
License L6/PU -

评论组件

使用了 waline 组件。
按照官方指示一路操作即可。

图片放大

第一个博客（2014 年）

参考了 Yunpeng Tai 大佬的方案，通过修改 figure 实现了图片放大。

侧边笔记

应该称呼 Marginal notesKF: Marginal Notes ，指的是在右侧直接显示注释信息。
同样是参考了 Yunpeng Tai 大佬的方案。

]]>