发表嵌有图片的文章,图片path应该怎么写
###Hexo的文章资源文件夹
对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。_config.yml文件中设置属性:
post_asset_folder: true
当资源文件管理功能打开后,Hexo将会在你每一次通过 “hexo new [layout] \
为什么要这样做呢?
因为采用Markdown的语法来发表嵌入图片的文章,会发现md文件里展示没问题,但是生成的网页是不成功的。
查了资料发现,要使用标签插件来实现“嵌入图片”。
图片标签为:
|
|
这样嵌入图片,返回发表,是不能正常显示的
个人例子:
在根目录下的_config.xml文件中设置好属性post_asset_folder: true后,使用“hexo new [layout] \
hexo generate -deploy
就发表博客。
发表后会在“hexo”文件下与“source”文件夹同级的发表文件“public”文件夹下有对应发表文章的index.html主页。如我的文章index.html位置是:2016/03/19/iterm2半透明窗口/index.html,若采用markdown语法嵌入图片,应该是
{% img /2016/03/20/关于hexo发表文章中插入图片/hexo_generate.jpg hexo_generate %}
,然而这样写在访问自己的服务器主页时,并不能正常显示图片,所以标签应该写成:
<img src="/2016/03/19/iterm2半透明窗口/hotkey.jpg" title="hotkey">
这样就ok了。
当然,也有其他方法,比如在简书上发布文章,图片上传后会得到图片链接地址,把地址复制过来就可以了
采用写法
![title.png/jpg] (url链接)
例如:
![git_construct.png](http://upload-images.jianshu.io/upload_images/1652297-337ffd0f995226ca.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
就正常显示了