從CSDN把部落格遷移到微信公眾號的方法
微信公眾號:顏家大少
關注可瞭解更多的教程及排版技巧。問題或建議,請公眾號留言;
如果你覺得Md2All對你有幫助,歡迎讚賞[^1]
內容目錄(由 目錄
目錄關於網站訪問慢的問題
有時網站的訪問不穩定,可分別嘗試不同的伺服器
伺服器1,http://md.aclickall.com
伺服器2,http://md2.aclickall.com
Md2All 簡介
Markdown排版利器,支援 "一鍵排版" 、自定義css、80多種程式碼高亮。
能讓Markdown內容,無需作任何調整就能一鍵複製到微信公眾號、部落格園、掘金、知乎、csdn、51cto、wordpress、hexo。。。等平臺。
支援把圖片自動上傳到雲圖床;
支援Latex數學公式在公眾號等平臺完美顯示;
支援生成帶樣式的html檔案;
甚至支援直接用原生的html,css排版。
詳細教程
Md2All詳細教程,請參考:https://www.cnblogs.com/garyyan/p/8329343.html
對公眾號、部落格的優化
支援程式碼塊,並解決常見的程式碼塊換行不正確,特別是iPone、iPad上不能滾動的問題;
解決把內容貼上到公眾號時,圖片、或樣式丟失的問題;
支援直接把頁面"複製"到 "CSDN" 和 "部落格園" 中,所有的樣式保持一致。
請參考此博文:http://blog.csdn.net/gary_yan/article/details/78645303
支援直接把頁面"複製"到 "掘金" 中:
請參考此博文: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,如下:
function DisplayWindowSize(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
}
如果所有的"程式碼主題"都不符合你的要求,你可以參考"一鍵排版"下的"程式碼塊樣式"自定義自己喜歡的程式碼高亮
圖片顯示
下面的是我的公眾號二維碼圖片,歡迎關注。
注:markdown對圖片連結的語法是:![]()
,如:![這裡寫圖片描述](http://img.blog.csdn.net/20171012163602706)
,
可直接把網路圖片地址新增到markdown中,
預設為圖片居中,如果想居左時,請開啟"一鍵排版"下的css樣式中的img{margin:0 0;}
,[這裡寫圖片描述]
中對圖片的描述內容會自動生成在圖片的底部,對應樣式figcaption{}
雲圖床功能
Md2All支援雲圖床,設定好雲圖床後,能把本地圖片自動上傳到雲圖床,並自動生成markdown.
請參考雲圖床教程:https://www.cnblogs.com/garyyan/p/9181809.html
Latex數學公式(能正確複製到公眾號等平臺):
“複製”時會自動把Latex數學公式轉換為圖片,並自動上傳到雲圖床(如果在“圖片”設定了“...,自動上傳到雲圖床”)。
請參考:Md2All,讓公眾號完美顯示Latex數學公式
行內公式:\(...\)
是的,我就是行內公式:\(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
針對“知乎”的解決方法
知乎是一個比較神奇的網站,會把你的所有的樣式恢復為預設的,並圖片一定是居中的,也不能直接複製本地的圖片。
所以你如果想要在知乎上正常顯示:
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鍵盤左上角那個,
強調
我是強調
斜體
試試斜體
強調的斜體
試試強調的斜體
刪除
試試 刪除
外鏈的超連結
試試外鏈的超連結:我是外鏈的超連結,markdown對連結的語法為:[]()
,如:[我是外鏈的超連結](http://blog.csdn.net/gary_yan/article/details/78645303)
頁內的超連結
試試頁內的超連結:我是頁內的超連結,注:你先要在要跳轉的到地方放置一個類似:<a id="jump_1">任意內容</a>
的錨點。由id="jump_1"
來匹配。
有序列表
- 有序列表 1
- 有序列表 2
- 有序列表 3
無序列表
- 無序列表 1
- 無序列表 2
- 無序列表 3
引用塊
只需要在前面加 >
,如下:
我是引用塊
微信公眾號:顏家大少
歡迎關注我,一起學習,一起進步!
分隔線
Markdown擴充套件語法
表格
班級 | 男生 | 女生 |
---|---|---|
一(7)班 | 30 | 25 |
一(8)班 | 25 | 30 |
注:表格在公眾號預覽時,可能在PC端顯示的不是正確的全屏,但在手機上預覽時就會正常顯示為全屏的了。
任務列表
註腳
我是註腳[1]。點點就能知到我跳到了那兒。
或跳到放置:<a id="footnote-10">任意內容</a>
的地方,[1:1] 對應id="footnote-10"
TOC
看內容目錄就是用[toc]
生成的
注:只要放置:[TOC]
,就能把其後面的標題如:#,##,...######
自動生成目錄樹,注意,[TOC]
要獨立一行,並前面和後面都要空一行
直接支援html,css
如果你懂html和css,那下面這些效果就不在話下了:
來個頁內跳轉,跳轉到文未的:<a id="jump_1">我是頁內跳轉到的位置</a>
,對應:id="jump_1"
先給點顏色你看看
再給點顏色你看看
試試改變字型大小
改變字型大小,再來個粗體又如何?
試試內容居中
那內容居右呢?
來個綜合的試試
第二行
請參考"一鍵排版"中的"標題首字突出"樣式的提示修改,可把此標題首字突出:
1試試首字突出
注:理論上Md2All是支援所有標準的html和css,但問題是公眾號很多都不支援,所以上面只演示了部分支援的。
讚賞Md2All
如果你覺得到Md2All對你有幫助,歡迎讚賞,有你的支援,Md2All一定會越來越好!
版本更新記錄
版本號:V2.8.4
更新日期:2019-06-13
1:解決在iphone手機上程式碼不能橫向滾動的問題
版本號: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版本更新記錄