hexo博客爬坑日记（二）(这是大学时建的博客现转移至掘金，旧博客地址：https://jimengkui.cn/)。在

(这是大学时建的博客现转移至掘金，旧博客地址：jimengkui.cn/)

在学习和使用hexo的过程中，觉得要注意的点（喜闻乐见的爬坑….）

第一大坑！！！代码对齐问题

代码块不是向左靠齐，解决办法

在根目录的_config.yml配置文件中将line_number:true改成false;目的将代码块前的行号去掉，（其他主题没这问题，估计是这主题和hexo渲染的迷之bug）

categories分类，about关于我，tags标签

hexo new page "categories"
hexo new page "about"
hexo new page "tags"

然后在每篇文章的.md文件中开头配置好tags,categories（要在文章的.md文件上加而不是，配置文件上加…）

hexo new xxx

默认文章主题是page,在scaffolds文件夹下，（也可以使用自己定义的文章主题）

文章的编写是用markdown语法，第一次接触还不太熟，暂时先用typora编辑器辅助编写一下（还挺好用的），以后再慢慢熟悉markdown语法。

设置站点配置_config.yml，post_asset_folder: true

npm install hexo-asset-image --save

运行hexo n “xxxx”来生成md博文时，/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹。接下来就是利用makdown。

在xxxx.md中想引入图片时，先把图片复制到xxxx这个文件夹中，然后只需要在xxxx.md中按照markdown的格式引入图片：

! [ 这里输入图片描述] ( xxxx/图片名.jpg )

hexo g生成页面后，进入public文件中查看相关字段，可以发现，html标签内的语句是< img src=”…xxxx/图片名.jpg”>，而不是< img src=”xxxx/图片名.jpg>。

中文命名的文章打不开，url 路径被编码了, 匹配不到文章

解决办法

npm install hexo-abbrlink --save

在hexo站点根目录_config.yml修改permalink: :year/:month/:day/:title/配置为:

permalink: posts/:abbrlink/

在hexo站点根目录_config.yml添加配置:

abbrlink:
  alg: crc32  #support crc16(default) and crc32
  rep: hex    #support dec(default) and hex

完成后文章路径变成：

由于该插件已经将中文路径该了所以引用图片是直接写图片名称就行

例如”hexo博客爬坑日记（二）/1.png”,直接写成1.png就行

在每次更改后先和hexo clean清理掉原来生成的静态文件，然后再hexo g 生成