关于hexo发表文章中插入图片

发表嵌有图片的文章,图片path应该怎么写

###Hexo的文章资源文件夹
对于那些想要更有规律地提供图片和其他资源以及想要将他们的资源分布在各个文章上的人来说,Hexo也提供了更组织化的方式来管理资源。这个稍微有些复杂但是管理资源非常方便的功能可以通过将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。_config.yml文件中设置属性:

post_asset_folder: true

当资源文件管理功能打开后,Hexo将会在你每一次通过 “hexo new [layout] \”命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个 markdown 文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。

为什么要这样做呢?
因为采用Markdown的语法来发表嵌入图片的文章,会发现md文件里展示没问题,但是生成的网页是不成功的。
查了资料发现,要使用标签插件来实现“嵌入图片”。
图片标签为:

[title] [] [url] [link text]
1
<img src="/path/to/image" class="[class names]" title="[width] [height] [title text [alt text]]">

这样嵌入图片,返回发表,是不能正常显示的

个人例子:
在根目录下的_config.xml文件中设置好属性post_asset_folder: true后,使用“hexo new [layout] \”命令新建博客页,会发现在_post文件下会自动创建和新博客页同名的文件夹,图片资源文件就放在这这个文件夹中。然后使用

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)

就正常显示了

文章目录
  1. 1. 发表嵌有图片的文章,图片path应该怎么写