pezayo's Blog

蓦然回首,那人却在灯火阑珊处

0%

hexo图片问题

hexo 的图片插入问题#

关于hexo中的图片插入还是比较迷。首先markdown的插入图片是绝对万能的。适用于博客上图片插入的markdown语法便是使用网图进行插入。下面这个便是一个网图的案例

这是smms图床的网图

好,除此之外,hexo还支持一些奇技淫巧的图片插入方法。其实也是我一直想要探究的如何将自己的图片托管的博客上,而不是在每次使用Typora插入图片自动使用图床上传生成一个随机url,使用博客进行 托管,那个url自然有规则一点,并且还可看出这张图片属于我。

关于这种图片的插入。目前发现的方法是使用hexo支持的标签语法。{% img /your-image.png the-description %}当然还有一些其他复杂的参数,比如高度宽度啥的,不过这都是次要的。其中那个图片前面的正斜杠是必要的。当然这一切都需要一个前提条件,就是你需要在hexo站点配置文件_config.yml中将post_asset_folder的选项设置为true。然后每次在git bash命令行中去hexo new article-name新建一个文件时,其又会自动新建一个同名文件夹。同名文件夹中的图片可被这篇markdown读取,目前测试的是使用这个hexo语法标签才能引用到。然后我发现到的是,每次这样,在提交完后,进入github的部署文件中,发现其中的html文件与图片其实在一起,都在那个文件夹下。以下就是这个图片的hexo语法展示结果,显然这张图片在博客中可以看到,但在本地markdown编辑器中无法显示,

仅仅为纯文本内容。

另外,我再去使用markdown语法去这个文件目录下进行引用看看行不行。

这是去同名文件夹引用

目前就是这样。网上还说可以在source目录下新建一个文件夹专门放图片,然后使用绝对路径去引用,但貌似不行。比如这样

这是普通的markdown语法

到底行不行,一目了然。

就我而言,我也不知道,我会倾向于哪个。显然,我在本地编辑的时候,我肯定不想让我的一张图变成一个语法标签。但我这个网图上传到smms图床生成一堆乱码式的url就让我看着不爽,不够优雅。而用另一个可以在博客中看到图片的url非常优雅。。。但这个图片实际上还是在本地,不过其实也托管到GitHub上了,也算是一个图床了。我GitHub上原本就已经托管 了一个图床,现在还可以在这里进行托管。

-------------本文结束感谢您的阅读-------------

欢迎关注我的其它发布渠道