Hugo | 新主题驾到！ | 呆呆不是槑

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

待办列表

Papermod主题以来更新和装修内容的List，方便之后统计【最后更新日期：240613】

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

抄抄作业

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

灵机一动

首页显示

修改首页博文显示标题下的小字内容，默认显示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里就行…照抄的塔塔的评论区格式代码也是放在这里。

评论配置

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

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

邮件通知

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

博客目录显示层级修改

标题叠太多层时都显示在目录里太乱了不好看，希望目录里只显示到三级标题。于是把toc.html里第一行的两个h[1-6]改成了h[1-3]。

友链界面修改

看到小鱼的友链界面觉得好好看于是冲去毛象求教！小鱼很热情地把代码直接发给我了ww，只要在友链界面文章前放CSS样式就可以，在小鱼的版本上自行进行了一些修改，具体代码如下：

<style>
.post-content ul {
    padding-inline-start: 40px;
    /*修改列表缩进量*/
}

.post-content a{
    box-shadow: none;
    /*去掉链接下方横线*/
    color: rgb(114,62,136); 
    /*修改链接颜色*/
}

.post-content li::marker {
  content: "❀  "; 
  /* 让无序列表前的圆点变成小花 */
  color:  rgb(152,101,175); 
  /*修改小花颜色*/

}

.post-content a::after {
    content: " | " ;
    /* 让每个超链接后都有个分隔号 */
    padding: 0 0.2em; /* 调整间距大小 */
}

.post-content a:last-child::after {
    content: none;
    /* 最后一个链接不需要分隔号 */
}
</style>

效果：

归档和分类页面合并

很久之前就想添加的功能，但是一直没研究出来。最后跟ChatGPT讲了二十分钟让它帮我写出来了。在archive.html里的后面添加下面这段代码：

<section id="tags">
  <ul class="terms-tags">
      {{- range $tagName, $tagPages := .Site.Taxonomies.tags }}
          {{- $count := len $tagPages }}
          {{- $tagNameTitle := $tagName | title }} <!-- 确保首字母大写 -->
          <li>
              <a href="/tags/{{ $tagName | urlize }}">{{ $tagNameTitle }} <sup><strong>{{ $count }}</strong></sup></a>
          </li>
      {{- end }}
  </ul>
</section>

待办列表#

抄抄作业#

灵机一动#

首页显示#

waline评论区#

评论配置#

邮件通知#

博客目录显示层级修改#

友链界面修改#

归档和分类页面合并#