使用MarkDown快速書寫技術部落格并釋出在及個人部落格網站上

2022-07-12 16:57:43

使用MarkDown快速書寫技術部落格并釋出在及個人部落格網站上

文章目錄

使用MarkDown快速書寫技術部落格并釋出在及個人部落格網站上
一、背景介紹
二、常用文法

1.标題
2.代碼區塊
3.流程圖、時序圖、甘特圖
4.連結及圖檔

三、編輯器
四、轉化HTML釋出在個人網站或部落格中

一、背景介紹

Markdown 是一個 Web 上使用的文本到HTML的轉換工具，可以通過簡單、易讀易寫的文本格式生成結構化的HTML文檔。目前 github、Stackoverflow 等網站均支援這種格式。這樣，我可以使用MarkDown文法寫完總結或者部落格後，很簡單的同時釋出在以及個人網站上。

Markdown 文法的目标是：成為一種适用于網絡的書寫語言。

二、常用文法

可以在markdown中文網站進行markdown的基本文法學習：http://www.markdown.cn，一般我常用标題及段落、代碼區塊、流程圖、連結及圖檔，完全可以滿足你基本的寫部落格的需求。

1.标題

Markdown 支援兩種标題的文法，類 Setext 和類 atx 形式。

類 Setext 形式是用底線的形式，利用 = （最高階标題）和 - （第二階标題），例如：

This is an H1
=============

This is an H2
-------------
任何數量的 = 和 - 都可以有效果。

類 Atx 形式則是在行首插入 1 到 6 個 # ，對應到标題 1 到 6 階，例如：

 
# 這是 H1

## 這是 H2

###### 這是 H6
你可以選擇性地「閉合」類 atx 樣式的标題，這純粹隻是美觀用的，若是覺得這樣看起來比較舒适，你就可以在行尾加上 #，而行尾的 # 數量也不用和開頭一樣（行首的井字元數量決定标題的階數）：

 
# 這是 H1 #

## 這是 H2 ##

### 這是 H3 ###

2.代碼區塊

使用即代表下面的文本為代碼區塊，使用結束或者直接跳行結束，markdown文法可以以換行來區分該次操作的結束。

這裡是代碼段

3.流程圖、時序圖、甘特圖

markdown畫流程圖的功能也是我喜歡它的一點，利用強大的markdown編輯器，這種畫流程圖的體驗會讓你瞬間愛上markdown，我推薦typora和這篇教程：https://jingyan.baidu.com/article/48b558e3035d9a7f38c09aeb.html

4.連結及圖檔

連結:方括号，在裡面填寫連結文字，然後是圓括号，首先必須有連結網址，然後空格後可以填寫連結的title文字，title需要使用雙引号括起來，當然你可以省略title。

[]()
[hello](www.hello.com "hi")

圖檔：圖檔和連結類似，隻是在最開始加上！即可，在方括号中是圖檔的替代文字，當圖檔找不到時會顯示，普通括号中首先是圖檔的連結位址，然後空格後輸入title文字，title同樣可以省略。

![]()
[exm](/image/exm.png "exm")

三、編輯器

同樣，在www.markdown.cn中有推薦的免費markdown編輯器，可以自行試并選擇自己中意的。我這裡推薦一款收費的markdown編輯器，typora，我推薦它的理由有三點：一、支援[TOC]生成文檔目錄；二、支援畫流程圖的簡明文法和标準文法兩種；三：支援導出為PDF、HTML等多種格式。

使用MarkDown快速書寫技術部落格并釋出在及個人部落格網站上