在使用 Hugo + PaperMod 主题写博客的过程中,发现文章页底部信息略显简单,于是动手加了一个文档版权信息区域,用来展示一些补充说明,本文记录一下实现效果、仓库地址,以及涉及到的模板文件,方便之后回顾,也给有类似需求的朋友一个参考。

效果

文章底部会新增一个文档信息区域,样式与主题整体风格保持一致,用于展示额外说明内容

效果图

仓库源码

相关代码已提交到 Github 仓库

仓库地址:

涉及文件

本次改动主要涉及以下三个文件:

# 文件名 路径 说明
1 copyright.html layouts\partials\copyright.html 具体的文档信息展示逻辑
2 single.html layouts_default\single.html 在文章页模板中引入自定义的文档信息区域
3 zh.yaml i18n\zh.yaml 补充对应的多语言文案

备注

如果某篇文章不希望显示该文档信息,可以在文章的 front matter 中添加以下参数:

enableCopyright: false

通过这种方式,可以按文章粒度进行控制,而不影响其他内容。


以上就是在 Hugo 的 PaperMod 主题中,为文章底部添加文档信息的一次小改动记录。

如果本文对你有所帮助,可以请我喝杯咖啡

(完)