Markdown 語法筆記

Markdown 語法筆記

寫在前面

?　　經過幾乎一天的查找搜索，我粗略地整理了一下經常會用到的Markdown語法。其中的大部分內容來自網友大佬的博客、教程等等。發表這個筆記，一是為了自己可以有一個速查的手冊，第二是測試目前簡書對這些語法的支持，以便以后文章發表，同時第三也想拿出來與和我一樣的初學者分享，并歡迎大佬斧正與補充。
　　我線下使用的編輯器是typora，好用不多介紹；這文放到簡書上面目全非，有些地方只能用圖片，有的直接就放棄了，可能簡書就是要“簡”吧，專治各種花里胡哨(?ω?)。

目錄

（看來這個不行，上圖）


編輯器上是這樣

1.字體

加粗

**加粗**

斜體

*斜體*

斜體加粗

***斜體加粗***

<u>下劃線</u>

<u>下劃線</u>

刪除線

~~刪除線~~

上標2

上標<sup2</sup>

下標2

下標<sub>2</sub>

設置字體、字號、顏色

好像不支持html


<font face="STCAIYUN">華文彩云</font>

<font color=gray size=5>color=gray</font>

<font color=#0099ff size=5 face="黑體">color=#0099ff size=5 face="黑體"</font>

背景色

<table><tr><td bgcolor=#D1EEEE>背景色的設置是按照十六進制顏色值：#D1EEEE</td></tr></table>

2.樣式

標題

標題有6個等級，用 # 號表示

#為一級標題 ######為六級標題

另一種形式是使用=（一級）和-（二級）三個以上

主標題

副標題

主標題
======
副標題
-----

引用

引用內容1
引用內容2

子引用內容

用>表示引用，多個>連用分級

代碼(塊)

``中間放代碼內容

System.out.println("Hellow World");

用``````表示下面的是一段代碼

注意每個```獨占一行，第一個```后給出代碼語言可以實現代碼高亮

?```c++
#include <iostream>
int main()
{
    std::cout << "Hellow World!" << std::endl;
    return 0;
}
?```

效果：

#include <iostream>
int main()
{
    std::cout << "Hellow World!" << std::endl;
    return 0;
}

任務

- [ ] 任務1
- [ ] 任務2
  - [×] 子任務
- [ ] 任務3

列表

有序列表

使用數字加小數點標記，可以有子列表。三代可區分。

  1. 有序1
  2. 有序2
    1. 子有序1
    2. 子有序2

無序列表

無序列表使用星號*，加號+，減號-作為標記，加空格加內容即可。

  • 列表1
  • 列表2
    • 子列表

注釋

()

(<!--注釋內容不會在瀏覽器中顯示-->)

字符轉義

反斜線（\）用于插入在 Markdown 語法中有特殊作用的字符。

包括：

