Markdown 学习

Posted on Edited on In Waline: Views:

本文涉及学习Markdown文本标记语言的一些练习笔记。

Note Tag 测试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/**
 * note.js | global hexo script.
 *
 * ATTENTION! No need to write this tag in 1 line if u don't want see probally bugs.
 *
 * Usage:
 *
 * {% note [class] %}
 * Any content (support inline tags too).
 * {% endnote %}
 *
 * [class] : default | primary | success | info | warning | danger.
 *           May be not defined.
 */

Test note default

昏鴉盡，小立恨因誰 ?急雪乍翻香閣絮，輕風吹到膽瓶梅，心字已成灰。

Test note primary

昏鴉盡，小立恨因誰 ?急雪乍翻香閣絮，輕風吹到膽瓶梅，心字已成灰。

Test note success

昏鴉盡，小立恨因誰 ?急雪乍翻香閣絮，輕風吹到膽瓶梅，心字已成灰。

Test note info

昏鴉盡，小立恨因誰 ?急雪乍翻香閣絮，輕風吹到膽瓶梅，心字已成灰。

Test note warning

昏鴉盡，小立恨因誰 ?急雪乍翻香閣絮，輕風吹到膽瓶梅，心字已成灰。

Test note danger

昏鴉盡，小立恨因誰 ?急雪乍翻香閣絮，輕風吹到膽瓶梅，心字已成灰。

Button 标签测试

1
2
Usage: {% button /path/to/url/, text, icon [class], title %}
Alias: {% btn /path/to/url/, text, icon [class], title %}

Button内嵌文字

1
{% button #, Text %}{% button #插入不同颜色的字体, 插入不同颜色的字体,heart %}
Text 插入不同颜色的字体 
1
2
3
<div class="text-center"><span>{% btn ##插入不同颜色的字体,, header %}{% btn #,, edge %}{% btn #,, times %}{% btn #,, circle-o %}</span>
<span>{% btn #,, italic %}{% btn #,, scribd %}</span>
<span>{% btn #,, google %}{% btn #,, chrome %}{% btn #,, opera %}{% btn #,, diamond fa-rotate-270 %}</span></div>
插入不同颜色的字体

Button Margin

1
<div class="text-center">{% btn #, Almost, adn fa-fw fa-lg %} {% btn #, Over, terminal fa-fw fa-lg %}</div>
Almost Over 
1
2
3
<div class="text-right">
{% btn #, Test is finished., check fa-fw fa-lg, Button tag test is finished. %}
</div>
Test is finished.

Label Tag测试文中字体颜色

1
2
3
4
5
6
7
8
9
10
11
12
13
14
From {% label @fairest creatures %} we desire increase,
That thereby {% label primary@beauty's rose %} might never die,
But as the {% label success@riper %} should by time decease,
His tender heir might {% label info@bear his memory %}:
But thou contracted to thine own bright eyes,
Feed'st thy light's flame with *{% label warning @self-substantial fuel%}*,
Making a famine where ~~{% label default @abundance lies %}~~,
Thy self thy foe, to thy <mark>sweet self too cruel</mark>:
Thou that art now the world's fresh ornament,
And only herald to the gaudy spring,
Within thine own bud buriest thy content,
And {% label danger@tender churl mak'st waste in niggarding %}:
Pity the world, or else this glutton be,
{% label warning@To eat the world's due, by the grave and thee %}.

From fairest creatures we desire increase, That thereby beauty's rose might never die, But as the riper should by time decease, His tender heir might bear his memory: But thou contracted to thine own bright eyes, Feed'st thy light's flame with self-substantial fuel, Making a famine where abundance lies, Thy self thy foe, to thy sweet self too cruel: Thou that art now the world's fresh ornament, And only herald to the gaudy spring, Within thine own bud buriest thy content, And tender churl mak'st waste in niggarding: Pity the world, or else this glutton be, To eat the world's due, by the grave and thee.

表格Tag测试

1
2
3
4
5
6
7
8
9
10
11
{% tabs First unique name %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->
<!-- tab -->
**This is Tab 2.**
<!-- endtab -->
<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

This is Tab 1.

This is Tab 2.

This is Tab 3.

插入不同颜色的字体

1
<table><tr><td bgcolor=LimeGreen><font color=white size=3>我是白色的字体，背景是色的~</font></td></tr></table>
我是白色的字体，背景是色的~
我是白色的字体，背景是深灰色的~
我是白色的字体，背景是浅海绿的~
我是白色的字体，背景是蓝色的~
我是白色的字体，背景是银色的~
我是白色的字体，背景是淡灰色的~
我是白色的字体，背景是深灰色的~

插入代码

这里是代码区域

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

% The following is the Matlab Code

% I want to see the result

function demo()

temp=zeros(5,6);

for i=1:size(temp,1)

    for j=1:size(temp,2)

        temp(i,j)=rand(1);

        if temp(i,j)>0.5

            temp(i,j)=1;

        end

    end

end

return temp

插入标题

1
2
3
4
5
6
7
8
9
10
11
# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

列表

1
2
3
4
5
6
- 文本1
- 文本2
- 文本3
1. 文本一
2. 文本二
3. 文本三
  • 文本1
  • 文本2
  • 文本3
  1. 文本一
  2. 文本二
  3. 文本三

插入图像

1
![](http://pic1.win4000.com/wallpaper/0/54cae8e69ac8b.jpg)

或者： 

1
<center><img src="http://i2.wp.com/posturemag.com/online/wp-content/uploads/2015/07/Kaz7.jpg" width="100%" ></center>

插入链接

插入公式

1
$$E=mc^2$$

\[E=mc^2\]

Hexo文档使用Markdown语言对文档进行编辑，Hexo自身对公式可以进行渲染但是效果不佳，我们采用的是mathjax对Markdown中的公式进行渲染。 首先修复Hexo与mathjax之间的渲染冲突，然后可以参考mathjax的说明文档编辑公式。

希腊字母对应表

字母名称 大写 markdown原文 小写 markdown原文
alpha \(A\) A \(\alpha\)
beta \(B\) B \(\beta\)
gamma \(\Gamma\) \(\gamma\)
delta \(\Delta\) \(\delta\)
epsilon \(E\) E \(\epsilon\)
- - - \(\varepsilon\)
zeta \(Z\) Z \(\zeta\)
eta \(E\) E \(\eta\)
theta \(\Theta\) \(\theta\)
iota \(I\) I \(\iota\)
kappa \(K\) K \(\kappa\)
lambda \(\Lambda\) \(\lambda\)
Mu \(M\) M \(\mu\)
nu \(N\) N \(\nu\)
xi \(\Xi\) \(\xi\)
omicron \(O\) O \(\omicron\)
pi \(\Pi\) \(\pi\)
rho \(P\) P \(\rho\)
sigma \(\Sigma\) \(\sigma\)
tau \(T\) T \(\tau\)
upsilon \(\Upsilon\) \(\upsilon\)
phi \(\Phi\) \(\phi\)
- - - \(\varphi\)
chi \(X\) X \(\chi\)
psi \(\Psi\) \(\psi\)

参考

  1. Hexo Theme Next Test
  2. Color map
  3. 一个关于Latex不短的介绍
  4. Latex常用命令摘录