在使用Hexo的时候，最困扰的一个问题应该是图床的问题了。

今天尝试了一下插件 hexo-asset-link，获得了不错的用户体验。终于可以愉快的写作啦！😊

插件hexo-asset-link通过在source/_posts下新建与文章同名文件夹的方式来存放图片。
这样当博客推送到github仓库的时候，对应的图片资源也同时上床。免去了管理图床的烦恼。

具体的原理和步骤可以参考文章：

我自己就先安装插件，然后通过在文章引用的方式来展示图片。

在站点配置文件_config.yml修改参数为true：

1
2
3
4
# Writing
...
post_asset_folder: true
...

然后就可以安装插件和使用了。

1
2
npm i --save hexo-asset-link
![my test image](Test-Image-1.png)

注意

  1. 图片的文件名不能够有空格
  2. 图片路径跟Markdown不兼容。
    例如，在MD文章要显示一个图片可以能是这样的：
    ![蓝色](./test_folder/hexo_post.png)
    但是，在Hexo博客里面，路径要删除
    ![蓝色](hexo_post.png)
  3. 删除文章的时候，最好把存放图片的文件夹一并删除