Hexo搭建中的问题和解决方式
记录一些操作方式,免得自己忘了,又到处去找。。。
文章引用
官网提供的引用文章的方式{% post_path filename %}
没有起作用,因为自己的目录结构,在_posts
下还有一层分类的文件夹,所以无法链接到文章,只能通过Markdown自己的链接方式,来引用文章,但是需要有提前准备:
- 安装插件:
npm install hexo-abbrlink --save
- 在Hexo项目的配置文件
_config.yml
中,修改:1
permalink: post/:abbrlink.html
- 在Hexo项目的配置文件
_config.yml
中,添加:1
2
3abbrlink:
alg: crc32 # 算法:crc16(default) and crc32
rep: hex # 进制:dec(default) and hex
这样的话,会给每篇文章在Front-matter
中生成一个唯一码abbrlink
,然后通过Markdown的链接,来引用文章,其实abbrlink
的作用是简化文章的绝对路径链接的,这里不得已才这么引用。
最后还是去掉了自定义的分类文件夹,让文章直接存放在_posts
下,然后用官网的{% post_path filename %}
来链接
图片路径设置
因为不确定在文章中,会用到多少图片,也不想用图床功能,所以在/source
中新建了一个’pics’文件夹,用来存放图片,并在pics
中,建立文件夹,文件夹名与文章的前缀编号一致,方便管理。
在文中,使用![](/pics/xxx/xxx.jpg)
来引用图片
自定义域名
通过GitHub Pages页面配置了自定义域名,但是只在上传的静态文件中新增了一个CNAME
文件,本地重新编译静态文件,再上传后,就会丢失这个静态文件,所以,在笨的的/source
文件夹中,穿件一个CNAME
文件,并将配置在GitHub Pages中的域名,填写在此处,再次编译后,public
文件夹中,就会包含该文件。
文章置顶
- 卸载掉原来的置顶插件:
npm uninstall hexo-generator-index --save
- 安装新的置顶插件:
npm install hexo-generator-index-pin-top --save
- 在需要置顶的文章中的
Front-matter
中,新增一个属性top: 10
,其中,数字越大,文章越靠前