使用markdown寫部落格
阿新 • • 發佈:2018-11-01
目錄
使用markdown寫部落格
一、markdown介紹
markdown是一種標記語言,HTML就是一種超文字標記語言,在Windows系統中MarkdownPad是常用的免費編輯器,這是網上的一個markdown教程。markdown語法簡單易寫,容易就轉換成HTML格式,部落格園也支援,就用它了(嗯,是懶)。
二、在部落格園使用markdown編輯器
不截圖了,不過搬運了一個有圖的連結給大家在部落格園中使用Markdown。
三、開始用markdown寫部落格
1.寫標題(用#號)
在MarkdownPad中輸入#,然後輸入你的標題名字,例如:‘# 一、markdown介紹’,編輯器便會輸出你定的標題,如果你不這樣標做,那麼標題文字和段落就沒有字型大小已經是否加粗等區別,這是使用 MarkdownPad的原因啊,高效啊!這裡的標題(可以理解為段落標題吧)相當於HTML的h1、h2···,不是你部落格的標題,部落格標題在新增新隨筆的時候就已經輸入了。演示如下:
輸入:
#標題一
##標題二
###標題三
####標題四
#####標題五
輸出:
標題一
標題二
標題三
標題四
標題五
2.插入列表(有序列表和無序列表)
有序列表和無序列表在HTML中經常出現,不過語法不一樣,在這不介紹先。
輸入:
* 無序列表一
* 無序列表二
* 無序列表三
* 無序列表四
注意*號後面要加空格鍵,同時如果發現異常的時候在異常處多敲一次回車問題可能就解決了(下同)
輸出:
- 無序列表一
- 無序列表二
- 無序列表三
- 無序列表四
輸入:
1.有序列表一
2.有序列表二
3.有序列表三
4.有序列表四
輸出:
- 無序列表一
- 無序列表二
- 無序列表三
- 無序列表四
3.修飾
加粗
輸入:
**這是文字加粗**
輸出:
這是文字加粗
斜體
輸入:
*這是斜體字*
輸出:
這是斜體字
4.插入連結和圖片
3插入連結
用中括號將連結名稱括起來,然後用英文括號將網址連結括起來,也可以點選編輯器中的連結圖示,格式如下:[連結名]+(url)
輸入:
這是[部落格園](https://www.cnblogs.com/)的地址
輸出:
這是部落格園的地址
插入圖片
格式如下: !+[圖片名稱]+(url)
輸入:
![image](https://note.youdao.com/favicon.ico)
輸出:
5.空行和分割線
空行
回車兩下
分割線
連續三個*號或-號或底線都可以
輸入:
***
輸出:
6.插入程式碼
單行程式碼
輸入(注意這裡是反引號):
`hello, world!`
輸出:
hello, world!
多行程式碼
輸入(注意前面有一個Tab鍵(製表符)):
def add(x, y):
return x + y
輸出:
def add(x, y):
return x + y
7.引用
用大於號開始標記引用開始
輸入:
>抽刀斷水水更流,舉杯消愁愁更愁這
輸出:
抽刀斷水水更流,借酒消愁愁更愁
8.定製部落格園css樣式
定製樣式就是使自己部落格排版個性化,有空在寫,搬磚如下: