跳到主要内容

再次尝试静态博客

阅读需 2 分钟

选择这个 hexo-theme-Wikitten 主题 是因为它的逻辑思想,比如分类、时间线。最终还是因为体验,感觉差一些什么,没有应用。

Hexo 是一款静态博客,从我接触前端就知道了它,尝试了多次,但从未真正应用过它。

静态部署是很好的思路,不单单局限于博客这个领域,live2d-static-api 也是相同的思想。可以静态部署的,尽量就不使用服务器,这样部署会非常灵活,博客没有那么多数据要更新。 -- 2025.02.24

一、修改效果

在 hexo-theme-Wikitten 的基础上进行主题修改:

2022-09-24_152213

二、使用过程

概述

使用 Markdown(或其他渲染引擎)解析文章。

建站

.
├── _config.yml // 网站的[配置](#配置)信息
├── package.json
├── scaffolds // [模板](#写作)文件夹,模板指新建的文章文件中默认填充的内容
├── source // 存放用户资源
| ├── _drafts
| └── _posts // 除此文件夹,以 `_` 开头的均被隐藏
└── themes // [主题](#主题)文件夹

配置 _config.yml

https://hexo.io/zh-cn/docs/configuration

配置网址的选择

permalink: :name.html # 文件名为 2022-09-25_hello-world
pretty_urls:
trailing_html: false # Set to false to remove trailing '.html' from permalinks

这样就可以使用 blog/2022-09-25_hello-world 形式访问网页,同时省略 .html 后缀

选择原因:

① 永久链接就是不再动了,文件名字更适合,不和文件位置绑定。

② 名前日期是为了便于知道文章创建时间。

资源文件夹的选择

虽然有 post_asset_folder 选项, 但我认为不必 md 和 文件夹同名,名字(id)出现一次足够。

├── source
| └── images // 公用图片
| └── _posts
| | ├── 2022-09-25_hello-world // 文章文件夹
| | | ├── assets // 文章的资源文件夹
| | | ├── ... // 文章的其他内容
| | | └── README.md // 文章

一篇文章一个文件夹,默认情况下 assets 相对引用也可用。

这里应该是需要写插件了。

暂时未加入评论功能,请在对应公众号文章下或 GitHub Issues下留言反馈。