在 我的自建博客之路系列 的前面几篇文章中,我们已经一起在本地和github、coding搭建起了自己的hexo博客站点,更换了Next主题,并且绑定了自己选择的个人独立域名,但是还未发表过文章,站点的配置还是原来的默认值。在本节,我们来进行个性化的设置,按照自身需要情况将站点打造成自己的。
这里首先要知道在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml,它们均是用于站点配置使用的。其中,一份位于站点根目录下(比如我的: D:\hexo_config.yml ),主要包含 Hexo 本身整站的配置;另一份位于主题目录( D:\hexo\themes\next_config.yml )下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在以下说明中,将前者称为 站点配置 文件, 后者称为 主题配置 文件。下面我们先来看看 站点配置 文件的配置修改。
Hexo 使用 Moment.js 来解析和显示时间。
在站点的根目录下执行以下命令:
更多插件请移步 Hexo官方插件 页了解
现在执行
打开 localhost:4000 查看效果了。
访问HEXO官方文档
在做次优化之前,hexo-next文章链接默认的生成规则是::year/:month/:day/:title,是按照年、月、日、标题来生成的。比如: https://www.zzcz.cc/2019/08/12/hello-world/ 这样,如果文章标题是中文的话,URL链接是也会是中文
那能不能生成唯一不变的URl链接呢?答案是可以的,已经有人给我们实现了。这就是我们要说的hexo-abbrlink插件,简单易用,为作者点赞(≧▽≦)/
参考github: hexo-abbrlink
执行此命令可能会不成功,提示你缺少相应的依赖比如babel-eslint、mini-css-extract-plugin、webpack-cli...
使用npm命令安装即可,比如npm install eslint@4.x babel-eslint@8 --save-dev
修改根目录站点配置文件_config.yml,改为:
生成的链接将会是这样的(官方样例):
生成完后,原md文件的Front-matter 内会增加abbrlink 字段,值为生成的ID 。这个字段确保了在我们修改了Front-matter 内的博客标题title或创建日期date字段之后而不会改变链接地址。
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)