Hugo | Papermod装修日志（2）

其实很早以前就在想Papermod用的时间太久了，要不换一个新主题吧，但是用得越久花费的装修精力就越多，投入的时间精力越多就越难换，这就是沉没成本的陷阱啊陷阱！上一篇已是2023年，因此干脆开了一篇新的装修记录。

修改博客字体

将博客字体修改为汇文正楷和Esteba。装修的时候发现好像没有霞鹜文楷那样的引用链接，于是让GPT老师帮我写了代码。

在static文件夹下新建fonts文件夹，将字体文件放入其中。
在博客的自定义css文件中添加以下代码：

@font-face {
    font-family: 'HuiwenZhengkai'; /* 自定义字体名称 */
    src: url('/fonts/Huiwen-Zhengkai.ttf') format('truetype'); /* 字体路径 */
    font-weight: normal; /* 设置权重，视字体文件支持的权重而定 */
    font-style: normal; /* 设置风格，例如 normal、italic */
    unicode-range: U+4E00-9FFF;/* 只适用于中文字符 */
}

@font-face {
    font-family: 'Esteban'; 
    src: url('/fonts/Esteban.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

在reset.rss中body模块下的font-family添加'HuiwenZhengkai','Esteban'

取消博客RSS输出

修改config.yaml

outputs: /* 禁用 RSS 输出 */
  home: ["HTML"]
  section: ["HTML"]
  taxonomy: ["HTML"]

删除public/index.xml文件

更改高斯模糊样式

之前的样式是照抄的塔塔教程，最近发现夜间模式下文字颜色不会自动适配，于是修改了一下css样式。

在/assets/css/core/theme-vars.css（其他主题文件可能会有不同）中添加：

:root {
    --blur-text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); /* 亮色模式阴影 */
}

.dark {
    --blur-text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.5); /* 暗色模式阴影 */
}

修改一下之前写的高斯模糊样式

/* 高斯模糊 */
.blur {
    color: transparent;
    text-shadow: var(--blur-text-shadow);
}

.blur:hover {
    color: var(--primary);
    text-shadow: none;
}

效果展示时间：也可以切换日间/夜间模式看看！

书影游展示墙

虽然搭起来很久了但在这放一下代码！因为用的是Neodb源然后又不会自己写所以没用上自动化轮子，看似高端的界面实际上一直是在手动填数据……

参考教程：

在layouts/_default中添加books.html，movies.html，games.html（点击链接即可看到代码）
在content内加入markdown文件，以books.md举例：

---
title: "阅读室"
layout: "books"
summary: "books"
---

在data/neodb内加入csv文件，我的代码对应的csv文件列数是id， title， poster，url， genres， tags， star_time，但只显示&需要填写加粗的几项即可（没删除其他的只是因为懒而不是必要……）

一点说明：
- 删去影片tag和评分，只保留年份筛选，如果有需要可以根据参考教程的两篇博客自行添加；
- html文件里的{{index $item "number"}}中的数字代表的是csv列数，注意点是go语言是从0开始计数，即csv中的title是{{index $item 1}}，若在csv中增减列数，需要记得修改代码中的这部分；
- 展示顺序是按照csv项目顺序而不是star_time，后者只作为筛选条件，想按照从新到旧显示需要手动将最新项目放在第一行。

现在就可以试试尝试访问了！

修改博客字体#

取消博客RSS输出#

更改高斯模糊样式#

书影游展示墙#

修改博客字体

取消博客RSS输出

更改高斯模糊样式

书影游展示墙