建站之后第一次换主题,挑了好久才选了Papermod,简洁风超级好看。还有现成作业可以抄,懒人狂喜!

待办列表

其实主要是列一个list,记录一下换主题之后需要更新和装修的内容,方便之后统计。

  • 页脚信息
    • 站点运行时间、文章数目&总字数统计
    • footer.html
  • 友链信息
  • 文章meta信息修改
    • 首页显示问题
  • 短代码迁移
    • 图片轮播
    • 引用
    • bilibili
    • 网易云
  • favicon
  • 全站字体
    • 添加字体
    • 修改字号
  • 封面图片尺寸
  • 评论区
    • 取消本地加载
    • 头像随机小怪兽
    • 添加新的表情系列
  • 修改站点语言
    • defaultContentLanguage
  • 文本样式
    • 高斯模糊
    • 黑幕效果

抄抄作业

几乎没有自己动脑全程到处抄抄,很幸福的体验。列一下以供下次换主题参考(你……!

  1. Papermod主题配置
  2. 文章修改meta信息
  3. 给博客添加友链
  4. 博客目录放在侧边
  5. 短代码参考:来写一些好玩的 Hugo 短代码
  6. 文章封面图片

灵机一动

首页显示

修改首页博文显示标题下的小字内容,默认显示summary,否则就会直接显示正文,但是之前博客已经有description再额外写summary感觉太麻烦。于是把这里改成直接显示description。方式是在list.html里修改下面这段代码:

<div class="entry-content">
      <p>{{ .Summary | plainify | htmlUnescape }}{{ if .Truncated }}...{{ end }}</p>
</div>

改成:

<div class="entry-content">
    <p>{{ .Description | plainify | htmlUnescape }}{{ if .Truncated }}{{ end }}</p>
</div>

改完之后显示效果就是这样的啦!

waline评论区

换了个主题之后终于建好了……!感觉这一日需要载入本博客史册。参考了官方中文文档与塔塔这篇Hugo | 为 Blog 增加评论区

按照官方文档进行到vercel部署之后,html引入到layouts/partials/comments.html里。找在哪引入找了半天最后发现直接放到comments里就行…照抄的塔塔的评论区格式代码也是放在这里。

评论配置

configcomments.html里配置都没反应,后来发现是上面放的那串代码直接引入了init。于是走下下策把waline.mjs文件下载到本地进行修改。我把这个文件直接放到static里了,引用的时候比较方便。

具体操作:将上文html引入的代码中引'https://unpkg.com/@waline/client@v2/dist/waline.mjs'修改为'/waline.mjs',需要修改的地方就直接用开发者模式查看是文件里哪段代码管理的,需要哪段改哪段就好了。

邮件通知

参照文档里的邮件通知,在vercel里配置环境变量即可。配置完记得要重新部署。