1. 程式人生 > >用markdown寫博客

用markdown寫博客

XML 寫文章 語言 沒有 logs 斜杠 down image log

目錄

  • 用markdown寫博客
    • 前言
    • 標題
    • 段落
    • 引用區塊
    • 代碼塊
    • 列表
    • 分隔線
    • 鏈接
    • 強調、加粗、下劃線、刪除線
    • 圖片
    • 智能鏈接
    • 表格
    • 轉義序列

用markdown寫博客

前言

博客園支持用markdown語法寫博客。markdown是什麽東西?他是一套中間格式化文本的語法,用他寫文章在支持這個語法的排版系統裏面,會生成對應的排版格式。因為這套中間語言,那麽我們就不用學習各種平臺獨有的排版方式,節省時間。當然,最重要的是markdown本身易於書寫,否則就沒有使用價值了。

下面我們來學習一下markdown語法。

標題

# 大標題
## 中標題
### 小標題
#### 更小的標題

效果:

技術分享圖片

段落

段落只需要前後保留一個以上空行。
換行只需要在行尾連續輸入兩個空格,回車。

引用區塊

這個在中文中很少使用,但是外文還是比較喜歡使用的,相當於一個特殊的段落。

  1. 寫法一:
    > 引用段落
  2. 寫法二:
> 111
222
333
  1. 寫法三:
> 111
> 222
> 333

效果:

111
222
333

代碼塊

這個是給廣大程序員的福利,借助markdown可以輕松錄入代碼段,代碼段可以保持良好的縮進格式,還便於特殊字符的書寫,比如尖括號 < (即&lt;); 連字符 &(即&amp;),不會發生轉義。

只要在段落開始tab鍵一次或四次空格。

或者在一行中用 `反引號` 包含起來,反引號在Esc鍵下面那個鍵。
或者用```三個反引號序列前後一行圍起來,並且在開始的反引號序列後加上語言名稱還能實現代碼著色。

  1. 寫法一:
   void mian()
    {
        return;
    }
  1. 寫法二:
    `int i=10;`
  2. 寫法三:

```html
<div>
<div>111</div>
<div>222</div>
<div>
```

效果:

void main()
{
    return;
}

int i=10;

<div>
    <div>111</div>
    <div>222</div>
<div>

列表

列表是比較常用的一種排版元素,分為有序列表和無序列表。

1. 有序列表,只需要數字+.+空格+內容
2. 222
3. 333
- 無序列表
- 222
- 333

效果:

  1. 有序列表,只需要數字+.+空格+內容
  2. 222
  3. 333
  • 無序列表
  • 222
  • 333

分隔線

就是一條線。博客園貌似不支持。
三個以上的星號,或者減號,底線

***
---
___

效果:
***
---
___

技術分享圖片

鏈接

超文本免不了鏈接元素。而markdown有良好的支持。

[文本](鏈接 “標題”)
[博客園](http://www.cnblogs.com "點擊就送")

[百度][b]  
[b]: http://www.baidu.com "點擊“  

效果:
博客園
[百度][b]
[b]: http://www.baidu.com "點擊就爆“

強調、加粗、下劃線、刪除線

字體修飾,可以強調某些文字,也是比較常用的。

*強調*
**加粗**
<u>下劃線</u>
~~刪除線~~

效果:
強調
加粗
下劃線
刪除線

圖片

超鏈接免不了要插入圖片,但是這個還是有點難度的。一般的文本編輯器插入圖片太麻煩了,如果有支持插圖功能的markdown編輯器才比較方便。

![Alt文本](http://image.bubuko.com/info/201901/20190128171731379590.gif)

效果:
技術分享圖片

智能鏈接

通過尖口號括起來的鏈接或者郵箱地址,可以自動轉換為合適的超鏈接。

<[email protected]>
<http://www.cnblogs.com>

效果:
[email protected]
http://www.cnblogs.com

表格

很形象,看演示:

列1|列2|列3|列4
-|-|-|-
a|b|c|d
1|2|3|
x||4|5

效果:

列1 列2 列3 列4
a b c d
1 2 3
x 4 5

轉義序列

難免需要轉義序列,因為有些字符是markdown的一部分,如果要按照正常字符輸出,可以在字符前面添加反斜杠 \ 。

用markdown寫博客