請使用 Chrome 瀏覽器。

請閱讀下方文本熟悉工具使用方法，本文可直接拷貝到微信中預覽。

1 Markdown Nice 簡介

• 支持自定義樣式的 Markdown 編輯器
• 支持微信公眾號、知乎和稀土掘金
• 歡迎掃碼回復「排版」加入用戶群

2 主題

https://preview.mdnice.com/themes/

歡迎提交主題，提供更多文章示例~~

3 通用語法

3.1 標題

在文字寫書寫不同數量的#可以完成不同的標題，如下：

一級標題

二級標題

三級標題

3.2 無序列表

無序列表的使用，在符號-后加空格使用。如下：

• 無序列表 1
• 無序列表 2
• 無序列表 3

如果要控制列表的層級，則需要在符號-前使用空格。如下：

• 無序列表 1
• 無序列表 2
  • 無序列表 2.1
  • 無序列表 2.2

由于微信原因，最多支持到二級列表。

3.3 有序列表

有序列表的使用，在數字及符號.后加空格后輸入內容，如下：

有序列表 1

有序列表 2

有序列表 3

3.4 引用

引用的格式是在符號>后面書寫文字。如下：

讀一本好書，就是在和高尚的人談話。——歌德

”

雇用制度對工人不利，但工人根本無力擺脫這個制度。——阮一峰

”

3.5 粗體和斜體

粗體的使用是在需要加粗的文字前后各加兩個*。

而斜體的使用則是在需要斜體的文字前后各加一個*。

如果要使用粗體和斜體，那么就是在需要操作的文字前后加三個*。如下：

這個是粗體

這個是斜體

這個是粗體加斜體

注：由于 commonmark 標準，可能會導致加粗與想象不一致，如下

**今天天氣好晴朗，**處處好風光。

這個是正常現象，請參考加粗 Issue^[1]。

3.6 鏈接

微信公眾號僅支持公眾號文章鏈接，即域名為https://mp.weixin.qq.com/的合法鏈接。使用方法如下所示：

對于該論述，歡迎讀者查閱之前發過的文章，你是《未來世界的幸存者》么？

3.7 分割線

可以在一行中用三個以上的減號來建立一個分隔線，同時需要在分隔線的上面空一行。如下：

---

3.8 刪除線

刪除線的使用，在需要刪除的文字前后各使用兩個~，如下：

這是要被刪除的內容。

3.9 表格

可以使用冒號來定義表格的對齊方式，如下：

姓名年齡工作

小可愛	18	吃可愛多
小小勇敢	20	爬棵勇敢樹
小小小機智	22	看一本機智書

寬度過長的表格可以滾動，可在自定義主題中調節寬度：

姓名年齡工作郵箱手機

小可愛	18	吃可愛多	lovely@test.com	18812345678
小小勇敢	20	爬棵勇敢樹	brave@test.com	17712345678
小小小機智	22	看一本機智書	smart@test.com	16612345678

3.10 圖片

插入圖片，如果是行內圖片則無圖例，否則有圖例，格式如下：

這里寫圖片描述

可以通過在圖片尾部添加寬度和高度控制圖片大小，用法如下：

同時設置寬度和高度只設置寬度，推薦使用百分比

該語法比較特殊，其他 Markdown 編輯器不完全通用。

支持 jpg、png、gif、svg 等圖片格式，其中 svg 文件僅可在微信公眾平臺中使用，svg 文件示例如下：

• 支持圖片拖拽和截圖粘貼到編輯器中上傳，上傳時使用當前選擇的圖床。
• 可使用格式->圖片上傳本地圖片，網站僅支持「圖殼」圖床，失敗率低可長久保存！

注：僅支持 https 的圖片，圖片粘貼到微信時會自動上傳微信服務器，不必擔心使用上述圖床會導致微信內圖片丟失。

圖片還可以和鏈接嵌套使用，能夠實現推薦卡片的效果，用法如下：

Markdown Nice 最全功能介紹

4. 特殊語法

