前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Markdown的安装以及简单使用教程

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

作者头像
緣來
发布2020-01-02 15:06:10
2.7K0
发布2020-01-02 15:06:10
举报
文章被收录于专栏:緣來來來

一、 安装教程

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 标题

代码语言: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.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 粗体&&斜体&&下划线

代码语言: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.myqcloud.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 公式的简单介绍

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-08-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、 安装教程
    • 1.1下载软件并安装
      • 1.2 邮箱&&密钥
        • Windows安装需要邮箱和密钥
      • 1.3 渲染错误
        • 1.4 语言设置 自定义背景颜色、字体
        • 二、基础教程
          • 2.1 标题
            • 2.2 列表
              • (1)有序列表
              • (2)无序列表
            • 2.3 引用
              • 2.4 分割线
                • 2.5 图片&&链接
                  • 2.6 粗体&&斜体&&下划线
                    • 2.7 代码框
                    • 三、进阶教程
                      • 3.1 快捷键
                        • 3.2 文字颜色&&字体&&字体大小&&背景色
                          • (1) 文字颜色
                          • (2) 字体
                          • (3) 字体大小
                          • (4) 背景色
                      • 四、高端教程
                        • 4.1 表格
                          • 4.2 流程图
                            • 定义元素的语法
                            • 连接元素的语法
                            • 简单的实例
                          • 4.3 公式的简单介绍
                          领券
                          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档