\
`
*
_
{}
[]
()
#
+
-
.
!

用法：\字符 即可

**演示** (\*\*演示\*\*)

↓對比↓

演示（**演示**）

3.插入

表格

typora有方便的表格插入及格式編輯

項目 項目1 項目2
內容 內容 內容
內容 內容 內容

表格可以自適應內容長度

|、-、:之間的多余空格會被忽略

對齊方式：

默認標題欄居中對齊，內容居左對齊。
需要自定義時-:表示內容和標題欄居右對齊，:-表示內容和標題欄居左對齊，:-:表示內容和標題欄居中對齊，-至少有一個。
每行第一個|和最后一個|可以省略。

圖像

基本支持常見的圖像格式

插入

[圖片上傳失敗...(image-e34290-1550671755184)]

插入三種方式——本地圖片，網絡圖片，把圖片編進Markdown

簡書自帶上傳圖片功能，因此不多廢話。

![蘋果](http://upload-images.jianshu.io/upload_images/16367356-bbafb43be3a9b4c4.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

蘋果

（圖片來源于百度）

以下對圖片的操作都無法顯示，不再一一截圖，但是應該都可以在編輯器上實現。

修改圖片大小

方法一 使用html代碼

<img src ="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" height="500px" width="500px" >

width 與 height 沒有順序要求，=數字可加單位（px-像素，cm-厘米，mm-毫米）。

width和height只寫其中一個按原圖比例修改另一個。
效果：
（此處應有圖片）

方法二 使用支持圖片大小更改操作的 Mou 編輯器
使用如下語法
[圖片上傳失敗...(image-b5c184-1550671755184)]

試了試好像不支持，先放上面。

注意: =前有個空格，可以只寫寬度。

縮放

<img src ="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width=50%>

這個好像只能按照width，以原圖比例縮放，不知道其他編輯器怎么樣。
效果：
（此處應有圖片）

對齊方式

一張圖片

<img src ="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width=50% align="right">

(我也沒有成功。。。）

圖片組

<div align="center">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width="15%" >
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1550479777845&di=a08531ffcf1280e835e8841e3233b17a&imgtype=0&src=http%3A%2F%2Fpic.qjimage.com%2Feast019%2Fhigh%2Feast-ep-a61-6252755.jpg" width="15%" >
</div>

效果：
（此處應有圖片）

超鏈接

行內式

[**簡書-創作你的創作**](http://www.lxweimin.com/)

簡書-創作你的創作

包含'title'的鏈接

[**簡書-創作你的創作**](http://www.lxweimin.com/ "簡書官網")

簡書-創作你的創作

也可以用于鏈接本地文件

參考式

分為兩部分

[鏈接文字][識別符]
[識別符]:URL "title"

第一行定義鏈接，第二行定義鏈接內容。識別符可以不寫，用鏈接文本代替，URL可以使用<>括起來，title可以用"" ''()包括。鏈接內容的定義可以放在文檔的任意地方，因此，參考式可以多次引用同一個鏈接，避免頻繁定義。

簡書

鏈接的自動轉換

使用<>括起來的URL或者郵箱地址會自動轉換為超鏈接

<http://www.lxweimin.com/>

http://www.lxweimin.com/

<123456789@email.com>

123456789@email.com

該方式適合行內較短的鏈接，會使用 URL 作為鏈接文字。郵箱地址會自動編碼，以逃避抓取機器人。

水平線

可以在一行中使用三個或更多的 *、- 或 _ 來添加分隔線（<hr>）

***
-------
_____

字符之間可以有空格但不能有其他字符。

腳注[1]

一般用法：

文字[^腳注id]文字
[^腳注id]:腳注內容。

注意：

腳注id請保持唯一性，引用和內容的id需要一一對應

如果只有底部腳注正文而文章中沒有引用，此條腳注將被隱藏
如果只有文中引用沒有底部對應腳注，一條新的腳注將添加到腳注列表末尾，且以引用標記的腳注id為內容
引用標記的腳注id，支持數字字母和空格
腳注內容支持 titile 屬性，但 title 加在引用標記上

目錄

[TOC]

效果就是本篇目錄

4.段落

這個可能因為編輯器不同而有不一樣的方法。

一個段文本如果前后一行都是空行（沒有字符，或只有空格和制表符），那么它是一個段落。

換行

有時后需要另起一行而不是新加一段。

typora貌似可以shift+enter換行
后面的內容

也可以加<br>
后面的內容

可以在前一行的末尾加入至少兩個空格
然后換行寫其它的文字

縮進

使用特殊的占位符

【1】 &ensp;或&#8194; //半角空格
【2】 &emsp;或&#8195; //全角空格
【3】 &nbsp;或&#160; //半角的不斷行的空白格

從&到;一個字符都不能少

?段落1【1】

?段落2【2】

?段落3【3】

對照段落

全角的狀態下雙擊兩次空格

切換到全角模式下輸入兩個空格就行了。搜狗輸入法需要右鍵打開，或者在屬性設置->高級->快捷鍵中開啟全半角切換快捷鍵（shift+空格）

對齊

Markdown基本不支持排版。
可以使用html語言實現（可能有不同版本，簡書不支持）

<center>居中</center>
<p align="left">居左</p>
<p align="right">居右</p>

  1. 腳注不是標準Markdown的內容。可能會有不同的定義方式。 ?

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 跳至內容 taolex客棧又一個WordPress站點 Markdown語法筆記 前言 這篇文章其實我之前就在Gi...
    zealous閱讀 865評論 0贊 1
  • 為什么學習Markdown 自從搭建了 Hexo 博客之后，發現還有 Markdown 這種寫文章的方法，想到以后...
    lifeColder閱讀 20,194評論 10贊 216
  • Markdown 是一種輕量級的「標記語言」，它的優點很多，目前也被越來越多的寫作愛好者，撰稿者廣泛使用。看到這里...
    奮斗的蝸牛閱讀 533評論 0贊 3
  • [TOC] Markdown: 是一種電子郵件風格的標記語言，通常為程序員群體所使用。同時，Markdown支...
    _Rambo_閱讀 1,180評論 0贊 5
  • 有一些對象其實我們只需要一個，比如線程池、緩存、對話框、日志對象等，于是單例模式就出場了。 餓漢式 餓漢式是最簡單...
    許方鎮閱讀 306評論 0贊 0