插入本地图片

需要将要插入的本地图片保存在博客根目录里source/images文件夹内。若没有images文件夹则新建一个,命名可自定。
然后加入以下代码:
方法一:

1
![]()

例如:

1
![a cat](/images/cat.png)

其中,[ ]内为对图片的描述,可以空白。

方法二:

1
<img src="/images/cat.png" alt="a cat">

src部分为本地图片的目录,和方法一的括号部分一样。alt部分为对图片的描述,可省略。

若要更改图片的大小,可以使用以下语法:

1
<img src="/images/cat.png" width = "300" height = "200" alt="a cat">

可以将图片设定为300x200尺寸大小。
也可以用百分比表示:

1
<img src="/images/cat.png" width="50%" height="50%">

插入网络图片

和插入本地图片的方法类似,只是把括号和引号内的内容换成网络图片的链接即可。

1
2
3
![](https://*******)
或者:
<img src="https://*******">

首页显示文章部分预览

首页只预览部分内容,剩余内容需要点击阅读全文才能看到:
使用以下语法:

1
<!--more--> 

语法后面的内容在首页看不到,只有点击阅读全文才能看到。

插入空格

插入一个空格 (non-breaking space)

1
2
3
4
# 以下三种方法都可
&nbsp;
&#160;
&#xA0;

插入两个空格(en space)

1
2
3
4
# 以下三种方法都可
&ensp;
&#8194;
&#x2002;

插入四个空格(em space)

1
2
3
4
# 以下三种方法都可
&emsp;
&#8195;
&#x2003;

插入细空格(thin space)

1
2
3
4
# 以下三种方法都可
&thinsp;
&#8201;
&#x2009;

注意:不要漏掉分号。