解决hexo3.0以上版本无法直接显示插入的图片的问题
问题描述
hexo选择3.0以上版本,通过常规md文件的编写方式无法在网页中显示图片。
解决方法:
在博客根目录下用命令行:hexo3.0及以上版本一定要用该指令进行安装!!!
1 | npm install https://github.com/7ym0n/hexo-asset-image --save |
该指令是指安装修改后的hexo-asset-image,可适用于hexo3.0及以上版本。
网上的教程多数是使用如下命令进行安装,在hexo3.0版本下是错误的!!!
1 | npm install https://github.com/hexo-asset-image --save # hexo3.0以上版本不要用这条语句 |
然后在博客根目录下的_config.yml文件中将“post_asset_folder:”设置为”true“,这样在通过指令hexo new “文章标题”时,不仅会创建一个md文件,还会创建一个和md文件同名的文件夹。将md文件中将要用到的图片存储在这个文件夹下,在需要使用的时候在md文件中通过:
1 | {% asset_img sky2.jpg This is an test image %} |
来插入图片。其中sky2.jpg就是你要引用的图片,我这里就是sky2.jpg,后面的This is an test image是图片描述,可以自己修改。
注意事项:
- 一定要事先搞清楚自己hexo的版本,否则装上了也不一定是对的。
- 使用指令安装asset的时候可能会非常慢,可以尝试链接vpn或者使用cnmp指令进行安装,或者耐心等一等,网上方法太多了,没啥用。
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Comment