程序员必会的Markdown(下)

学习了Markdown相关的基础,装好了Typora了吗,如果都准备好了,我们就开始正式的学习Markdown的语法吧~边学,边在Typora中实现


标题:

主要用到 # 这个符号

#  一级标题
## 二级标题
###    三级标题
####   四级标题
#####  五级标题


格式是 # + 一个空格 + 内容

显示效果:

很简单吧?OK,继续


段落格式:

字体样式:

主要用到 * 和 _ 这两者是等效的

*斜体文本*
_斜体文本_

**粗体文本**
__粗体文本__

***粗斜体***
___粗斜体___

显示效果:

斜体文本
斜体文本

粗体文本
粗体文本

粗斜体
粗斜体

分割线:

主要用到 *和 – 两者等效

***

* * *

*****

---

- - -

----------

分割线的方式很多,随便选其一就好了

显示效果:


删除线:

主要用到 ~

liuxunzhuo
~~liuxunzhuo~~

显示如下:

liuxunzhuo
liuxunzhuo

下划线:

用标签代替

<u> 带下划线 </u>

显示如下:

带下划线

列表:

列表分为 有序表无序表

有序列表主要用到:

  • 数字
  • .

无序列表主要用到:

  • +
  • *

无序表格式如下:

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项

* - + 等效

显示如下:

  • 第一项
  • 第二项
  • 第三项

  • 第一项

  • 第二项
  • 第三项

  • 第一项

  • 第二项
  • 第三项

有序表 用数字加上.来表示:

1. first
2. second
3. third

显示如下:

  1. first
  2. second
  3. third

Tips:

有序列表和无序列表可以嵌套使用 如:

1. first:
    + one
        + one
        + one
2. second:
    + two
        + two
        + two
3. third:
    + three
        + three
        + three

显示如下:(自己灵活使用)

  1. first:
    • one
      • one
      • one
  2. second:
    • two
      • two
      • two
  3. third:
    • three
      • three
      • three

区块:

区块使用了>这个符号,同时也支持嵌套,多层:

格式如下:

> 你好啊
> 你好啊
> 你好啊

> 第一层
> > 第二层
> > > 第三层

显示如下:

你好啊
你好啊
你好啊

你好啊

你好啊

你好啊

代码引用:

代码引用使用了`这个符号:

这个经常会使用,你懂的~

  • 局部代码 用一对`引起来:
    例如:
    `printf()`函数
    

    显示:

    printf()函数

  • 区块代码 用
    “` 起头并加上代码类型:

    <pre><code class="language-markdown line-numbers">例如:
    ​“`java
    public static void main(String[] args){
    System.out.println(“Welcome to Xunzhuo`s World”);
    }

  • 显示如下:
    public static void main(String[] args){
    System.out.println("Welcome to Xunzhuo`s World");
    }
    

链接和图片引用:

链接

主要用到 [] () <>

格式如下:

[name](url)

或者

<url>

显然第一种更常用

例如:

[刘训灼的网站](https://www.liuxunzhuo.top)

<https://www.liuxunzhuo.top>

显示如下:

刘训灼的网站

https://www.liuxunzhuo.top

高级链接:(类似用了一个变量临时表示url):

格式如下:

我的主页用  main 作为网址变量 [MainPage][main]
我的标签页用 tags 作为网址变量 [Tag][tag]
然后在文档的结尾为变量赋值(网址)

[main]: https://www.liuxunzhuo.top/
[tag]: https://www.liuxunzhuo.top/tags/

我的主页用 main 作为网址变量 MainPage
我的标签页用 tags 作为网址变量 Tag
然后在文档的结尾为变量赋值(网址)

对于这个用法我个人觉得其实很有技巧性

比如你在编辑的时候可以用有意义的名称去指代URL,在最后统一指定

如果引用多的情况下,可以一定程度保证专注性

图片:

主要用到 ! [] () <>

格式如下:

方式一:
![属性](URL)
当然也能像链接的高级应用,可以临时用变量指代URL,最后声明

方式二:用HTML的标签
<img src="URL">
优势在于可以指定大小
<img src="URL" style="width: 100%">

例如:

默认
![我的主页图片](https://picreso.oss-cn-beijing.aliyuncs.com/main.jpeg#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080)
默认
<img src="https://picreso.oss-cn-beijing.aliyuncs.com/main.jpeg#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080">
80%
<img src="https://picreso.oss-cn-beijing.aliyuncs.com/main.jpeg#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080" style="width: 80%">
50%
<img src="https://picreso.oss-cn-beijing.aliyuncs.com/main.jpeg#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080#vwid=2000&vhei=1080" style="width: 50%">

显示如下:

默认

我的主页图片

默认

80%

50%

表格:

Markdown可以制作简单的表格:

使用 | 来分隔不同的单元格,使用 来分隔表头和其他行。

主要用到 – 和 |

格式如下:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

指定对齐方式:
-: 右对齐
:- 左对齐
:-: 居中

|  左对齐  | 居中   | 右对齐  |
| :----  | :----: | ----: |
| 单元格   |  居中  | 单元格  |
| 单元格   |  居中  |单元格   |

显示:

表头 表头
单元格 单元格
单元格 单元格

指定对齐方式:

左对齐 居中 右对齐
单元格 居中 单元格
单元格 居中 单元格
Default image
LIU
代码是躯体,思想是灵魂

Leave a Reply