hexo文章插入图片

一、插入本地图片

插入本地图片时统一将本地图片放在博客文件source/images文件夹下,

若没有在source目录下没有images文件夹则创建。

插入图片也有两种语法可以使用,一种是markdown语法,另一种是html语法。

markdown语法:

1
2
![](images/ddd.jpg)
[]中是图片的提示文字,()里面是图片的地址,例:![pp](images/ddd.jpg)

pp

html语法:

1
2
<img src="images/ddd.jpg">
统一格式为<img src="">,""中间写上图片的地址,若想对这张图片也出现提示文字,则需要在后面添上alt="",例:<img src="images/ddd.jpg" alt="ppp">
ppp

二、插入网络图片

在浏览器上找到自己想要的图片,在新标签页打开图片,鼠标右键点击,找到图片的链接地址,如下(后面带有png、jpg、jpeg后缀是图片格式):

同样插入网络图片也有两种方式:markdown格式和html格式。

1
2
3
4
markdown格式:
![](网络图片地址)
html格式:
<img src="网络图片地址">

markdown

html

若想将插入的图片放大缩小,则需要在添加的图片后面加上长宽或者长宽的比例,如:

1
2
3
<img src="图片地址" width="200" height="300">
或者
<img src="图片地址" width="50%" height="50%">

1.将图片设置长200,宽300

2.将图片的长宽都设置为原来的50%