Markdown編輯器語言——30分鐘入門到到精通

1、簡要說明

  • 開篇說明
    其實吧這是我人生中寫的第一篇博客,我也不知道怎麼排版和編輯讓博文顯示的更加美觀,如今正在學Markdown編輯語法,也是剛剛學編程的一個小菜鳥,目前是大二的在校生,個人初衷是把我平時所學的知識都像作筆記同樣寫下來,讓之後在學習更多知識的時候回來一看,舊的知識就能夠鞏固回來了,至少不會由於學了新的忘了舊的。
    我下的定決心要寫博客的時候,是受一位同校學長的影響。他的我的學習的筆記都是整理得很好記,分的很明確,我心裏也有點觸動了,感受吧學同樣東西就該好好學習。知識學一遍是知識,學兩遍可能常識了,溫故而知新!
  • Markdown編輯器簡介javascript

    Markdown 是一種輕量級的「標記語言」,它的優勢不少,目前也被愈來愈多的寫做愛好者,撰稿者普遍使用。看到這裏請不要被「標記」、「語言」所迷惑,Markdown 的語法十分簡單。經常使用的標記符號也不超過十個,這種相對於更爲複雜的HTML 標記語言來講,Markdown 可謂是十分輕量的,學習成本也不須要太多,且一旦熟悉這種語法規則,會有一勞永逸的效果。java

  • Markdown的優勢編程

    • 有編程同樣的體驗
    • 可讀,直觀,適合全部人的寫做語言
    • 不用關心排版,專一於編寫文字
    • 導出爲PDF、HTML格式的文檔
  • 工具下載編輯器

    我我的以爲仍是在線的好,固然也能夠用客戶端都同樣
    在線使用: 點我打開
    各個系統版本客戶端:點我下載 提取碼:7r4s工具

    2、進入正題

    一、標題
    使用 # 號標記
    使用 # 號可表示 1-6 級標題,一級標題對應一個 # 號,二級標題對應兩個 # 號,以此類推。學習

#一級標題
##二級標題
###三級標題
####四級標題
#####五級標題
######六級標題字體

展現:code

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

二、字體blog

>  \*我是斜體*  兩邊各用一顆星包裹
>  \**我是粗體** 兩邊各用兩顆星包裹
>  \***我是斜體加粗*** 兩邊各用三顆星包裹

效果:
我是斜體
我是粗體
我是斜體加粗圖片

三、分隔線
你能夠在一行中用三個以上的星號、減號、底線來創建一個分隔線,行內不能有其餘東西。你也能夠在星號或是減號中間插入空格。下面每種寫法均可以創建分隔線:

***
* * *
*****
- - -
----------

效果:










四、列表
Markdown 支持有序列表和無序列表。

  1. 無序列表使用星號(*)、加號(+)或是減號(-)做爲列表標記

    * 第一項
    + 第二項
    - 第三項

效果:

  • 第一項
  • 第二項
  • 第三項

  1. 有序列表用數字加(.)號來表示的
  1. 第一項
  2. 第二項
  3. 第三項

效果:

  1. 第一項
  2. 第二項
  3. 第三項

5. 列表嵌套
列表嵌套只需在子列表中的選項添加四個空格(至關於一個縮進)便可:

  1. 第一項
    - 第一項嵌套的第一個元素
    - 第一項嵌套的第二個元素
  2. 第二項
    - 第二項嵌套的第一個元素
    - 第二項嵌套的第二個元素

效果:

  1. 第一項
    • 第一項嵌套的第一個元素
    • 第一項嵌套的第二個元素
  2. 第二項
    • 第二項嵌套的第一個元素
    • 第二項嵌套的第二個元素

六、區塊的引用
Markdown 區塊引用是在段落開頭使用 > 符號 ,而後後面緊跟一個空格符號,還能夠和有序列表和無序列表嵌套一塊兒使用,能夠看到我展現代碼也是寫在區塊裏面的:

> 這是一個區塊
>> 這是第二層區塊
>>> 這是第三層區塊

效果:

這是一個區塊

這是第二層區塊

這是第三層區塊

七、代碼高亮
能夠用 ``` 包裹一段代碼,並指定一種語言(也能夠不指定):

```javascript
$(document).ready(function () {
alert('RUNOOB');
});
```

效果:

$(document).ready(function () {
    alert('RUNOOB');
});

八、圖片和連接

  1. 連接的使用方法以下:

    [連接名稱](連接地址)
    或者
    <連接地址> 好比: 這是一個連接 [百度一下]( https://www.baidu.com)

效果:
這是一個連接 百度一下

  1. 圖片的使用方法:
    Markdown 圖片語法格式以下:

    • ![alt 屬性文本](圖片地址)
    • ![alt 屬性文本](圖片地址 "可選標題")

frist_list

九、表格
Markdown 製做表格使用 | 來分隔不一樣的單元格,使用 - 來分隔表頭和其餘行。
語法格式以下:

 | 表頭 | 表頭 |
| ---- | ---- |
| 單元格 | 單元格 |
| 單元格 | 單元格 |

效果:

表頭 表頭
單元格 單元格
單元格 單元格
  • 對齊方式
    咱們能夠設置表格的對齊方式:
  • -: 設置內容和標題欄居右對齊。
  • :- 設置內容和標題欄居左對齊。
  • :-: 設置內容和標題欄居中對齊。

實例:

左對齊 右對齊 居中對齊
單元格 單元格 單元格
單元格 單元格 單元格

十、高級技巧
轉義
Markdown 使用了不少特殊符號來表示特定的意義,若是須要顯示特定的符號則須要使用轉義字符,Markdown 使用反斜槓轉義特殊字符:

**文本加粗**
\\ 正常顯示星號 \\

展現效果:
文本加粗
** 正常顯示星號 **

  • 還有一些數學公式 和其餘技巧就不一一列舉了,若有用到能夠百度查找
相關文章
相關標籤/搜索