1st's Studio.

MarkdownBasis

字数统计: 1.7k阅读时长: 6 min
2022/03/03

关于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. 有序列表1

  2. 有序列表2 2. 有序列表2

  3. 有序列表3 3. 有序列表3

5.3 定义型列表

定义型列表由名词和解释组成: 一行写上定义,紧跟一行写上解释。

解释的写法: 紧跟一个缩进(Tab 四个空格)

Markdown
轻量级文本标记语言,可以转换成html、pdf等格式

Markdown

:(Tab 四个空格)*轻量级文本标记与语言,可以转换成html、pdf等格式*

5.4 列表缩进

  列表项标记通常是放在最左边, 但是其实也可以缩进, 最多三个空格, 项目标记后面则一定要接着至少一个空格或制表符, 并且上下两行之间不用再另外换行

  • 轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。 那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。 软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!
  • 那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。 寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。 但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥! 悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。
1
2
3
4
5
6
7
*   轻轻的我走了, 正如我轻轻的来; 我轻轻的招手, 作别西天的云彩。
那河畔的金柳, 是夕阳中的新娘; 波光里的艳影, 在我的心头荡漾。
软泥上的青荇, 油油的在水底招摇; 在康河的柔波里, 我甘心做一条水草!
* 那榆荫下的一潭, 不是清泉, 是天上虹; 揉碎在浮藻间, 沉淀着彩虹似的梦。
寻梦?撑一支长篙, 向青草更青处漫溯; 满载一船星辉, 在星辉斑斓里放歌。
但我不能放歌, 悄悄是别离的笙箫; 夏虫也为我沉默, 沉默是今晚的康桥!
悄悄的我走了, 正如我悄悄的来; 我挥一挥衣袖, 不带走一片云彩。

5.5 包含引用的列表

如果要在列表项目中放进引用, 则>就与要缩进

  • 阅读方法

    打开书本
    打开电灯

1
2
3
4
5
*   阅读方法

>
打开书本<br/>打开电灯
>

5.6 包含代码区块的引用

如果要放代码区块, 该区块就需要缩进两次, 也就是八个空格或者两个制表符Tab

此处暂不做演示, 原理同上, 嵌套用缩进来表示, 一层嵌套一次Tab

6.引用

语法: 在需要被引用的文本前加上>符号

这是一个由有两段文字的引用
无意义的占行文字1
无意义的占行文字2

无意义的占行文字3
无意义的占行文字4

1
2
3
4
5
6
> 这是一个由有两段文字的引用<br/>
> 无意义的占行文字1<br/>
> 无意义的占行文字2<br/>
> <br/>
> 无意义的占行文字3<br/>
> 无意义的占行文字4<br/>

7.插入图片

  Markdown中插入图片的语法为![](), 其中方括号是图片描述, 圆括号是图片路径, 一般来说, 图片路径有三种:
 1.相对路径
 2.绝对路径
 3.网络路径

  所谓网络路径就是直接引用网上的图片, 直接复制图片地址,放在原阔后中就完事了。这种方式非常的方便, 但是页存在一定的问题:

  • 图片失效导致无法加载

  • 打开网页后要再请求加载图片

  • 原网站限制,如微信公众号的图片会变得不可见等

  由于我们的博客是要部署在网站上, 部署后会生成新的文件目录, 所以我们选择使用相对路径的方式。在hexo中使用文章资源文件夹需要在_config.yml文件中更改配置:

post_asset_folder: true

也可以使用html的语法格式插入图片

语法: <img src="图片地址" width=宽 height=高 />若无width与height, 则为图片默认宽高

   <img src="/assets/pretty.jpg" />

未完待续

CATALOG
  1. 1. 关于Markdown
    1. 1.1. 一.斜体和粗体
    2. 1.2. 二.分级标题
    3. 1.3. 三.超链接
      1. 1.3.1. 3.1 参考式
      2. 1.3.2. 3.2 锚点
    4. 1.4. 五.列表
      1. 1.4.1. 5.1 无序列表
      2. 1.4.2. 5.2 无序列表
      3. 1.4.3. 5.3 定义型列表
        1. 1.4.3.1. 5.4 列表缩进
      4. 1.4.4. 5.5 包含引用的列表
      5. 1.4.5. 5.6 包含代码区块的引用
    5. 1.5. 6.引用
    6. 1.6. 7.插入图片
      1. 1.6.1. 也可以使用html的语法格式插入图片