4.1 腳注

支持平臺：微信公眾號、知乎。

”

腳注與鏈接的區別如下所示：

鏈接：[文字](鏈接)腳注：[文字](腳注解釋 "腳注名字")

有人認為在大前端時代^[2]的背景下，移動端開發(Android、IOS)將逐步退出歷史舞臺。

全棧工程師^[3]在業務開發流程中起到了至關重要的作用。

腳注內容請拉到最下面觀看。

4.2 代碼塊

支持平臺：微信代碼主題僅支持微信公眾號！其他主題無限制。

”

如果在一個行內需要引用代碼，只要用反引號引起來就好，如下：

Use the printf() function.

在需要高亮的代碼塊的前一行及后一行使用三個反引號，同時第一行反引號后面表示代碼塊所使用的語言，如下：

// FileName: HelloWorld.javapublic class HelloWorld { // Java 入口程序，程序從此入口 public static void main(String[] args) { System.out.println("Hello,World!"); // 向控制臺打印一條語句 }}

支持以下語言種類：

bashclojure，cpp，cs，cssdart，dockerfile, differlanggo，gradle，groovyhaskelljava，javascript，json，juliakotlinlisp，luamakefile，markdown，matlabobjectivecperl，php，pythonr，ruby，rustscala，shell，sql，swifttex，typescriptverilog，vhdlxmlyaml

如果想要更換代碼主題，可在上方挑選，不支持代碼主題自定義。

其中微信代碼主題與微信官方一致，有以下注意事項：

• 帶行號且不換行，代碼大小與官方一致
• 需要在代碼塊處標志語言，否則無法高亮
• 粘貼到公眾號后，用鼠標點代碼塊內外一次，完成高亮

diff 不能同時和其他語言的高亮同時顯示，且需要調整代碼主題為微信代碼主題以外的代碼主題才能看到 diff 效果，使用效果如下:

+ 新增項- 刪除項

其他主題不帶行號，可自定義是否換行，代碼大小與當前編輯器一致

4.3 數學公式

支持平臺：微信公眾號、知乎。

”

行內公式使用方法，比如這個化學公式：

塊公式使用方法如下：

矩陣：

公式由于微信不支持，目前的解決方案是轉成 svg 放到微信中，無需調整，矢量不失真。

目前測試如果公式量過大，在 Chrome 下會存在粘貼后無響應，但是在 Firefox 中始終能夠成功。

4.4 TOC

支持平臺：微信公眾號、知乎。

”

TOC 全稱為 Table of Content，列出全部標題。由于示例標題過多，需要使用將下方代碼段去除即可。

[TOC]

由于微信只支持到二級列表，本工具僅支持二級標題和三級標題的顯示。

4.5 注音符號

支持平臺：微信公眾號。

”

支持注音符號，用法如下：

Markdown Nice 這么好用，簡直是喜大普奔hē hē hē hē呀！

4.6 橫屏滑動幻燈片

支持平臺：微信公眾號。

”

通過這種語法設置橫屏滑動滑動片，具體用法如下：

<<< 左右滑動見更多 >>>

5 其他語法

5.1 HTML

支持原生 HTML 語法，請寫內聯樣式，如下：

橙色居右橙色居中

5.2 UML

不支持，推薦使用開源工具https://draw.io/制作后再導入圖片

5.3 更多文檔

更多文檔請參考 markdown-nice-docs^[4]

參考資料

[1]

加粗 Issue: https://github.com/markdown-it/markdown-it/issues/410

[2]

Front-end web development: https://en.wikipedia.org/wiki/Front-end_web_development

[3]

什么是全棧工程師: 是指掌握多種技能，并能利用多種技能獨立完成產品的人。

[4]

更多文檔: https://preview.mdnice.com/articles/

--- ? end ? ---

三年輿情產品運營

經驗的滬漂貓奴

Derr1ckChan

總結

以上是生活随笔為你收集整理的markdown如何设置图片大小_不会吧，还不会用markdown排版吗的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。