因时而新的玩具

原理是简单的。让人的意识到达永远是难的。

博客是一种「玩具」，准确的说更像是「游戏」，因为好玩，所以给人以「兴趣」。

我从不认为遗弃本心，事实单纯地，我的本心是玩儿。

没有办法，这是本性。

「玩物丧志」从来不是空穴来风，而是古人薪尽火传的肺腑之言。

野性拒绝放手，将我拘困在「意义之林」。

逃避在意义之林

我喜欢以「意义」为题向自己发问。这让我觉得我不是一个事必随心、毫无头脑的人。

在「意义之林」，我开始逃避问题，不再关注自己没有掌握的新鲜事物，不再想学习，不再成为更好的人。以寻找意义为借口，逃避寻找意义的问题。

我承认我是一个无趣的人，这不可怕，可怕的是我开始卖弄自己无聊的幽默感。

有的父母说：「不怕孩子啃老，就怕孩子想证明自己。」对读者来说，心思大抵同理。

余下的故事令人心寒。也曾想，命运不该待我如此。海浪波涛不宁，也有汇入湖泊，平淡和谐之日；人生坎坷，也应给予我一时安宁。但我没有心怀怨念，而是反省自身，问题到底出在哪里。

天地之变不以一瞬，人似无可之为。然应当改变。因为你不知道，是你的改变先来，还是生活之变先来。

「跳出舒适圈」的道理，人尽皆知，却鲜有实践。

虚伪的改变背后是真实的生命

近些年来，特别近些时日来，世故多舛，如天气风云阴晴变幻，捉摸不定。疲于应付烦杂的事务，不得喘息，昔日稀松可爱的平常成为遥不可及的念想。

历经世故后，乃更知晓世间大道至简，林繁树茂，终无所托。然而云拨雾散，真实的生命暴露出来，思维的效能非同凡响。

其实我一直害怕，害怕我变得空虚、变得麻木、变得眼神无光、变成过去的自己讨厌的模样。没有办法，我还年轻。成也年轻，败也年轻。狄更斯说：这是最好的时代，这是最坏的时代。深以为，对一个人，青春是最美的年代，也是最坏的年代。

其实这样看也还好，因为我还有可能。

是应该留下些什么，我自己的记号。

「证明我来过」不再是自我疗慰的呓语，而是成为意义本身。

满意与否，就此别过。

开启崭新的一篇。

祝愿诸君，在这个时代，有待生活苦尽甘来的热忱和永不服输的勇气。

最近才得知 Cloudflare 推出了 Pages 服务，不仅支持 GitHub 私有仓库部署，响应速度也远超 GitHub Pages。另一方面，Hexo 并不友善的定制体验让我再次反思自己是否应该换一个性能更高、体验更好的框架。在看到 Dvel 君的博客后，我更坚定了这一想法。

免费版的 Cloudflare Pages 支持每月 500 次提交，每个项目最多 10 个自定义域名、最多 20000 个文件，单个文件最大 25 MiB。其他的基本没有限制，这对个人站点来说绰绰有余。

安装

Hugo 的安装可谓优雅至极，在官方网站下载好安装包后，几乎可以无脑下一步。MacOS 用户则一行指令 choco install hugo-extended 即可；实际上，Windows 也可以使用 Scoop 做到类似效果：scoop install hugo-extended 。

下载完成后检查是否安装成功，在终端输入 hugo version，若出现版本信息则表明安装成功。

建站与配置

创建站点

输入 hugo new site blog ，将在选定目录下新建 blog 子文件夹作为站点目录。进入子文件夹，通过 git init 初始化 git 。

blog:.
│   .gitmodules      # Git 子模块
│   config.toml      # Hugo 配置文件，建议转换成 Yaml 格式
├───archetypes     # 模板，类似于 Hexo 的 scaffolds
│       default.md   # 默认模板
├───content        # 内容路径，文章和页面的 Markdown 文件都放这里
├───data           # 储存供模板调用的数据文件？暂时用不上不管它
├───layouts        # 布局目录
├───static         # 静态文件目录(构建时全部拷贝到 /public 里，相当于网站资源的根目录)
└───themes         # 主题目录

获取主题

Hugo主题网站 中列出了各种主题，本站选择了 PaperMod 主题。在博客文件夹的 themes 目录下打开终端，输入：git clone https://github.com/adityatelange/hugo-PaperMod.git 。在配置文件中设定主题。

Config.yml

