
Hugo + Papermod主题 – 搭建博客
0.简述 写作方式 本地电脑通过 Visual Studio Code 的 Remote SSH 连接服务器,然后在 Visual Studio Code 里写博客,完成后通过 hugo 编译 有时候也会在本地电脑写,写完后推送到 github , …
标签 "Papermod主题" 下的所有文章
0.简述 写作方式 本地电脑通过 Visual Studio Code 的 Remote SSH 连接服务器,然后在 Visual Studio Code 里写博客,完成后通过 hugo 编译 有时候也会在本地电脑写,写完后推送到 github , …
1.多语言 Hugo 多语言内容管理有多种方法,感兴趣的参考 Huho 文档 多语言模式 章节 我采用的是 “用文件名翻译” ,例:
1. 添加 Shortcode 模板 在 layouts/shortcodes/ 下创建文件 friends-link.html HTML 折叠 复制 <div class="friends-container"> {{ $lang := …
较于 hugo-PaperMod 主题的目录摆放位置,左侧悬浮目录更便于用户阅读的目录形式 1. 添加目录页面 在 layouts/partials 添加 toc.html 文件 BASH 折叠 复制 {{- $headers := findRE …
我是看到阮一峰老师的文章底部也加有 “文档信息”,所以把它模仿过来,效果可看本文底部的文档信息 1. 添加文档信息页面 在 layouts/partials 添加 doc_info.html
在 Hugo-PaperMod 主题中,默认情况下,无论是顶部菜单栏中的外链还是文章中的引用链接,点击时都会在当前页面打开。这种设计在阅读体验上并不理想,因为用户可能需要频繁返回原页面,造成不必要的干扰和不便
1.新建页面 在 layouts/partials 添加 related.html related.html HTML 折叠 复制 <!-- 找到当前文章所有标签相同的其他文章,但不包括当前文章自身,然后取前 5 篇这样的相关文章,赋值给变量 $related --> …
hugo-PaperMod 默认没有评论功能,网上游览一圈,最后选用 Giscus,主要是部署方便 1. Github 端 1.1 创建仓库 到 Github 新建仓库,仓库名称根据自己的需求自己定,没有要求 需要注意:
不蒜子官网:https://ibruce.info 1.调整 hugo.yaml 添加 busuanzi 参数 YAML 折叠 复制 params: busuanzi: enable: true 点击展开查看更多 2.站点底部"访问量" …
输入关键词搜索文章内容