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

2020-01-02 15:06:10 浏览数 (1)

一、 安装教程

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

  • 下载地址： awesomium_v1.6.6_sdk_win.exe

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

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

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

二、基础教程

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

2.1 标题

代码语言：javascript复制
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.2 列表

（1）有序列表

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

代码语言：javascript复制
- 我是第一行
- 我是第二行
* 我是第三行
* 我是第四行
下面是使用效果：
  • 我是第一行
  • 我是第二行
  • 我是第三行
  • 我是第四行

（2）无序列表

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

代码语言：javascript复制
1.我是第一行 
2.我是第二行 
3.我是第三行
下面是使用效果：

1.我是第一行

2.我是第二行

3.我是第三行

2.3 引用

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

代码语言：javascript复制
>

2.4 分割线

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

代码语言：javascript复制
***  ---  ___

2.5 图片&&链接

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

代码语言：javascript复制
图片：![]()


![图片](https://fkomm-1256750115.cos.ap-shanghai.myzijiebao.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 粗体&&斜体&&下划线

代码语言：javascript复制
粗体：**一段文字1**  
斜体：*一段文字2*  _一段文字3_
粗体加斜体：***一段文字4***
下划线：~~一段文字5~~
下面是使用效果：

粗体：一段文字1

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

粗体加斜体：一段文字4

下划线：一段文字5

2.7 代码框

单行代码: 两个 `

代码语言：javascript复制
`一段代码`

下面是使用效果：

一段代码

多行代码: 三个 `

代码语言：javascript复制

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

代码语言：javascript复制
```

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

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

代码语言：javascript复制
## 2.8 文字图片居中

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

<center><img src="https://fkomm-1256750115.cos.ap-shanghai.myzijiebao.com/film_yourname3.jpg"></center>
下面是使用效果：

你的名字

三、进阶教程

3.1 快捷键

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

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

代码语言：javascript复制
<font color=#0099ff size=5 face="黑体">AAABBBCCCDDD "宋体"</font>

AAABBBCCCDDD "宋体"

(1) 文字颜色

代码语言：javascript复制
浅红色文字：<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) 字体

代码语言：javascript复制
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>
下面是使用效果：

我是黑体字

我是宋体字

我是微软雅黑字

我是fantasy字

我是Helvetica字

(3) 字体大小

代码语言：javascript复制
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) 背景色

代码语言：javascript复制
<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 表格

:在左，表示左对齐 :在右，表示左对齐

代码语言：javascript复制
小明小明|小李小李|小张小张
:---|:---:|---:
小明|小李|小张
小明|小李|小张
下面是使用效果：

4.2 流程图

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

定义元素的语法

代码语言：javascript复制
tag=>type: content:>url
  • tag：是元素名字
  • type：元素的类型，有6中类型，分别为：
    • start # 开始
    • end # 结束
    • operation # 操作
    • subroutine # 子程序
    • condition # 条件
    • inputoutput # 输入或产出
  • content：在框框中要写的内容，注意type后的冒号与文本之间一定要有个空格。
  • url：一个连接，与框框中的文本相绑定

连接元素的语法

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

代码语言：javascript复制
cond(yes)->io->e 
cond(no)->op2->e

简单的实例

代码语言：javascript复制
```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 公式的简单介绍

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

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

sdk exe io size subroutine

0 人点赞