由于 yaml 的可读性远远优于 toml ，建议使用 config.yml 代替原有的 config.toml 或 hugo.toml，具体配置的可以参考：

• Sulv’s Blog：hugo博客搭建 | PaperMod主题
• PaperMod 官方文档

创建文章

在终端输入 hugo new 文章名称.md，即可在 content 文件夹下创建 markdown 文件。

Front Matter

title: "Hugo初探" #标题
date: {{ .Date }} #创建时间
lastmod: {{ .Date }} #更新时间
author: ["Suoerix"] #作者
categories: 
- 分类1
- 分类2
tags: 
- 标签1
- 标签2
  description: "描述" #描述
  weight: # 输入1可以置顶文章，用来给文章展示排序，不填就默认按时间排序
  draft: false # 是否为草稿
  comments: true #是否展示评论
  showToc: true # 显示目录
  TocOpen: true # 自动展开目录
  hidemeta: false # 是否隐藏文章的元信息，如发布日期、作者等
  disableShare: true # 底部不显示分享栏
  showbreadcrumbs: true #顶部显示当前路径
  cover:
    image: "" #图片路径：posts/tech/文章1/picture.png
    caption: "" #图片底部描述
    alt: ""
    relative: false

本地预览

在终端输入 hugo server 启动本地预览，本地预览网址为 localhost:1313 。

部署

推荐部署至 Cloudflare Pages。也可考虑部署至 GitHub Pages 或其他服务。

采用 hugo 命令的方式渲染只会向 public 文件夹里添加内容，但是不会删除之前出现的文件， 建议使用 hugo -F --cleanDestinationDir 命令，以保证每次生成的 public 文件夹都是全新的。

主题美化

以下内容适用于 PaperMod 主题。修改效果可参考本站。

修改字体

使用 Google Fonts ，将 HTML 插入到 layouts/partials/extend_head.html 中，将 CSS 插入到 assets/css/extended/blank.css。

本站正文使用的中文字体为 霞鹜文楷屏幕阅读版。

代码高亮

PaperMod 最近的 PR 改用 Hugo 内置的 Chroma，CSS 文件位置更改为 assets/css/includes/chroma-styles.css。对应配置文件 config.yml 内容更改为：

markup:
  markup.highlight:
    noclasses: false
    codeFences: true

文章更新时间

以下的内容参考：

• Sulv’s Blog：Hugo博客修改post_meta头部信息

• Jackson Lucky：Use Lastmod with PaperMod

修改post_meta

在 PaperMod 主题目录下的 \layouts\partials\post_meta.html 中加上三行：

<!-- 更新时间 -->
{{- if gt .Lastmod .Date -}}
{{- $scratch.Add "meta" (slice (printf "<span title='%s'>%s%s</span>" (.Lastmod) (i18n "updated") (.Lastmod | time.Format (default "January 2, 2006" site.Params.DateFormat)))) }}
{{- end }}

因为我的博客采用中英双语，因此考虑了多语言本地化。

在 \i18n\zh.yaml 中加入：

- id: updated
  translation: "更新："

若无需本地化，可考虑直接在 post_media 中写入输出文本。

用法

Hugo 支持通过 Git 自动获取文章更新时间。在 config.yml 中设定为：

enableGitInfo: true

如果不设置自动获取，可以采用每篇文章 Front Matter 中手动设定更新日期：

date: 2023-07-30 #发布日期
lastmod: 2024-07-24 #更新日期

浏览量统计

本站使用了 Vercount 的服务。在主题文件夹的 layouts/partials/extend_head.html 中插入：

<script defer src="https://vercount.one/js"></script>

也可以考虑使用 杜老师的服务 ：

<script async src="https://npm.elemecdn.com/penndu@1.0.0/bsz.js"></script>

在 \layouts\_default\single.html 的 <div class="post-meta"></div> 之间加入：

<!-- 浏览统计 -->
{{ if .Site.Params.ViewCount -}}
·&nbsp;
<span id='busuanzi_value_page_pv'></span>&nbsp;{{- printf "%s" (i18n "page_view" ) }}
{{- end }}

同样的，这里考虑了本地化。在 \i18n\zh.yaml 中：

- id: updated
  translation: "更新"

封面位置修改

• Sulv’s Blog：Hugo博客文章封面图片缩小并移到侧边 | PaperMod主题。

参考资料

• YUNYI BLOG：Hugo+PaperMod 双语博客搭建 Home-Info+Profile Mode