Markdown的安装以及简单使用教程


一、 安装教程

1.1下载软件并安装

  • Windows MarkdownPad 官方网站

  • Mac 使用命令安装:

  • $ brew install macdown
    

1.2 邮箱&&密钥

Windows安装需要邮箱和密钥

  • 邮箱:自己邮箱即可

  • 授权密钥:

    `GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==`

1.3 渲染错误

  • 安装 awesomium_v1.6.6_sdk_win MarkdownPad 2

在win10下html渲染错误This view has crashed

1.4 语言设置 自定义背景颜色、字体

  • 语言设置:tools->Options->editor->Application Language->选中文即可。

自定义背景颜色、字体:工具>>选项>>编辑器


二、基础教程

客户端上面菜单栏有快捷方式

2.1 标题

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

2.2 列表

(1)有序列表

在文字前加上 - 或 * ,效果一样。

- 我是第一行
- 我是第二行
* 我是第三行
* 我是第四行

下面是使用效果:

  • 我是第一行
  • 我是第二行
  • 我是第三行
  • 我是第四行

(2)无序列表

在文字前加1. 2. 3. 符号

1.我是第一行 
2.我是第二行 
3.我是第三行

下面是使用效果:

1.我是第一行

2.我是第二行

3.我是第三行

2.3 引用

文本前加入 > (大于号),此处就是引用效果

>

2.4 分割线

分割线的语法只需要三个 * 号或 - 号或 _ 下划线,效果一样。

***  ---  ___

2.5 图片&&链接

区别在于图片前多一个 !,链接例子引用上面。

图片:![]()


![图片](https://fkomm-1256750115.cos.ap-shanghai.myqcloud.com/81240895.jpg)


链接:[]() 


下载地址:[awesomium_v1.6.6_sdk_win.exe](http://markdownpad.com/download/awesomium_v1.6.6_sdk_win.exe)

下面是使用效果:

图片

下载地址:awesomium_v1.6.6_sdk_win.exe

2.6 粗体&&斜体&&下划线

粗体:**一段文字1**  
斜体:*一段文字2*  _一段文字3_
粗体加斜体:***一段文字4***
下划线:~~一段文字5~~

下面是使用效果:

粗体:一段文字1

斜体:一段文字2 一段文字3

粗体加斜体:一段文字4

下划线:一段文字5

2.7 代码框

单行代码: 两个 `

`一段代码`

下面是使用效果:

一段代码

多行代码: 三个 `

st= start: Start io= inputoutput: verification op= operation: Your Operation cond= condition: Yes or No? sub= subroutine: Your Subroutine e= end

```

#### 下面是使用效果:

st= start: Start io= inputoutput: verification op= operation: Your Operation cond= condition: Yes or No? sub= subroutine: Your Subroutine e= end

## 2.8 文字图片居中

```bash
<center><font color=grey>**你的名字**</font></center>

<center><img src="https://fkomm-1256750115.cos.ap-shanghai.myqcloud.com/film_yourname3.jpg"></center>

下面是使用效果:

你的名字

三、进阶教程

3.1 快捷键

ctrl+1 一级标题 
ctrl+2 二级标题 
····
ctrl+shift+o 有序列表
ctrl+u 无序列表
ctrl+g 插入图片
ctrl+l 插入超链接
Ctrl+B 粗体 
Ctrl+I 斜体
Ctrl+Q 引用 
Ctrl+K 代码块

3.2 文字颜色&&字体&&字体大小&&背景色

<font color=#0099ff size=5 face="黑体">AAABBBCCCDDD "宋体"</font>

AAABBBCCCDDD "宋体"

(1) 文字颜色

浅红色文字:<font color="#dd0000">浅红色文字</font>
浅绿色文字:<font color="#00dd00">浅绿色文字</font>
浅蓝色文字:<font color="#0000dd">浅蓝色文字</font>
浅黄色文字:<font color="#dddd00">浅黄色文字</font> 
浅青色文字:<font color="#00dddd">浅青色文字</font>
浅紫色文字:<font color="#dd00dd">浅紫色文字</font>

下面是使用效果:

浅红色文字:浅红色文字

浅绿色文字:浅绿色文字

浅蓝色文字:浅蓝色文字

浅黄色文字:浅黄色文字

浅青色文字:浅青色文字

浅紫色文字:浅紫色文字

文字颜色采用的是RGB颜色,下面链接可以选择你想要的颜色对应的RGB值。

RGB颜色对应:http://www.114la.com/other/rgb.htm

(2) 字体

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>

下面是使用效果:

我是黑体字

我是宋体字

我是微软雅黑字

我是fantasy字

我是Helvetica字

(3) 字体大小

size为1:<font size="1">size为1</font>
size为2:<font size="2">size为2</font>
size为3:<font size="3">size为3</font>
size为4:<font size="4">size为4</font>
size为10:<font size="10">size为10</font>

下面是使用效果:

size为1:size为1

size为2:size为2

size为3:size为3

size为4:size为4

size为10:size为10

(4) 背景色

<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值:#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值:#FF83FA</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值:#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值:#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值:#54FF9F</td></tr></table>

下面是使用效果:

背景色的设置是按照十六进制颜色值:#7FFFD4
背景色的设置是按照十六进制颜色值:#FF83FA
背景色的设置是按照十六进制颜色值:#D1EEEE
背景色的设置是按照十六进制颜色值:#C0FF3E
背景色的设置是按照十六进制颜色值:#54FF9F

四、高端教程

4.1 表格

:在左,表示左对齐

:在右,表示左对齐

小明小明|小李小李|小张小张
:---|:---:|---:
小明|小李|小张
小明|小李|小张

下面是使用效果:

4.2 流程图

流程图大致分为两段,第一段是定义元素,第二段是定义元素之间的走向。

定义元素的语法

tag=>type: content:>url
  • tag:是元素名字

  • type:元素的类型,有6中类型,分别为:

    • start # 开始

    • end # 结束

    • operation # 操作

    • subroutine # 子程序

    • condition # 条件

    • inputoutput # 输入或产出

  • content:在框框中要写的内容,注意type后的冒号与文本之间一定要有个空格。

  • url:一个连接,与框框中的文本相绑定

连接元素的语法

->来连接两个元素,需要注意的是condition类型,因为他有yes和no两个分支,所以要写成:

cond(yes)->io->e 
cond(no)->op2->e

简单的实例

```flow
 st=>start: 开始
 e=>end: 结束
  op=>operation: 操作
 sub=>subroutine: 子程序
  cond=>condition: 是或者不是?
 io=>inputoutput: 输出

  st(right)->op->cond
 cond(yes)->io(right)->e
 cond(no)->sub(right)->op

```

下面是使用效果:

4.3 公式的简单介绍

  • 行中公式(放在文中与其它文字混编)可以用如下方法表示:$ 数学公式 $

  • 独立公式可以用如下方法表示:$$ 数学公式 $$

详细的使用就不介绍了,因为用不着,也记不住。。。其实高端教程很多都是用不到的,有很多强大的工具可以使用,这里就不一一安利了!!!!