hexo 系列之主题Next 005:如何在文章中插入图片

本地引用

绝对路径

首先,在站点的 source 目录下创建 images 目录,用于图片资源集中存放;

其次,我们将要展示的图片上传至站点的 source/images 目录,然后使用 markdown 语法访问,如下图:

markdown 语法方式:
1
![](/images/20190503125734.jpg)

html img 标签方式
1
<img src="/images/20190503125734.jpg" style="float:left">

这种方式插入的图片既可以在首页内容中访问到,也可以在文章正文中访问到。

相对路径

图片除了可以放在统一的images文件夹中,还可以放在文章自己的目录中。文章的目录可以通过配置_config.yml来生成。

网络引用

使用markdown 方式

这里只是将本地引用中绝对路径地址换成网络图片地址

1
![](网络图片地址)

使用html img 方式
1
<img src="网络图片地址" style="float: center">
坚持原创技术分享,您的支持将鼓励我继续创作!