Markdown Tutorial(Typora-Specific)

1. Headers

最多可有六级标题,在标题前加 # 作为标记。注意标记与标题内容之间有空格:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

显示如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

2. 段落与换行

段内换行:

  1. 2空格加回车(Typora不可用),Typora使用 Shift + Enter 可实现换行。

  2. 使用br

    This is<br>
    paragraph one.
    And this is paragraph two.

    显示如下:

    This is
    paragraph one.

    And this is paragraph two.

段落:段与段间隔一个或多个空行,如下所示

This is Paragraph1

Here is Another

显示如下

This is Paragraph1

Here is Another

3. 引用(Blockquotes)

在行首使用 \> 标记,下一行不加 \> 也会继续引用:

> This is a comment
This is another comment

显示如下:

This is a comment

This is a comment too

多级引用:

> This is a comment
> This is another comment
> Blabla

显示如下:

This is a comment

This is another comment

Blablabla

4. 列表

无序列表

使用 -+* 作为标记(等价):

- use '-' as mark
+ or use '+' as mark
* or use '*' as mark

显示如下:

  • use '-' as mark
  • or use '+' as mark
  • or use '*' as mark

被嵌套的标目标记前加四个spaces或一个tab,可使用嵌套的列表:

+ 1
+ 2
+ 3

显示如下:

  • 1

    • 2

      • 3

有序列表

使用数字作为标记:

1. item1
2. item1
1. item 2.1
2. item 2.2
  1. item1
  2. item2
    1. item 2.1
    2. item 2.2

Task List

此为Markdown拓展语法,并不是所有浏览软件都能够支持。效果为生成一个可以勾选的列表:

- [ ] Eat
- [x] Code
- [x] HTML
- [x] CSS
- [x] JavaScript
- [ ] Sleep

效果如下(Typora中的截图):

5. 分割线

使用三个或更多的 *+_ 绘制分割线:

***
+++
___

+++


也可以直接使用HTML标记 <hr>

6. 字体及文字标记

使用 *_ 包围文字是文字变为斜体,使用 **__ 包围文字实现黑体,二者可同时使用。成对使用二者并且需要显示原内容时,使用转义 \*\_

*This text will be italic*
_This will also be italic_ **This text will be bold**
__This will also be bold__ _You **can** combine them_

效果如下:

This text will be italic

This will also be italic

This text will be bold

This will also be bold

You can combine them

下划线、删除线

Markdown不支持此类标记原生语法,但可以使用由Github等提供的拓展的Markdown或者直接使用HTML提供的语法:

<u>Underlined Text</u>
~~DELETED~~

Underlined Text

DELETED

字体设置

在Markdown内使用HTML tag是可以接受的,通过设置 <font> 来进一步设置字体:

<font size="5" color="red">This is some text!</font>

This is some text!

7. 超链接

格式为 [link text](URL "Optional title") ,可用 '" 。例如:

