Hexo的常用配置

1. 配置Typora图片

1.1 设置Typora的图片路径

Snipaste_2024-05-16_16-46-02

1.2 安装hexo-renderer-marked 包

1
2
#安装命令
npm install hexo-renderer-marked

1.3 然后修改_config.yml文件

1
2
3
4
5
# 配置Typora图片路径
post_asset_folder: true
marked:
prependRoot: true
postAsset: true

1.4 最后修改插件 hexo-renderer-marked 的代码

1
2
3
if(href.indexOf('/')>-1){
href = href.split('/')[1];
}

Snipaste_2024-05-16_16-55-20

1.5 为将来换电脑时省去上述步骤

1.5.1 将修改后的hexo-renderer-marked包推到github上

image-20240617125645430

1.5.2 修改package.json文件中的hexo-renderer-marked依赖路径

更改为:

1
git+https://github.com/yongwang12138/hexo-renderer-marked.git

image-20240617125809748

2. 取消自动生成的目录序号

在_config.butterfly.yml文件中修改

1
2
3
# toc (目录)
toc:
number: false # 是否显示章节数

image-20240522095654742

3. 图片不要采用懒加载

采用懒加载会出现点击目录跳转时跳不过去

1
2
3
4
5
6
7
# Lazyload (图片懒加载)
# https://github.com/verlok/vanilla-lazyload
lazyload:
enable: false
field: site # site/post
placeholder:
blur: true