1. 程式人生 > 其它 >從CSDN把部落格遷移到微信公眾號的方法

從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. 有序列表 1
    2. 有序列表 2
    3. 有序列表 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版本更新記錄


    我是頁內跳轉到的位置


    1. 註腳跳轉位置
      111 ↩︎ ↩︎