[MyBlog](https://www.cnblogs.com/wyzersblog/ "ddkk64")
[icon.png](./images/icon.png)

MyBlog

implicit link name

[Google][]
这样可以使代码更加整洁
[Google]: http://google.com/

AUTOMATIC LINKS

使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接,会使用 URL 作为链接文字。

<http://example.com/>

http://example.com/

对于e-mail地址,Markdown会做一些随机编码处理以防止垃圾邮件机器人收集信息[1]

<address@example.com>

8. 图片

内联型语法

![Alt text](https://pic.cnblogs.com/avatar/1611794/20191201214317.png)
![Alt text](/path/to/img.jpg "Optional title")

引用型语法

![Alt text][id]
这样可以使代码更加整洁
[id]: url/to/image "Optional title attribute"



这样可以使代码更加整洁

图片属性

标准markdown语法没有提供图片属性的修改,但可以使用HTML的 <img> 属性进行修改。

9. Latex数学公式输入

Markdown本身并不支持数学公式渲染生成 ,要在Markdown文档内使用数学公式,有但不限于以下几种选择:

  • 支持Latex公式输入的编辑器,如Typora等。本文就是在Typora中撰写。
  • 引用外链进行渲染,如GitHub上就需要用此方式

博客园Markdown支持Latex数学输入:

内联的公式 $\sin(\alpha+\beta)=\sin\alpha\cos\beta+\cos\alpha\sin\beta$

内联的公式 \(\sin(\alpha+\beta)=\sin\alpha\cos\beta+\cos\alpha\sin\beta\)

**(算数-均值不等式)**设$a_1,a_2,...,a_n$为正数,有
$$
\frac{n}{\sum_{k=1}^{n}\frac{1}{a_k}} \le \sqrt[n]{a_1a_2...a_n} \le \frac{1}{n}\sum_{k=1}^{n}a_k \tag{1.1}
$$
当且仅当 $a_1=a_2=..=a_n$ 取等号。

(算数-均值不等式)设\(a_1,a_2,...,a_n\)为正数,有

\[\frac{n}{\sum_{k=1}^{n}\frac{1}{a_k}} \le \sqrt[n]{a_1a_2...a_n} \le \frac{1}{n}\sum_{k=1}^{n}a_k \tag{1.1}
\]

当且仅当 \(a_1=a_2=..=a_n\) 取等号。

10. 表格

表格也属于拓展语法。

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

First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column
First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column1

11. 代码

使用 ``` 独占一行并包围代码块作为代码块的标记,在起始的三个反引号后加上代码类型可以帮助高亮代码:

​```C++
int main(){
std::cout << "This is c++ codes." << std::endl;
}
​```
int main(){
std::cout << "This is c++ codes." << std::endl;
}

  1. 我用博客园的Markdown预览试了下,并没有发现任何的加密。 ↩︎

Markdown 初学总结的更多相关文章

  1. MarkDown初学

    什么是MarkDown? 第一次用这个MarkDown,感觉很好,界面友好,使用简洁而又使用,最主要的是此园支持这个语法,欣慰欣慰!先这么多,看看效果如何 推荐个不错的学习网站 Markdown 语法 ...

  2. 第一天,初学Markdown

    Markdown学习 二级标题 三级标题 字体 hello,world hello,world hello,world hello,world 引用 飞冲 分割线 图片 超链接 跳转到安徽科技学院 列 ...

  3. markdown & mathjax 初学笔记 latex

    stackedit 1.标题大小和# # 数量代表标题大小,越多越小 2.* 斜体 * 3.** 粗体 ** 4.*** 又粗又斜 *** PS:符号紧贴 5. 分隔符 - - - 三个减号  PS: ...

  4. 我的 MarkDown 学习笔记

    MarkDown 一种用于写作的轻量级[标记语言].它用简洁的语法代替排版,而不像一般的文字处理软件 Word 或者 Pages 有大量的排版.字体设置等. 如果你对文章的样式没有太多要求,只注重写文 ...

  5. 初学VUE2.0

    初学VUE2.0 (个人笔记,写完后发现好乱....下期使用markdown书写.) 概述 webstorm添加对VUE的支持 http://www.jianshu.com/p/142dae4f8b5 ...

  6. NiceMark——我的Markdown编辑器

    NiceMark--我的Markdown编辑器 闲来无事,写了一个Markdown编辑器.基于electron,完全采用Web前段技术(Html,css,JavaScript)实现.代码已托管在Git ...

  7. Markdown 图片助手-MarkdownPicPicker

    title: Markdown 图片助手 v0.1 toc: true comments: true date: 2016-06-04 16:40:06 tags: [Python, Markdown ...

  8. DDD初学指南

    去年就打算总结一下,结果新换的工作特别忙,就迟迟没有认真动手.主要内容是很多初学DDD甚至于学习很长时间的同学没有弄明白DDD是什么,适合什么情况.这世界上没有银弹,抛开了适合的场景孤立的去研究DDD ...

  9. 前端学Markdown

    前面的话   我个人理解,Markdown就是一个富文本编辑器语言,类似于sass对于css的功能,Markdown也可以叫做HTML预处理器,只不过它是一门轻量级的标记语言,可以更简单的实现HTML ...

随机推荐

  1. Java使用Jsoup之爬取博客数据应用实例

    导入Maven依赖 <!-- https://mvnrepository.com/artifact/org.jsoup/jsoup --> <dependency> <g ...

  2. #C++初学记录(树和二叉树)

    二叉树的编号 例题 6-6 小球下落问题 有一棵二叉树,最大深度为D,且所有叶子深度都相同.所有节点从上到下,从左到右编号为1,2,3,4,....,2^D-1.在节点1处放置小球,他会往下落.每个节 ...

  3. python去除BOM头\ufeff等特殊字符

    1.\ufeff 字节顺序标记 去掉\ufeff,只需改一下编码就行,把UTF-8编码改成UTF-8-sigwith open(file_path, mode='r', encoding='UTF-8 ...

  4. 缓存:修改Hosts不生效

    修改Hosts为何不生效,是DNS缓存? - Barret李靖 - 博客园https://www.cnblogs.com/hustskyking/p/hosts-modify.html 换个未打开过的 ...

  5. [转]CSS3 使用 calc() 计算高度 vh px

    1.px 像素,我们在网页布局中一般都是用px. 2.百分比 百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了. 3.Viewport    viewport:可视窗口,也 ...

  6. Nodejs介绍和环境搭建

    Nodejs是JavaScript的运行环境,它让 Java Script 可以开发后端程序,实现几乎其他后端 Node.js 是一个 Javascript 运行环境(runtime) 可以与 PHP ...

  7. pytorch visdom可视化工具学习—3-命令行操作使用经验

    在使用过程中一直以为要在哪个指定的environment下(即参数env)绘制内容,就必须在使用时声明 比如如果不声明,默认的就是在'main'环境下,端口为8097: viz = visdom.Vi ...

  8. SDN实验---使用git安装Mininet

    0:补充Ubuntu截屏 截全屏 printscreen 截取当前窗口 alt + printscreen 截取任意矩形 shift + printscreen 截取全屏到剪切板 ctrl + pri ...

  9. hibernate的load和get有什么作用

    ① load方法认为该数据在数据库中一定存在,可以放心的使用代理来延迟加载,如果在使用过程中发现了问题,只能抛异常(ObjectNotFoundException)load方法加载实体对象的时候,根据 ...

  10. Puppeteer最大化显示,分辨率自适应

    Puppeteer自适应分辨率,可以将defaultViewport设为null, 启动的时候还是半屏显示,点击最大化按钮,可以最大化显示. 这样分辨率能够自适应操作系统. 具体可看:https:// ...