1. 程式人生 > >使用markdown寫部落格

使用markdown寫部落格

目錄

使用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.有序列表四

輸出:

  1. 無序列表一
  2. 無序列表二
  3. 無序列表三
  4. 無序列表四

3.修飾

加粗

輸入:

**這是文字加粗**

輸出:

這是文字加粗

斜體

輸入:

*這是斜體字*

輸出:

這是斜體字

4.插入連結和圖片

3插入連結

  用中括號將連結名稱括起來,然後用英文括號將網址連結括起來,也可以點選編輯器中的連結圖示,格式如下:[連結名]+(url)

輸入:

這是[部落格園](https://www.cnblogs.com/)的地址

輸出:

這是部落格園的地址

插入圖片

  格式如下: !+[圖片名稱]+(url)

輸入:

![image](https://note.youdao.com/favicon.ico)

輸出:

image

5.空行和分割線

空行

  回車兩下

分割線

  連續三個*號或-號或底線都可以
輸入:

***

輸出:


6.插入程式碼

單行程式碼

輸入(注意這裡是反引號):

`hello, world!` 

輸出:

hello, world!

多行程式碼

輸入(注意前面有一個Tab鍵(製表符)):

    def add(x, y):
        return x + y

輸出:

def add(x, y):
    return x + y

7.引用

用大於號開始標記引用開始

輸入:

>抽刀斷水水更流,舉杯消愁愁更愁這

輸出:

抽刀斷水水更流,借酒消愁愁更愁

8.定製部落格園css樣式

定製樣式就是使自己部落格排版個性化,有空在寫,搬磚如下:

自定義部落格園Markdown樣式.超簡單!