认识与入门 Markdown
2022-05-28 15:17 gdutzhulm 阅读(27) 评论(0) 编辑 收藏 举报认识与入门 Markdown
Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。
认识 Markdown
在刚才的导语里提到,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们
用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。
目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如 简书)也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出PDF 格式,这种格式写出的简历更能得到 HR 的好感,甚至可以利用 CloudApp 这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持使用 Mou 这类 Markdown 工具进行编辑并直接上传。
使用 Markdown 的优点
- 专注你的文字内容而不是排版样式,安心写作。
- 轻松的导出 HTML、PDF 和本身的 .md 文件。
- 纯文本内容,兼容所有的文本编辑器与字处理软件。
- 随时修改你的文章版本,不必像字处理软件生成若干文件版本导致混乱。
- 可读、直观、学习成本低。
使用 Markdown 的误区
We believe that writing is about content, about what you want to say – not about fancy formatting.
我们坚信写作写的是内容,所思所想,而不是花样格式。
— Ulysses for Mac
Markdown 旨在简洁、高效,也由于 Markdown 的易读易写,人们用不同的编程语言实现了多个版本的解析器和生成器。这就导致了目前不同的 Markdown 工具集成了不同的功能(基础功能大致相同),例如流程图与时序图,复杂表格与复杂公式的呈现。
虽然功能的丰富并没有什么本质的缺点,但终归有些背离初衷,何况在编写的过程中很费神,不如使用专业的工具撰写来的更有效率,所以如果你需实现复杂功能,专业的图形界面工具会更加方便。
当然,如果你对折腾这些不同客户端对 Markdown 的定制所带来高阶功能感到愉悦的话,那也是无可厚非的。
Markdown 语法的简要规则
标题
标题是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定义为标题,只要在这段文字前加 #
号即可。
# 一级标题
## 二级标题
### 三级标题
以此类推,总共六级标题,建议在井号后加一个空格,这是最标准的 Markdown 语法。
列表
熟悉 HTML 的同学肯定知道有序列表与无序列表的区别,在 Markdown 下,列表的显示只需要在文字前加上 -
或 *
即可变为无序列表,有序列表则直接在文字前加 1.``2.``3.
符号要和文字之间加上一个字符的空格。
- 1
- 2
- 3
- aa
- bb
- cc
引用
只需要在文本前加入 >
这种尖括号(大于号)即可
例如这样
图片与链接
图片:![]()
链接:[]()
链接引用与脚注
链接引用类似于我们常在论文末尾看到的「参考文献」的写法,你可以通过 []:
的语法来为你的文档加上链接引用。
参考文献
脚注在少数派的文章中也很常见,即某段话结尾右上角标有数字标记,页面底部进行注释的写法。你可以在需要插入脚注标号的位置写 [^ number ]
,再在下方通过 [^ number ]:
在文档中插入脚注。注意不要遗漏了脚注编号 number
前后的空格。
这是个脚注^ 1
这是另外个脚注^ 2
备注:链接引用与脚注导出后显示有点问题
粗体与斜体
粗体:**粗体内容**
粗体内容
斜体:*斜体内容*
斜体内容
删除线
GFM adds syntax to create strikethrough text, which is missing from standard Markdown.
~~Mistaken text.~~
becomes Mistaken text.
表格
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
列名1 | 列名2 | 列名3 |
---|---|---|
表格内容 | 表格内容 | 表格内容 |
表格内容 | 表格内容 | 表格内容 |
表格内容 | 表格内容 | 表格内容 |
代码框
如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown 下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来,如:
code
。
代码块
输入 3个` 后并输入语言名,换行,开始写代码。
除此以外,你也可以直接换行开始写,而后再选择语言。
services.AddControllersWithViews();
var builder = services.AddIdentityServer()
.AddInMemoryIdentityResources(Config.IdentityResources)
.AddInMemoryApiScopes(Config.ApiScopes)
.AddInMemoryClients(Config.Clients)
.AddTestUsers(TestUsers.Users);
分割线
分割线的语法只需要另起一行,连续输入三个星号 ***
即可。
代办
语法:- [] 代办内容
Emoji 表情 :happy:
语法::emoji:
🌍
空格与换行
HTML
You can use HTML to style content what pure Markdown does not support. For example, use <span style="color:red">this text is red</span>
to add text with red color.
this text is red
Underlines
Underline isn’t specified in Markdown of GFM, but can be produced by using underline HTML tags:<u>Underline</u>
becomes Underline.
Underline
Embed Contents
Some websites provide iframe-based embed code which you can also paste into Typora. For example:
<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>
视频
You can use the <video>
HTML tag to embed videos. For example:
<video src="xxx.mp4" />