当你打开这篇文章时, 默认你已经安装好了hexo, 并已经开始摸索着捣鼓自己的个人站点了.
起手式
安装并初始化完成hexo站点
1 | 安装 |
自动生成分类categories和标签tag
自动维护categories分类页面, 安装 hexo-auto-category 和 hexo-generator-tag
1 | > npm i -S hexo-auto-category |
在站点根目录下的 _config.yml
添加:
1 | # 自动生成分类 |
自动生成的分类和标签, 会在执行
hexo g
命令时自动生成
sitemap站点地图
切换到站点根目录, 安装谷歌站点地图hexo-generator-category 和 百度站点地图 hexo-generator-baidu-sitemap
站点根目录下的 _config.yml
配置文件添加
1 | ## sitemap |
RSS订阅
切换到站点根目录, 安装 hexo-generator-feed
1 | > npm i -S hexo-generator-feed |
站点根目录下的 _config.yml
配置文件添加
1 | ## feed |
hexo 博客图片问题
hexo博客图片的问题在于,markdown文章使用的图片路径和hexo博客发布时的图片路径不一致。
通常我们使用markdown书写博客时, 采用的方式是使用 ![]()
格式插入图片,我们希望在生成博客时,可以将图片转换成正确的格式。
这里可以利用插件 hexo-asset-image
来解决这个问题。
- 安装:
1 | > npm i -S hexo-asset-image |
- 配置:
只需要在_config.yml
中配置 post_asset_folder
为 true
即可。
- 问题:
但是从插件存在问题域名是xxx.io的情况下,图片路径会从原本/xxx.jpg变成 /.io/xxx.jpg, 如果你也存在一样的问题,可以手动修改代码解决这个问题。
在node_modules
目录下, 找到 hexo-asset-image
文件夹, 修改文件 index.js
的 L24
1 | # 从 |
参见 github issues
作者更新了项目代码, 但是没有更新 npm 包。