
博客搭建踩坑
blog 搭建遇到的问题
Hexo 文档:https://hexo.io/zh-cn/docs/
hexo-nexmoe 主题文档:https://docs.nexmoe.com/hexo-nexmoe/start
大多数问题都可以通过看文档解决。
折叠文章
添加<!-- more -->
,但不能放在头上,会被视为无效。
新建文章
hexo new title // 文章
hexo new post <title> // 文章
hexo new draft <title> // 草稿
hexo publish <draft title> // 发布草稿
hexo new page <title> // 页面
hexo 设置new_post_name
的疑问
Hexo 配置文件hexo/_config.yml
中设定如下:
new_post_name: :title-:year:month:day.md
$ hexo new post 举个栗子
结果:举个栗子-20210414.md
from:https://segmentfault.com/q/1010000008833637
hexo 文章中图片引入问题
官方文档中提供的方法如下:
文章资源文件夹 - 对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo 也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。
_config.yml
post_asset_folder: true
当资源文件管理功能打开后,Hexo 将会在你每一次通过 hexo new [layout] <title>
命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。
但是这样的话,每创建一个文章就有一个对应的资源文件夹,有点乱,也不方便日后管理;
所以这里选择将图片存入 github 仓库的方式,jsdelivr + github 实现 cdn 懒加载。
首先创建一个 GitHub 仓库用来存图片;
引用图片的链接为:https://cdn.jsdelivr.net/gh/<仓库名>@<版本号,可以写@latest,表示最新版本>/<仓库内相对路径>/xxxx.png
例如:
https://cdn.jsdelivr.net/gh/RhymeXmove/blogimg@latest/author.png
hexo
关键字引起的渲染问题
编写markdown
文件时,hexo
关键字务必用反引号包裹,否则会引起页面渲染问题。