关于Markdown
一.斜体和粗体
1.斜体 *斜体*
2.粗体 **粗体**
3.加粗斜体 ***加粗斜体***
4.删除线 ~~删除线~~
二.分级标题
1.一级标题 # 内容
2.二级标题 ## 内容
3.三级标题 ### 内容
4.四级标题 #### 内容
5.五级标题 ##### 内容
6.六级标题 ###### 内容
三.超链接
[]里写链接的文字,()中里写链接地址,()中的""为链接指定title属性,title属性可加可不加。title属性的效果是鼠标悬停在连接上白框中会出现指定title文字
语法:[链接文字](http://blog.leanote.com/freewalk "地址")
例子:欢迎来到[1st's Studio](https://loushengtao.github.io/ "^o^")
欢迎来到1st's Studio
3.1 参考式
参考式超链接一般用在学术论文上,或者另一种情况,如果某一个链接在文章中多处使用,那么使用英勇的方式会非常好,它使我们对链接进行统一管理
参考式超链接分为两部分——文中的写法[链接文字][链接标记], 文尾的写法[链接标记]:链接地址
语法:...文本[链接文字][链接标记]...
[链接标记]:链接地址
例子:一个非常优质的博客网站[1st's Studio][1]
[1]:https://loushengtao.github.io
一个非常优质的博客网站1st's Studio
3.2 锚点
网页中,锚点即为页内超链接,也就是链接本文档的某些元素,实现当前页面的跳转
注:
1.Markdown Extra 只支持再标题后插入锚点,其他地方无效
2.Leanote编辑器右侧显示效果区域暂时不支持锚点跳转,但发布成笔记或博文后支持跳转
语法:在你准备跳转到指定标题后插入锚点{标记},然后在文档的其他地方写上连接到锚点的链接
例子:## 0.目录{index}
跳转到[目录](#index)
五.列表
5.1 无序列表
使用 * + - 表示无序列表
例如:
无序列表项1
* 无序列表项1
无序列表项2
+ 无序列表项2
无序列表项3
- 无序列表项3
5.2 无序列表
有序列表则使用数字接着英文句点,句点后一个空格
例如:
有序列表1
1. 有序列表1
有序列表2
2. 有序列表2
有序列表3
3. 有序列表3
5.3 定义型列表
定义型列表由名词和解释组成: 一行写上定义,紧跟一行写上解释。
解释的写法: 紧跟一个缩进(Tab 四个空格)
- Markdown
- 轻量级文本标记语言,可以转换成html、pdf等格式
Markdown
:(Tab 四个空格)*轻量级文本标记与语言,可以转换成html、pdf等格式*
5.4 列表缩进
列表项标记通常是放在最左边, 但是其实也可以缩进, 最多三个空格, 项目标记后面则一定要接着至少一个空格或制表符, 并且上下两行之间不用再另外换行
- 轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。 那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。 软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!
- 那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。 寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。 但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥! 悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。
1 |
|
5.5 包含引用的列表
如果要在列表项目中放进引用, 则>就与要缩进
阅读方法
打开书本
打开电灯
1 |
|
5.6 包含代码区块的引用
如果要放代码区块, 该区块就需要缩进两次, 也就是八个空格或者两个制表符Tab
此处暂不做演示, 原理同上, 嵌套用缩进来表示, 一层嵌套一次Tab
6.引用
语法: 在需要被引用的文本前加上>符号
这是一个由有两段文字的引用
无意义的占行文字1
无意义的占行文字2
无意义的占行文字3
无意义的占行文字4
1 |
|
7.插入图片
Markdown中插入图片的语法为![]()
, 其中方括号是图片描述,
圆括号是图片路径, 一般来说,
图片路径有三种:
1.相对路径
2.绝对路径
3.网络路径
所谓网络路径就是直接引用网上的图片,
直接复制图片地址,放在原阔后中就完事了。这种方式非常的方便,
但是页存在一定的问题:
图片失效导致无法加载
打开网页后要再请求加载图片
原网站限制,如微信公众号的图片会变得不可见等
由于我们的博客是要部署在网站上, 部署后会生成新的文件目录, 所以我们选择使用相对路径的方式。在hexo中使用文章资源文件夹需要在_config.yml文件中更改配置:
post_asset_folder: true
也可以使用html的语法格式插入图片
语法:
<img src="图片地址" width=宽 height=高 />
若无width与height,
则为图片默认宽高
<img src="/assets/pretty.jpg" />
未完待续