This page looks best with JavaScript enabled

学习Markdown

 ·  ☕ 8 min read  ·  🔮 Yu · 👀... views

markdown.png
虽我自己因为平时写实验报告,课程论文学术垃圾什么的都是用LaTex。LaTex写公式确实是一把好手,但用它写个论文经常累死累活,尤其是写表格什么的。并且我每篇LaTex调用的宏包都日积月累了下来,看着十分臃肿。目前写论文还是离不开它,日后熟练或者找到高效的工具兴许能改善一些。
题外话说多了,简而言之制作一些简单的文档,Markdown是一给相当理想的工具,其语法简单易学,渲染速度也十分快,有时还能用一些HTML的语句。

0-写在之前

Markdown为一种轻量标记型语言
本文主要参考了B站视频1
作者本人对HTML涉猎不多,关于Markdown能使用HTML语句到什么程度并不了解,但似乎一些Markdown处理器就是将Markdown翻译为HTML?

另外由于本文在此处套娃过多,大部分手机可能显示不正常(PC端无碍),表现为如果你向右划,会发现有一大段空白~

1-换行

Markdown中直接回车并不能换行
换行需要上一行两个空格后再加回车
简单来说就是

这是快乐的第一行__
这是快乐的第二行

其中__表两个连着的空格

这是快乐的第一行
这是快乐的第二行


如果你真的狗急跳墙急了,多按几个空格,也可以发现多个空格也能达到换行效果:
这是快乐的第一行

这是快乐的第二行
对应代码:

这是快乐的第一行

这是快乐的第二行

只不过两行之间会直接空一行,并且更多的回车与两次回车效果一致

2-字体

这里字体并不是指宋体之类的,而是指斜体,粗体等

代码 效果
*斜体* 斜体
**粗体** 粗体
***粗斜体*** 粗斜体

3-分割线

三个或三个以上*_-即可达到如下效果




对应code:

***
---
___

4-标题

Markdown共有6级标题,一定数量的井号# 后加文字即可。(注意,在Markdown标准中#后需加空格,但对于不同的解释器,可以不加,像我这个VS Code预览器就需要加)
然后一阶与二阶标题还可以通过在第二行加=-的方式实现,不限数量,以符号区分

以下为演示,第一行为显示效果,第二行为对于代码:

1

# 1
或者

1
======================

2

## 2
或者

2
-

3

### 3

4

#### 4

5

###### 5
####### 6???
####### 6???
你在想pech,其中第六级就是正文哒!

5-列表

5.1-有序列表

简单的讲有序列表为

number._

即可,number为阿拉伯数字,注意._表示的一个空格,以下为演示与对应的代码:

  1. LaTex的前身是Tex
  2. 好像是一位很厉害的研究算法的人写的
  3. 他因为没有很好的排版工具写他的巨著
  4. 愤而做Tex(巨著的写作也因此中断了几年)
1. LaTex的前身是Tex
2. 好像是一位很厉害的研究算法的人写的
3. 他因为没有很好的排版工具写他的巨著
4. 愤而做Tex(巨著的写作也因此中断了几年)

5.2-无序列表

简单的-_+_或者*_就可实现无序列表,注意_代表的是空格,并且二者不能混用(混用中间会空一行出来)

  • Tex发音类似“太可”
  • 因此Tex排版有时被称为“太可爱排版”
  • 不过LaTex似乎经常被错读
* Tex发音类似“太可”
- 因此Tex排版有时被称为“太可爱排版”
+ 不过LaTex似乎经常被错读

亦可赛艇套娃

  • 不过LaTex似乎经常被错读
    • 什么“拉泰克斯”
      • 犯错这件事我们真的有无穷的创造力
        • 再向后就没有新符号了
          • 只有缩进了禁止套娃
  • LaTex应该读作“拉泰赫”

上述示例代码为:

+ 不过LaTex似乎经常被错读
  + 什么“拉泰克斯”
    + 犯错这件事我们真的有无穷的创造力
      + 再向后就没有新符号了
        + 只有缩进了禁止套娃
+ LaTex应该读作“拉泰赫” 

6-代码

以两个,或能成对的

