美文网首页
Markdown 入门

Markdown 入门

作者: 饥人谷_monalisali | 来源:发表于2017-12-17 16:39 被阅读0次

什么是markdown

简单来说,markdown就是一个简单的标记语言。这些标记语言和html的一些标记相对应。通过一些转换库可以把markdown转换成html,或者把html转换成markdown。

为什么要使用markdown

  • 与传统的富文本编辑器比较而言,markdown可以让作者更专注于“写作”本身,而不是排版。
  • markdown让作者可以从繁琐的文章排版中解脱出来。

mardown内容是如何转换成好看的html的

  1. 我们在页面中使用markdown语法编写内容
  2. 提交后,markdown语法随同文章内容一起被保存在数据库中
  3. 预览时,后端程序利用转换库把markdown转换成html标签,然后放到页面中
  4. 页面中需要引入一些css,把转换后的html渲染的更好看

语法

标题

#符号的个数表示标题的层级,#后不要忘记空格

#  一级标题 h1
## 二级标题 h2
### 三级标题 h3
#### 四级标题 h4
##### 五级标题 h5
###### 六级标题 h6

段落

文字前后有换行就是段落

无序列表

- 加空格 就是一个无序列表的项。

- 无序列表1
- 无序列表2
- 无序列表3
  • 无序列表1
  • 无序列表2
  • 无序列表3

有序列表

数字加点加空格就是一个有序列表的项。

1. 有序列表1
2. 有序列表2
  1. 有序列表1
  2. 有序列表2

在段落中插入代码块

以三个```包括代码即可(`符号就是数字1左边那个符号)
如:

var a = b;
console.log(a)

在文字中插入代码块

以单个`包含代码块即可

这里的一句文字中包好了一句代码: `console.log(a)`  使用单个符号即可

这里的一句文字中包好了一句代码: console.log(a) 使用单个符号即可

链接

\[]()

[]中写链接名称,()中写具体的url
如:

[必应](www.bing.com)

必应

图片

与链接相似,只是多了一个感叹号

![]()

粗体与斜体

**加粗** : 加粗
*斜体*: 斜体

引用

> 大于号表示引用。 >后的内容就是引用的内容

我们真正需要恐惧的是恐惧本身 --- 罗斯福

表格

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |
Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

分割线

三个连续的星号表示一跳分割线

***

转换库

markdown的转换库前端,后端都有实现。
js中常用 markdown-js markdown-js

相关文章

  • Markdown书写设置

    MarkDown入门请查看 : MarkDown入门 书写Markdown时,有时候需要单独标记某些字句的颜色、大...

  • 便签

    Markdown Markdown写作进阶:Pandoc入门浅谈

  • markdown入门

    markdown入门

  • Markdown 入门指南

    Markdown 入门指南 目录Markdown 语法的起源Markdown 语法的种类Markdown trad...

  • markdown的语法

    markdown的语法示例,具体看图Markdown——入门指南

  • 2018-08-29

    #Markdown快速入门 ##

  • Markdown语法

    参考:Markdown语法入门

  • Markdown学习指南

    献给写作者的 Markdown 新手指南 Markdown: Basics (快速入门) Markdown 语法说...

  • markdown语法

    参考链接 wowubuntu Markdown——入门指南 learning markdown guide(列表元...

  • Markdown语法

    1. Markdown 新手指南2. Markdown 快速入门3. Markdown 完整语法

网友评论

      本文标题:Markdown 入门

      本文链接:https://www.haomeiwen.com/subject/wioywxtx.html