Hexo插入图片

有两种方案,一种是把图片弄到图床上,一种是把图片直接放到博客所在的网站上,然后做一个站内引用。这里主要介绍后者。

先在_config.yml里把post_asset_folder设置成true,这样在建立文件时,Hexo会自动建立一个与文章同名的文件夹;以前的文章也可以自己手动创建同名文件夹。其实也可以不用装,直接每次都手动创建这个文件夹就好了。

如果使用的是vscode,可以看这篇博客:vscode粘贴图片到Markdown。粘贴之后图片是以时间命名的,存储在跟md同级的目录下,可以手动移动到跟博客同名的目录里。

然后安装hexo-asset-image-fixed:

npm i hexo-asset-image-fixed --save

功能是将本地的图片的路径转换成博客网站里的图片的路径。

然后就可以用了。比如在编辑解决某个问题.md的时候,在同级目录新建一个文件夹:解决某个问题,然后把要插入的图片放到解决某个问题/20190925022903920.png,在解决某个问题.md里正常引用这个本地图片即可:

![](解决某个问题/20190925022903920.png)

hexo d的时候,会自动把这个本地路径重定向到博客网站里的图片的路径。

注意,如果博客标题里有空格,比如解决 某个 问题,那引用本地图片时应该将空格换成%20,这是空格在url里的编码。

![](解决%20某个%20问题/20190925022903920.png)

但是文件夹的名字仍然是跟标题一样,为解决 某个 问题,空格还是空格。

参考文献:

hexo博客图片问题

hexo文章插入本地图片的方法

https://stackoverflow.com/questions/41604263/how-do-i-display-local-image-in-markdown

posted @ 2024-09-28 14:14  寻找繁星  阅读(31)  评论(0编辑  收藏  举报