`

圈之即可,例如

`sudo rm /* -rf`
``sudo rm /* -rf``
```sudo rm /* -rf```
````sudo rm /* -rf````

显示效果均为
sudo rm /* -rf

若要显示一块代码,用一对不少于3个

`

圈之即可(更多的

`

可以实现套娃效果,就是数量多的套数量少的:

```
sudo rm /* -rf
```

````
sudo rm /* -rf
````

上面代码为:

`````
```
sudo rm /* -rf
```

````
sudo rm /* -rf
````
`````

7-URL

7.1-引用URL中的内容

基本代码如下

![]( "")

[]中不知道干什么用的,此处可以随便写;()可写网络地址或本地文件的相对路径""内可写鼠标指针位于链接上时显示的文字,非必须,要注意""与之前的URL要用空格隔开。

示例:

![冰海战记](https://i0.hdslb.com/bfs/bangumi/c30401817895e67399094b4e669785a104270cdf.jpg@450w_600h.webp "这只是我从B站上扒的图")

冰海战记

7.2-直接引用URL

基本代码如下

[]( "")

其中[]可写显示的名称,不写会什么也不显示;()填对应URL;""内可写鼠标指针位于链接上时显示的文字,非必须,要注意""与之前的URL要用空格隔开。
和引用URL中的内容相比只是少了!

示例代码:

[这是bilibili哒!](https://bilibili.com "我在这发现了吗?")

效果:
这是bilibili哒!

也可以用更原始的方法,不要显示名称,指针显示文字使用一对尖括号<>即可。
<https://bilibili.com>
效果为:https://bilibili.com

7.3 URL引用符

没怎么想好名字,就随便起了个URL引用符的名字
对应应用场景是,频繁的引用同一URL,或者本地文件,可以采用这种方式,它可以以符合代替具体的URL

[这还是bilibili][1]

![冰海战记][cxk]

[1]:(https://bilibili.com)
[cxk]:(https://i0.hdslb.com/bfs/bangumi/c30401817895e67399094b4e669785a104270cdf.jpg@450w_600h.webp)

[]写唯一符号即可,可以不写数字,比如示例中的cxk
上面的代码与下面效果一致:

[还是bilibili](https://bilibili.com)

![冰海战记](https://i0.hdslb.com/bfs/bangumi/c30401817895e67399094b4e669785a104270cdf.jpg@450w_600h.webp)

8-缩进

 一个中文
一个中文
 半个中文
半个中文
 四分之一个中文
四分之一个中文

1
2
3
4
5
6
&emsp;一个中文  
一个中文  
&ensp;半个中文  
半个中文  
&nbsp;四分之一个中文  
四分之一个中文

9-居中

Markdown本身似乎并不能居中,但是可以借一些HTML来实现。

一些HTML标签可以应用在Markdown中,比如居中,但是一些Markdown的效果会被抹消,比如删除线

1
2
3
4
5
<div align=center>
~~轴心国~~
</div>

<center>~~德日意~~</center>

效果为:

~~轴心国~~
~~德日意~~
可见删除线效果未被显示。

但我们可以借据HTML实现一些效果:

  • 删除线与居中:
轴心国认为自己是世界的中心
1
2
3
<div align=center>
  <s>轴心国认为自己是世界的中心</s>
</div>
  • 加粗与居中
中粗
1
2
3
<div align=center>
  <b>加粗</b>
</div>

10-交叉引用

因为自己最初写课程论文,实验报告时是使用Word的,在其中引用的时候是使用Word中的“交叉引用”的功能。
类似我们在引用URL中的做法,代码如:

点这句话右上角你会跳到最后面哦,不过再点一下链接就可以回来了[^lianxishen]

[^lianxishen]:http://localhost:1313/posts/%25E5%25AD%25A6%25E4%25B9%25A0markdown/#10-交叉引用

点这句话右上角你会跳到最后面哦,不过再点一下链接就可以回来了2

11-段落引用

引用整段代码,可以这样:

>只要不断前进
>>道路就会不断延申
>>>不要停下来啊!
>>>>不,要停下来!
>>>>>不要,停下来啊!
>>>>>>不要停,下来啊!
>>>>>>>不要停下,来啊!
>>>>>>>>不要停下来,啊!
>>>>>>>>>>>>>>>>>不要停下来啊!

只要不断前进

道路就会不断延申

不要停下来啊!

不,要停下来!

不要,停下来啊!

不要停,下来啊!

不要停下,来啊!

不要停下来,啊!

不要停下来啊!

类似一些论坛回复盖楼之类的,套娃,套呗!

12-表格

似乎Markdown中不能不写表头。

左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格
1
2
3
4
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

13-插入B站视频

对于Hugo,更好的嵌入方法我单独写在了这里

B站很友好的给了我们嵌入代码,从播放器左下方的分享一键复制出来

大概长这样

<iframe src="//player.bilibili.com/player.html?aid=9953207&cid=32633421&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

如果直接写在本博客的md里面,大概就会像这样又丑又low:

所以首先我们给它套上居中,在加上合适的大小
就成了这样:

还不错!学累了大家可以欣赏下好嗓好舞好胸
具体实现涉及到了HTML与CSS故没有放在这里,在另一篇我的博客中,可以点这里查看
另外我也将本文主要参考的视频放在这里1

参考文献:

点击链接末尾的回车符可以跳转回引用处~


  1. 参考视频“20分钟教你使用Markdown” 访问日期-2020年2月3日 https://www.bilibili.com/video/av8819726/ ↩︎

  2. 点末尾的符号就可以返回啦~ ↩︎


Yu
WRITTEN BY
Yu
🎓 College Students 📐Physics 💾 Programmer