Markdown是一种可以使用普通文本编辑器编写的标记语言,语法简洁明了、学习容易,而且功能比纯文本更强,较广泛地被用于写博客。

而团队协作常用的工具,例如Trello,不支持富文本编辑,因此把Markdown语言用于Task的描述撰写中,也可方便团队成员阅读。

推荐Markdown编辑器:有道云笔记。支持本地、Web、Mobile实时同步。

Markdown常用语法

基础语法

1. 标题

在文字前加 # 为一级标题

在文字前加 ## 为二级标题

在文字前加 ### 为三级标题

在文字前加 #### 为四级标题

在文字前加 ##### 为五级标题


2. 这是列表

列表有以下三种写法:

  • - Point 1
  • + Point 2
  • * Point 3

3. 引用代码

  • Part I 引用一段行内代码

引用行内代码,在代码的首尾、分别加上 ` 即可。

示例:

** Hello, world! **

  • Part II 引用一大段代码

const g1 = document.querySelectorAll('#g1')
const g1Paths = document.querySelectorAll('#g1 path')

引用代码,在代码的第一行与最后一行分别加上 ``` 即可。

示例:

```

const g1 = document.querySelectorAll('#g1') const g1Paths = document.querySelectorAll('#g1 path')

```


4. 字体的显示

  • Part I 引用

    > 引用一段话

    这是引用一段话

  • Part II 斜体

    *在字的首尾加上一个*为斜体*

    这是斜体

  • Part III 加粗

    **在字的首尾加上两个*为加粗**

    这是加粗

  • Part IV 高亮

    ==在字的首尾加上两个==为高亮==

    这是高亮

  • Part V 删除线

    ~~在字的首尾加上两个~为删除线~~

    这是删除线


5. 链接的显示

  • Part I 文字链接

[这是文字链接](http://baidu.com)

这是文字链接

  • Part II 图片链接

![这是图片](https://up.img.heidiancdn.com/o_1bpak4k5n12r1t211gv71d341n560_70242.jpg?imageView2/1/w/360/h/360/)

这是图片

关于图片的尺寸压缩问题,查看七牛文档

  • 指定图片新宽度,后缀加:

?imageMogr2/thumbnail/500x

?imageView2/2/w/600/q/10

  • 等比例缩放,后缀加: ?imageMogr2/thumbnail/!50p

进阶语法

6. 表格

| 项目      | 价格      |  数量     |
| --------  | -----:   | :----:    |
| 计算机    | \$1600    |   5       |
| 手机      |   \$12    |   12      |
| 管线      |    \$1    |  234      |
项目 价格 数量
计算机 $1600 5
手机 $12 12
管线 $1 234

7. ToDo List

[ ] 这么写代表未勾选

[x] 这么写代表勾选

示例如下:

  • 优化后台CRM功能
    • 买家个人中心
      • 增加会员卡界面(PC & Mobile)
      • 增加积分页面(没有会员卡也可以启用积分功能)
    • 客户管理
      • 客户概览
      • 客户列表
      • 客户群组
      • 会员管理
      • 积分管理
    • 营销中心增加“群发短信”功能 设计参考
      • 消息推送:系统通知类短信模板(可启用,可编辑)
      • 短信充值:购买短信套餐
      • 短信签名
  • 七月旅行准备
    • 准备邮轮上需要携带的物品
    • 浏览日本免税店的物品
    • 购买蓝宝石公主号七月一日的船票

8. 内容目录

只需写[TOC]即可自动生成整页的目录结构,一般放在页首。


 

-  END - 

 

 

西瓜设计研究所

互联网创业 | UI设计 | 开发资源 | 教程

长按二维码关注

未经允许请勿转载,后台回复“转载”获取转载须知

© uirush.com