Markdown 语法学习

作者: 千虑必有一得 | 来源:发表于2017-07-05 16:36 被阅读21次

简书中有部分markdown语法不支持,所以下面文章有部分看不见效果,你可以复制文本到你自己的markdown编辑器中查看,再或者跳转我的另一篇文章中查看完整效果

Markdown.png

1. 排版

粗体 斜体

这是一段错误的文本。

引用:

引用官方的话, 为什么要做, 原因是...

有序列表:

  1. 支持Vim
  2. 支持Emacs

无序列表:

  • 项目1
  • 项目2

2. 图片与链接

图片:


祈祷

链接:

这是去往我的博客的链接

3. 标题

以下是各级标题, 最多支持5级标题

# h1
## h2
### h3
#### h4
##### h4
###### h5

4. 代码

示例:

function get(key) {
return m[key];
}

代码高亮示例:

/**
* nth element in the fibonacci series.
* @param n >= 0
* @return the nth element, >= 0.
*/
function fib(n) {
var a = 1, b = 1;
var tmp;
while (--n >= 0) {
tmp = a;
a += b;
b = tmp;
}
return a;
}

document.write(fib(10));
class Employee:
empCount = 0

def __init__(self, name, salary):
self.name = name
self.salary = salary
Employee.empCount += 1

5. Markdown 扩展

Markdown 扩展支持:

  • 表格
  • 定义型列表
  • Html 标签
  • 脚注
  • todo list
  • 目录
  • 时序图与流程图
  • MathJax 公式

5.1 表格

Item Value
Computer $1600
Phone $12
Pipe $1

可以指定对齐方式, 如Item列左对齐, Value列右对齐, Qty列居中对齐

Item Value Qty
Computer $1600 5
Phone $12 12
Pipe $1 234

5.2 定义型列表

名词 1
: 定义 1(左侧有一个可见的冒号和四个不可见的空格)

代码块 2
: 这是代码块的定义(左侧有一个可见的冒号和四个不可见的空格)

    代码块(左侧有八个不可见的空格)

5.3 Html 标签

支持在 Markdown 语法中嵌套 Html 标签,譬如,你可以用 Html 写一个纵跨两行的表格:

<table>
<tr>
<th rowspan="2">值班人员</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李强</td>
<td>张明</td>
<td>王平</td>
</tr>
</table>

<table>
<tr>
<th rowspan="2">值班人员</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李强</td>
<td>张明</td>
<td>王平</td>
</tr>
</table>

提示, 如果想对图片的宽度和高度进行控制, 你也可以通过img标签, 如:

5.4 脚注

给我的博客链接[1] 创建一个脚注

5.5 todo list

Blog 近期任务安排:

  • [x] bbs 维护
  • [ ] Desktop 发布新版
  • [x] Markdown编辑器添加Todo list
  • [x] 修复白屏问题
  • [ ] 修复issue3
  • [ ] blog 维护
  • [ ] 修复issue4

5.6 目录

通过 [TOC] 在文档中插入目录, 如:

[TOC]

5.7 时序图与流程图

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!

流程图:

st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op

提示: 更多关于时序图与流程图的语法请参考:

5.8 MathJax 公式

$ 表示行内公式:

质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。

$$ 表示整行公式:

$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\sum^{j-1}{k=0}{\widehat{\gamma}{kj} z_k}$$

更复杂的公式:
$$
\begin{eqnarray}
\vec\nabla \times (\vec\nabla f) & = & 0 \cdots\cdots梯度场必是无旋场\
\vec\nabla \cdot(\vec\nabla \times \vec F) & = & 0\cdots\cdots旋度场必是无散场\
\vec\nabla \cdot (\vec\nabla f) & = & {\vec\nabla}^2f\
\vec\nabla \times(\vec\nabla \times \vec F) & = & \vec\nabla(\vec\nabla \cdot \vec F) - {\vec\nabla}^2 \vec F\
\end{eqnarray}
$$

访问 MathJax


  1. 我的个人博客链接

相关文章

  • MarkDown学习

    **学习网站: ** Markdown学习 中文简单MD语法 Markdown 语法说明 Markdown写作浅谈...

  • Markdown语法学习

    Markdown语法学习 目录 Markdown语法学习语法补充Markdown简介基本语法标题分隔线强调链接图片...

  • MARKDOWN学习之路3

    MARKDOWN学习之路3 markdown介绍markdown语法标题语法列表语法区块引用语法字体语法分割线图片...

  • 1.为什么要学markdown

    学习markdown语法 为什么要学习markdown语法呢? markdown与富文本的区别: 参考链接:官方的...

  • 课堂学习部分摘要

    10月4日 学习markdown 语法 有道云笔记markdown指南 学习markdown语法,是文体内容简洁规...

  • github_markdown语法大全整理

    markdown github markdown语法 markdown引擎 学习markdown 文档说明 本文用...

  • 开新博了

    MarkDown语法学习 markdown语法 白日依山尽, 黄河入海流 粗体 斜体 MarkDown语法详细说明

  • 无标题文章

    学习Markdown语法

  • MarkDown学习例程

    #MarkDown学习例程 今天学习了MarkDown语法,觉得MarkDown显示效果非常简洁。之所以学习Mar...

  • Markdown学习之二基础语法

    Markdown学习之二基础语法 语法基本规则 Markdown语法完全由标点符号组成 语法标点符号与内容之间要有...

网友评论

    本文标题:Markdown 语法学习

    本文链接:https://www.haomeiwen.com/subject/kqeqhxtx.html