公眾號釋出程式碼最好的工具markdown語法
>微信公眾號：**[顏家大少](#jump_10)**
關注可瞭解更多的教程及排版技巧。問題或建議，請公眾號留言;
**[如果你覺得Md2All對你有幫助，歡迎讚賞](#jump_20)[^1]**
###內容目錄（由[TOC]自動生成）
[TOC]
###Md2All 簡介
Markdown排版利器，支援 **"一鍵排版"** 、自定義css、80多種程式碼高亮。
能讓Markdown內容，無需作任何調整就能**一鍵複製**到微信公眾號、部落格園、掘金、知乎、csdn、51cto、wordpress、hexo。。。等平臺。
支援把圖片自動上傳到雲圖床;
支援Latex數學公式在公眾號等平臺完美顯示;
支援生成帶樣式的html檔案;
甚至支援直接用原生的html,css排版。
####詳細教程
[Md2All詳細教程,請參考：https://www.cnblogs.com/garyyan/p/8329343.html](https://www.cnblogs.com/garyyan/p/8329343.html )
####對公眾號、部落格的優化
支援程式碼塊，並解決常見的程式碼塊換行不正確,特別是iPone、iPad上不能滾動的問題;
解決把內容貼上到公眾號時，圖片、或樣式丟失的問題;
支援直接把頁面"複製"到 "CSDN" 和 "部落格園" 中，所有的樣式保持一致。
[請參考此博文：http://blog.csdn.net/gary_yan/article/details/78645303](http://blog.csdn.net/gary_yan/article/details/78645303)
支援直接把頁面"複製"到 "掘金" 中：
[請參考此博文：https://juejin.im/post/5a1bcc6ef265da431f4acb09](https://juejin.im/post/5a1bcc6ef265da431f4acb09)
支援直接把頁面"複製"到 **"知乎"** 、51CTO、worpress ,hex......中。
###程式碼塊顯示效果
注：markdown對程式碼塊的語法是開始和結束行都要新增：\`\`\`,其中 \` 為windows鍵盤左上角那個，如下：
```
public class MyActivity extends AppCompatActivity {
@Override //override the function
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
try {
OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
} catch (IOException e) {
e.printStackTrace();
}
}
```
要精確指定語言（如：`java,cpp,css,xml,javascript,python,php,go,kotlin,lua,objectivec`等等）時，在頭部直接指定，如：\`\`\`javascript，如下：
```javascript
function DisplayWindowSize(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
}
```
如果所有的"程式碼主題"都不符合你的要求，你可以參考"一鍵排版"下的"程式碼塊樣式"自定義自己喜歡的程式碼高亮
<a id="jump_10"></a>
###圖片顯示
下面的是我的公眾號二維碼圖片，歡迎關注。
注：markdown對圖片連結的語法是:`![]()`,如：``,
可直接把網路圖片地址新增到markdown中，
預設為圖片居中，如果想居左時，請開啟"一鍵排版"下的css樣式中的`img{margin:0 0;}`,
`[這裡寫圖片描述]`中對圖片的描述內容會自動生成在圖片的底部，對應樣式`figcaption{}`
###雲圖床功能
Md2All支援雲圖床，設定好雲圖床後，能把本地圖片自動上傳到雲圖床，並自動生成markdown.
[請參考雲圖床教程:https://www.cnblogs.com/garyyan/p/9181809.html](https://www.cnblogs.com/garyyan/p/9181809.html)
###Latex數學公式(能正確複製到公眾號等平臺）:
“複製”時會自動把Latex數學公式轉換為圖片，並自動上傳到雲圖床（如果在“圖片”設定了“...,自動上傳到雲圖床”）。
[請參考：Md2All,讓公眾號完美顯示Latex數學公式](https://www.cnblogs.com/garyyan/p/9228994.html)
####行內公式：$...$
是的，我就是行內公式：$e^{x^2}\neq{e^x}^2$，排得OK嗎？
####塊公式：$$...$$
$$e^{x^2}\neq{e^x}^2$$
來個 *"複雜點"* 的:
$$H(D_2) = -(\frac{2}{4}\ log_2 \frac{2}{4} + \frac{2}{4}\ log_2 \frac{2}{4}) = 1$$
矩陣：
$$
\begin{pmatrix}
1 & a_1 & a_1^2 & \cdots & a_1^n \\
1 & a_2 & a_2^2 & \cdots & a_2^n \\
\vdots & \vdots & \vdots & \ddots & \vdots \\
1 & a_m & a_m^2 & \cdots & a_m^n \\
\end{pmatrix}
$$
對應“一鍵排版”的css樣式關鍵字為：`.katex`
####Latex複製到公眾號等各平臺的特別說明
#####複雜的行內公式（頂部和底部突出很多那種），轉換後，如果顯示不完整，請改為塊公式
有些比較複雜的行內公式,轉換後，可能會出現頂部和底部很突出的部分看不見的情況，把它改成塊公式就OK。
#####公眾號報”圖片貼上失敗“時，配合雲圖床完美解決
如果你發現複製到公眾號時報**”圖片貼上失敗“**，那是因為公眾號有個很奇怪的問題：當複製很小很小的本地圖片時，就可能會報”圖片貼上失敗“，而其它的平臺暫時沒遇到。
解決的辦法是點“圖片”圖示，設定好圖床資訊，並選“...,自動上傳到雲圖床”。
[請參考雲圖床教程:https://www.cnblogs.com/garyyan/p/9181809.html](https://www.cnblogs.com/garyyan/p/9181809.html)
#####針對“知乎”的解決方法
知乎是一個比較神奇的網站，會把你的所有的樣式恢復為預設的，並圖片一定是居中的，也不能直接複製本地的圖片。
所以你如果想要在知乎上正常顯示：
1:只用塊公式，或你可以接受行內公式在知乎上顯示變成了塊公式;
2:設定雲圖床，參考上面公眾號那樣設定“圖片”->“...,自動上傳到雲圖床”。
###Tips
####自動儲存
請點選左上角"編輯"圖示再開始寫作，這樣就能自動儲存寫作內容，目前，所有儲存的內容都是儲存在本地瀏覽器快取中(local storage)，所以,就算重新開機，這些內容都不會丟失的呵，但為了安全起見，在未實現帳號雲同步功能前，請自行備份重要內容;
####一鍵複製
**一鍵複製** 請點選工具欄的 **複製**，否則會可能出現奇怪的問題。
####一鍵排版
**"一鍵排版"** 支援標準的css,已提供了不少的樣式模板，但因為每個人的喜好不一樣，所以，如果現有的樣式模板不適合你，請盡情地自定義css樣式吧。
就算改錯了也就"恢復預設值"就OK了，所以不用擔心呵。一旦掌握自定義css樣式後，你就會知到它到底有多大的威力了 ^_^;
####新版本對某主題樣式更新時
當你儲存了某排版主題的樣式後，Md2All預設會使用你此主題儲存的樣式，所以，當新版本的Md2All對此主題樣式有更新時，你需要“恢復預設值”才能看得到最新的樣式。“恢復預設值”前，你可能需要備份一下你之前更改過的樣式，否則會被覆蓋掉。所以，我建議你把自己的樣式儲存在“最愛樣式”下。
####瀏覽器相容性問題，建議用Google chrome
本人用Google Chrome 和Firefox 瀏覽器做測試時，沒發現問題，但用Safari時會存在問題。如果你發現有奇怪的問題，建議用Google chrome。
###Markdown基本語法
####標題
支援6種大小的標題，分別對應`#`,`##`,`###`,`####`,`#####`,`######`，和樣式檔案中的`h1,...,h6`如：
#####H5
######H6
####行內程式碼
如：`AppCompatActivity`類,markdown對行內程式碼的語法是前後用：\`,其中 \` 為windows鍵盤左上角那個,
####強調
**我是強調**
####斜體
試試*斜體*
####強調的斜體
試試***強調的斜體***
####刪除
試試 ~~刪除~~
####外鏈的超連結
試試外鏈的超連結：[我是外鏈的超連結](http://blog.csdn.net/gary_yan/article/details/78645303),markdown對連結的語法為：`[]()`,如：`[我是外鏈的超連結](http://blog.csdn.net/gary_yan/article/details/78645303)`
####頁內的超連結
試試頁內的超連結：[我是頁內的超連結](#jump_1)，注：你先要在要跳轉的到地方放置一個類似：`<a id="jump_1">任意內容</a>`的錨點。由`id="jump_1" `來匹配。
####有序列表
1. 有序列表 1
2. 有序列表 2
3. 有序列表 3
####無序列表
- 無序列表 1
- 無序列表 2
- 無序列表 3
####引用塊
只需要在前面加 `>`,如下:
>我是引用塊
微信公眾號：顏家大少
歡迎關注我，一起學習，一起進步!
####分隔線
***
###Markdown擴充套件語法
####表格
| 班級 | 男生 | 女生 |
|-----|-----|------|
| 一(7)班 | 30 | 25 |
| 一(8)班 | 25 | 30 |
注：表格在公眾號預覽時，可能在PC端顯示的不是正確的全屏，但在手機上預覽時就會正常顯示為全屏的了。
####任務列表
- [x] 任務1，已完成;
- [x] 任務2，已完成;
- [ ] 任務3，未完成;
####註腳
我是註腳[^10]。點點就能知到我跳到了那兒。
或跳到放置：`<a id="footnote-10">任意內容</a>`的地方,[^10] 對應`id="footnote-10"`
####TOC
看內容目錄就是用`[toc]`生成的
注：只要放置:`[TOC]`,就能把其後面的標題如：`#,##,...######`自動生成目錄樹，注意，`[TOC]`要獨立一行，並前面和後面都要空一行
###直接支援html,css
如果你懂html和css，那下面這些效果就不在話下了：
<a href="#jump_1">來個頁內跳轉</a>，跳轉到文未的：`<a id="jump_1">我是頁內跳轉到的位置</a>` ,對應：`id="jump_1"`
<span style="color: #5bdaed; ">先給點顏色你看看</span>
<span style="color: #AE87FA; ">再給點顏色你看看</span>
<span style="font-size:1.3em;">試試改變字型大小</span>
<span style="font-size:1.3em;font-weight: bold;">改變字型大小，再來個粗體又如何？</span>
<p style="text-align:center">
試試內容居中
</p>
<p style="text-align:right">
那內容居右呢？
</p>
<p style="text-align:center;color:#1e819e;font-size:1.3em;font-weight: bold;">
來個綜合的試試
<br/>
第二行
</p>
請參考"一鍵排版"中的"標題首字突出"樣式的提示修改,可把此標題首字突出:
###<span class="firstletter">1</span>試試首字突出
注:理論上Md2All是支援所有標準的html和css，但問題是公眾號很多都不支援，所以上面只演示了部分支援的。
<a id="footnote-1"></a>
<a id="jump_20"></a>
###讚賞Md2All
如果你覺得到Md2All對你有幫助，歡迎讚賞，有你的支援，Md2All一定會越來越好！
###版本更新記錄
***
版本號：V2.8.3
更新日期：2018-07-09
1:增加對以下語言的highlight
dart,r,delphi,vb(vbnet),vbs(vbscript),vbscript-html
版本號：V2.8.2
更新日期：2018-06-28
1:結合雲圖床，解決了Latex公式複製到公眾號時有可能報“圖片貼上失敗的問題”;
2:結合雲圖床，解決了Latex公式複製到知乎的問題;
3:點“圖片”圖示時，在雲圖床設定上新增了：“需要轉換為圖片的內容,會自動上傳到雲圖床”選項
4:在“一鍵排版”的各樣式檔案中更新了Latex的樣式，主要是顯示的大小，你可能需要**“恢復預設值”**才能看到新的樣式.
**更多請參考**：
[Md2All版本更新記錄](https://www.cnblogs.com/garyyan/p/9238405.html)
***
<a id="jump_1">我是頁內跳轉到的位置</a>
[^10]: 註腳跳轉位置
認識你是我們的緣分，同學，等等，學習人工智慧，記得關注我。
微信掃一掃
關注該公眾號
《灣區人工智慧》