简懒教程 | Markdown轻量级[标记语言]基础入门(二)

认识与入门Markdown Part2

Posted by BenYourKing on September 28, 2019

We believe that writing is about content, about what you want to say,
not about fancy formatting. —— Ulysses for Mac
我们坚信写作写的是内容,所思所想,而不是花样的格式。

本节介绍

上一篇介绍,我从 Markdown 官方中文版语法说明总结了如何书写标题、换行、引用、列表、代码块、水平线等。 ,接下来这一部分,我们将继续学习,插入链接、插入图片、强调、反斜杠转义等.至此,Markdown基本语法基本介绍完毕,知识点简直少得不能更少,掌握和应用起来是非常容易的。

插入链接

简单的来讲,插入链接,只需要一对儿中括号,紧接着再一对圆括号。

也就是[文字标签]( URL )

更多详细介绍,可以参考Markdown中文文档 之 内联元素,在这里,其实我就用了一个链接插入。

插入图片

插入图片的方式,与链接类似,只是最前面多了一个惊叹号!

也就是![](图片的URL 或者图片的相对路径)

要设置图片的大小和位置怎么办?
下面这一行代码就轻松搞定了:


<img src="http:..." width = "100" height = "100" div align=right />         
or
<img src="http:..." width = 30% height = 30% />

这里的src只能是图片的网页地址。

强调

想要加粗,拼命引起对方的注意怎么办?那就来条士力架吧(划掉)!Markdown中用一对 * 星号 和 _下划线,来操作。

单个星号或者下划线表示 字体倾斜 ; 两个星号或者下划线表示 加粗

例如: *Computational Communication Science*
显示结果如下:
Computational Communication Science

下划线
_Computational Communication Science_
显示结果如下:
Computational Communication Science

例如: __Computational Communication Science__

显示结果为:
Computational Communication Science

或者是 ** ** 包裹。

简单粗暴的方法,直接用以下句法:

<strong>
\ 加粗内容
</strong>

反斜杠转义

Markdown为下面的字符提供反斜杠转义

\   backslash         
`   backtick         
*   asterisk            
_   underscore          
{}  curly braces         
[]  square brackets            
()  parentheses           
#   hash mark           
+   plus sign             
-   minus sign (hyphen)            
.   dot          
!   exclamation mark           

小结

总的来讲,Markdown标记语言还是非常的简单轻便的,只要多写几次post很快就能熟练操作了。而对我来讲,一方面可以记录生活,另一方面边学边写教程能够让我的学习更高效,这也是我坚持写 tutorial 和 blog 的原因。

期待接下来更多精彩的内容!

本文参考资料,详情请见 Markdown 官方中文版语法说明