創(chuàng)作立場聲明：本文首發(fā)于什么值得買。使用經(jīng)驗分享，希望能對你有所幫助，有問題歡迎指正，期待深入交流~~ 寫在前面還在為排版而痛不欲生？ 還在一個一個的添加標題？ 還在一張一張的給文章配圖？ 是不是寫文章都沒有欲望了？ 上篇文章寫的是 Markdown 語言和 Markdown here渲染，也就是已經(jīng)有一篇文章之后如何實現(xiàn)最終效果。這些是不錯的一些渲染效果，供大家選擇。 本文書接上回，接著解決下面這些問題：
本文重點講的軟件就是Typora，神一樣的軟件，沒有之一。 Typora是一款支持實時預覽的 Markdown 文本編輯器，簡單來說就是富文本編輯和markdown語言都可以。有 OS X、Windows、Linux 三個平臺的版本，是完全免費的A truly minimal markdown editor。Typora官方下載 1.像word一樣書寫Markdown首先，選用這款編輯器最大的原因是人性化，用著超級舒服。 其次，操作方便，就是不會markdown語言也能按照word的方式進行書寫。 一般 Markdown 編輯器界面都是兩個窗口，左邊是 Markdown 源碼，右邊是效果預覽。有時一邊寫源碼，一邊看效果，割裂感很強。 Typora將預覽框和編輯框整合在一起，在同一個界面 可以實時的看到渲染效果，所見即所得。 比如下面這個圖默認模式下，是顯示富文本模式的，就是渲染后的效果。
也可以查看源代碼模式：
會自動識別為預覽模式，可以看到實際渲染的效果。 也就是說一次編輯可以同時得到markdown語言的文本和富文本模式的文本。 很多朋友好奇了，雖然是富文本格式但是看不到富文本編輯器的工具欄，大部分常用的設置，通過右鍵設置。
全部的功能在上方的『段落』和『格式』選項內(nèi)設置，為何不設置工具欄的原因是，很多快捷操作可以通過鍵盤來實現(xiàn)。下面看下如何通過快捷鍵來設置格式。
2.快速設置格式①標題設置標題在Markdown內(nèi)是通過#+空格，來控制的，#+空格是一級標題，##+空格是二級標題，以此類推，Markdown下增加標題，可以通過輸入實現(xiàn)，也可以通過快捷鍵設置。 用過很多markdown編輯器，Typora通過快捷鍵設置標題這一手，是最漂亮，效率最高的。選中文字，ctrl+數(shù)字可以實現(xiàn)標題快速設置。
注意敲重點： 張大媽的目錄中的一級標題對應的是Markdown語言中的二級標題，只有二級標題能在值得買平臺文章的目錄中顯示，所以在碼文的時候直接從二級標題開始設置。
②其他格式我們原來在使用word時候記住的快捷鍵仍然是通用的，比如：
重點來了：ctrl+K 超鏈接設置，這個快捷鍵超級方便的，在碼文的時候經(jīng)常需要設置超鏈接，或者取消超鏈接，都是通過這個組合鍵來實現(xiàn)，選中超鏈接或者把光標放到超鏈接上，按下ctrl+K 超鏈接取消。 設置超鏈接，復制網(wǎng)址之后，回到Typora內(nèi)選中文字，然后同時按下ctrl+K，就會自動設置好超鏈接。 3.拖拽上傳圖片圖片排版最痛苦的就是上傳圖片了。各個自媒體平臺的編輯器至今仍然是富文本編輯器，雖然是可視化操作，但是效率不高，尤其是插入圖片功能就顯得有點麻煩了。 插入圖片，需要打開插入功能，選擇圖片，然后上傳。經(jīng)常寫一篇文章要插入幾十張照片，甚至上百張，一個動作要反復重復，并且容易打斷思路。
這里懶得錄屏了，就找個官方的圖片感受下效果：
上面兩個方法，插入圖片，只是把圖片插入到文章，但是圖片還是在本地，沒有上傳到圖床，如果平時自己寫點小文章，總結(jié)，可以使用 在『文件』——『偏好設置』——『圖像』，可以設置圖像保存的地址，如果本地應用，只要設置把文章圖片統(tǒng)一放到一個文件夾就OK了。，如果想在平臺發(fā)布，還需要上傳到圖床。這部分放到圖床配置那里再說。
4.添加表格富文本編輯框下，是一般是無法添加表格的，利用markdown語言可以實現(xiàn)表格的效果，尤其是寫作清單類的文章，需要添加鏈接，加入表格可以使文章可讀性更高。 右擊——『插入表格』，彈出表格插入對話框，和word使用方法差不多，設置幾行幾列。
在表格上右擊，選擇表格就可以進行基本設置了。輸入內(nèi)容和word相似。
5.大綱視圖此功能也是很方便的一個功能，可以隨著寫作隨時查看文章結(jié)構(gòu)。 一二三級標題都可以看到，可以及時調(diào)整文章目錄和寫作思路。 遺憾的是不能像word一樣拖動大綱調(diào)整文字順序，不過可以快速定位和查看文檔結(jié)構(gòu)就夠用了。
6.自定義主題主題模式是可以直接下載（官方地址）和自定義的。這個主題相當于皮膚的功能，在這里寫完的只是Markdown純代碼文本，配合上篇文章里用Markdown here 做CSS渲染之后才可以產(chǎn)生想要的效果。
①安裝主題主題文件夾可以在文件——偏好設置內(nèi)——外觀內(nèi)設置打開。
在主題地址]下載主題之后，解壓然后復制到主題文件夾即可。沒有任何難度。
安裝完成后，在主題工具欄，就可以隨意切換了。
②自定義主題為了方便的觀看，將來產(chǎn)生的效果，建議大家把自己將要渲染的效果，做成主題效果，這樣可以隨時觀看到自己文章的最終效果。 把上文中的markdown here css代碼放到TXT文件中，然后修改后綴名為.css，然后復制到這個文件夾中就可以使用了。想用什么視圖格式可以自己進行調(diào)校。也可以借助這種方式，對調(diào)校的CSS代碼進行初步效果驗證。
主題如果未顯示在主題菜單欄中，或者選擇后未更新主題。原因可能是.CSS文件名包含大寫字符或空格。請更改為小寫 + 連字符，例如my-typora-theme.css。 敲重點：修改現(xiàn)有主題（修改前一定記得備份，世上沒有后悔藥，搞壞了，得重新折騰） 簡而言之，如果主題是自己創(chuàng)建的，則可以直接對其進行修改。前面講過后綴名字改成了.CSS，依然可以用txt打開進行修改，修改的方法和CC渲染代碼是一樣的，代碼的效果的解讀參照上一篇。
可以在這里對段落、字體大小間距，段距、段落方式進行修改
這里可以修改標題的格式，以匹配自己的寫作和閱讀習慣。
如果主題是 Typora 內(nèi)置的，或者是從網(wǎng)站下載的，如果要修改，建議最好在附件上修改，然后再重命名一個文件，當打字錯誤或主題文件更新時，這些文件將不會被覆蓋。可以將修改內(nèi)容放入：
7.安裝Pandoc導入導出文件導入文件就比較簡單了，可以通過導入，快速生成文章，也可以通過復制粘貼來實現(xiàn)，這個就不多多說了。 平常寫完之后是可以導出pdf和html格式，但是要導出某docx，odt，rtf，epub，LaTeX和Wiki就需要安裝Pandoc支持。安裝Pandoc之后，您可以通過從菜單欄中單擊“文件”->“導入”來導入支持的文件類型，或者直接將文件拖放到Typora中。 Pandoc支持導入的文件有下面這些類型：
最重用的類型就是.docx；.HTML；.pdf；.epub。
epub：是電子書格式，是不是忽然發(fā)現(xiàn)，竟然還可以通過typora制作電子書，然后導入kindle閱讀。
安裝方法：在Typora中，某些文件格式（包括docx，odt，rtf，epub，LaTeX和Wiki）的導入和導出功能由名為Pandoc的第三方軟件提供支持。這些功能需要安裝Pandoc（≥v1.16）。Pandoc的安裝是可選的，如果不需要Typora中的高級導入/導出支持，則不必在計算機上安裝Pandoc。安裝和使用Pandoc參考方法
五、圖床配置先把各圖床配置代碼使用的名稱放到這里，下面使用命令行上傳圖片的時候會用到。
擬實現(xiàn)的效果： 上面講過了拖拽插入圖片，但是圖片是存在本地的，無法被平臺富文本編輯器讀取。下面這樣，插入的圖片保存在本地：
復制上面的文章到張大媽的富文本編輯框，發(fā)現(xiàn)圖片沒有被上傳，也就是說圖片存在本地，張大媽的編輯框是無法拉取圖片到張大媽的服務器的。
我們開啟上傳圖片功能：
圖片的鏈接變成了網(wǎng)絡圖片：
再復制粘貼到張大媽文本框，就可以看到正在拉取圖片：
圖片拉取成功，且自動上傳到平臺了。
簡單解釋下圖床圖床就是一個第三方存儲圖片的地方，借助 typora圖床功能，我們可以實現(xiàn)將圖片拖拽或者粘貼到文章中，可以直接返回圖片的URL，并且自動生成markdown格式文本，這樣就大大簡化了圖片的上傳和設置。 常用的圖床有七牛云、SM.MS、騰訊云、阿里云等等。七牛云和SM.MS。 typora配置前準備1.確保 typora 的版本在 0.9.86 以上，這個版本開始增加了圖片同步返回功能。
從下圖看看出，當插入圖片我們選擇上傳功能后，上傳服務設定出現(xiàn)了PigGo-Core（command line）、PigGo（app）和Custom command三種上傳模式。 上次有一期文章文章講到過了如何使用PigGo-Core（command line）上傳，很多小伙伴對這個代碼設置，使用起來感覺比較繁瑣。這一期在回顧命令行上傳的同時，補上PigGo（app）上傳設置。 PigGo（app）支持如下圖床：
PigGo（app）上傳就十分簡單了，采用可視化設置，配置很簡單，使用很方便。 1.首先安裝PicGo軟件
下載軟件，也可以去PicGo官網(wǎng)可以去了解下基本功能，打開PicGo下載地址下載軟件，雖然tpora內(nèi)置了picgo下載，建議還是下載一個獨立版本。
下載下來，安裝：
無腦點擊安裝前，記住這個安裝地址：
配置路徑：打開typora的偏好設置，選擇上傳圖片。 對網(wǎng)絡位置的圖片應用上述規(guī)則，這里不要勾選，因為我們后面會把圖片傳到張大媽服務器后，再復制回來進行二次排版，勾選這個功能，會把張大媽服務器的圖片再次傳到圖床里面。 選擇PigGo（app）：
然后配置路徑，點邊上黑色的小文件夾選項，在電腦里找到剛才安裝的位置，選擇picgo程序就可以啦。
到這里Typora的配置暫告一個段落，進入PicGO內(nèi)部配置。 配置PicGo打開PicGo，圖床選擇七牛圖床，可以看到要這些參數(shù)，帶著這些問題進行下一步：
2.七牛圖床配置①七牛云優(yōu)點七牛云存儲，是需要一定門檻的，就是需要有自己的域名，現(xiàn)在申請一個域名也是比較簡單的，七牛云是不提供域名的，且要求必須綁定域名才可以使用，為了碼文的方便快捷，注冊一個域名還是很有必要的。 值得買平臺上經(jīng)常有大神科普免費得域名的方法，搞個垃圾的域名，能用就可以了，要求不高。 七牛云是性價比最高的，認證用戶十每個月10G免費存儲空間，下載流量10G，用于碼文的過程中過渡一下當圖床，足夠用了，如果這個不夠用了，再注冊一個七牛云賬戶用就好了。
關于存儲空間方面10G也是夠用的，七牛云的照片經(jīng)過七牛云的瘦身只有幾百kB，圖片瘦身費用也是比較劃算的，一千次一毛錢，隨便往里面存入幾塊錢就夠用了。
懶得注冊的話，費用也可以接受的，畢竟帶來很多方便，節(jié)省下來的時間和精力多碼幾篇文章就出來了。 標準存儲費用：標準存儲，前10G是免費的，從第二個 10 GB 開始計算費用，10G至 1 TB區(qū)間，價格是0.145元/GB/月，對于圖片來說，100G足夠用了，用到100G也就14.5元/月。
②七牛云的PigGo（App）配置準備工作，注冊七牛云賬號，并實名認證，這個實名驗證非?？?，大概是機器識別做的驗證。訪問鏈接。
點擊首頁的對象管理，新建空間：
這里注意下自己選過的存儲區(qū)域，以及對應的地域簡稱。在配置文件里，存儲區(qū)域?qū)逆I是area，值是下圖所示，比如華東的話就是z0。
在存儲空間里可以看到這些信息，留到下面配置使用：
設定上傳地址是自己綁定的域名，注意要加http://或者https://
域名在綁定時候需要配置域名的 CNAME，具體可以參考這里，如何配置域名的 CNAME 對應的密鑰信息需要到七牛自己的控制臺里找到，鼠標選擇人頭，選擇密鑰管理：
然后在密鑰管理中可以找到AK和SK。AccessKey/SecretKey，復制出來，沒有的話點擊創(chuàng)建一個密鑰。
將上面這些信息填入對應的窗口，點擊確定，并設置為默認圖床：
回到Typora里打開偏好設置——圖像，測試一下，配置成功了，可以直接使用插圖了。
記得打開一個功能：時間戳重命名，上傳圖片久了之后，難免會遇到重名的文件，打開此功能，會自動重命名，避免還需要自己手動改名的情況。
③七牛云的PigGo-Core配置七牛云還有一種配置方式就是PigGo-Core（command line），在Typora里打開偏好設置——圖像——選擇PigGo-Core（command line），打開配置文件。
把下面這段代碼復制到配置文件內(nèi)，我們對照參數(shù)開始配置：
在配置文件里，存儲區(qū)域?qū)逆I是area，比如華東的話就是z0，華北z1，華南z2，北美na0，東南亞as0。
點開 typora，驗證圖片上傳功能。當看到下面的頁面的時候，就已經(jīng)配置成功了。可以直接拖拽照片直接插入了。
Typora在插入時自動上傳圖像（包括從菜單，觸摸欄，通過復制和粘貼或拖放插入圖像），要啟用此功能，請在“插入時…”下選擇“上傳圖像”。
小結(jié)：整個流程下來七牛云兩種配置方式就介紹完了，PigGo-Core（command line）和PigGo（App）配置兩者的區(qū)別是，前一種不需要保持開啟PigGo，因為采用代碼配置可能比較麻煩容易失敗。后一種配置方式需要保持開啟PigGo，配置簡單。 2.圖床配置①的PigGo(App)配置圖床也是使用比較多的圖床。免費的還算良心，5G的自由存儲空間，每個文件最大5 MB，每分鐘最多上傳20張，每小時限制100，每天限制200張上傳量，每周限制500張，勉強夠用。 好處是不需要個人域名，這樣用起來算是門檻比較低了。對于碼文來說勉強夠用，如果存儲量快滿了，就要及時清理。
配置比較簡單，只要修改一個API密鑰就可以了：密鑰后臺
只要將API密鑰復制過來就可以使用了，設置成默認圖床，typora就可以自動切換了，所以每次都要在PigGo里設置默認圖床，typora才會切換。
插入圖片之后看到自動返回了了網(wǎng)頁地址，并轉(zhuǎn)譯成了markdown語言。
在圖床后臺也看到了剛才我們插入的圖片。
②的PigGo-Core配置還是參照上面七牛圖床的配置方法，在配置文件里面將”token”替換掉就可以了。
測試完成
3.騰訊云配置①騰訊云的PigGo（App）配置騰訊云不需要個人域名就可以使用的，一般的配置需要下面這些參數(shù)值：
在API密鑰管理按照對應的提示找到自己的SecretId、SecretKey、APPID，登錄騰訊云控制臺，打開密鑰管理，就可以看到了，復制出來。
在存儲桶列表可以找到存儲的空間名和所屬區(qū)域，比如這個屬于南京，ap-nanjing
在配置頁面輸入這些信息就可以了：
驗證一下，圖片上傳成功。
圖片上傳成功了。
可以看到騰訊云服務器里也有了這張圖片。
②騰訊云的PigGo-Core配置騰訊云的PigGo-Core（command line）配置和上面的差不多，打開偏好設置 ，這里更改之前一定要把前面配置好的配置備份。
先把下面的這些代碼復制到配置文件內(nèi)，如果有空白行，可以刪掉
對照上面App設置里面，把對應參數(shù)保存就可以了。
③騰訊云的費用 打開費用地址，看下騰訊云大概的費用：
30G的存儲量15.24元，下面都選擇10夠用的，如果下面用不了這么多可以再精簡。價格還是蠻劃算的，不需要個人域名，每個月多碼一篇文章差不多可以回本了，帶來的好處就是可以擺脫一張一張傳圖了。
4.aliyun（阿里云）配置①阿里云的PigGo（App）配置先看下阿里云需要哪里參數(shù)：
支付寶掃碼注冊，直接進入控制臺，首先在阿里云OSS的控制臺里找到你的accessKeyId和accessKeySecret：
進入控制臺，
創(chuàng)建存儲區(qū)域，創(chuàng)建Bucket：
可以看到這個zbfs就是存儲空間名：
確認存儲區(qū)域的代碼：
驗證成功。
上傳測試：
可以看到圖片已經(jīng)上傳上來了。
②阿里云的PigGo-Core配置打開typora的配置文件：
復制下面代碼到上面配置文件里：
對照填寫參數(shù)：
驗證完成，阿里云配置完成。
③阿里云費用對象存儲 OSS 詳細價格信息，阿里云暫時沒有OSS存儲計算器，從價格信息表估算一下使用成本： 10G的流量，使用費用大概在12.72元/月，30G的流量費用在15.12元/月。這個只是作為圖片拉取的費用來說的，如果外網(wǎng)流出量不足5G的話，大概還能節(jié)省2.5元/月，也算是不錯了，一個月十塊錢左右。
5.github配置先先注冊個github
建個倉庫，官方地址。在任何頁面的右上角，使用 下拉菜單選擇 New repository（新建倉庫）
記下你取的倉庫名。
生成一個token，也就是設置訪問令牌，
全選就行了。
①github的PigGo（App）配置
把剛才的這些復制進去。 倉庫名的格式是用戶名/倉庫，比如我創(chuàng)建了一個叫做zbfs的倉庫，在PicGo里我要設定的倉庫名就是用戶名/倉庫名。一般我們選擇main分支即可。然后記得點擊確定以生效，然后可以點擊設為默認圖床來確保上傳的圖床是GitHub。
驗證生效了
②github的PigGo-Core配置復制下面代碼，到配置表，填寫參數(shù)：
測試成功：
上傳成功：
6.Imgur 的相關配置Imgur因為需要設置代理比較麻煩，不具有通用性，換電腦了還需要設置，就不推薦了，圖床的設置也是挺簡單的，感興趣的朋友自己操作下。 ①Imgur 的PigGo（App）配置
②Imgur 的PigGo-Core代碼
六.發(fā)文流程上面看到各個圖床流量還是需要費用的，一定不要發(fā)布文章直接轉(zhuǎn)換帶圖床鏈接的文章，這樣發(fā)出去，會讀取你圖床里的圖片，按流量收費，一篇火爆的文章，圖床流量費用得幾百元，別問怎么知道的。 圖床作為只是用圖床作為一個過渡，這樣文章寫好之后，復制文章到張大媽的編輯器進行內(nèi)容圖片拉取，拉取圖片的這點流量還是不多的。 我們先找一篇已經(jīng)書寫好了的文章，演示下發(fā)文流程: 以這篇寫好的Markdown文章為例，可以看到里面的圖片還都是圖床地址，且沒有添加水?。?/p>
直接ctrl+a全選，復制
到張大媽富文本編輯框內(nèi)粘貼，可以看到值得買的編輯框在拉取圖片了：
拉取完成，可以看到圖片已經(jīng)被上傳了，且被打上了值得嗎logo?，F(xiàn)在看文字是沒有任何格式的。
在Typora新建一個文檔，把張大媽富文本里的圖片復制粘貼回來，圖片已經(jīng)變成了張大媽服務器上的圖片，我們這時候再重新排版，里面的空白行不用管的，在渲染的時候會自動忽略空白行，如果有強迫癥可以順手刪掉。
劃重點：下面中擴號內(nèi)黃色高亮的地方是，發(fā)文后圖片下面的備注名字，里面的img要全部刪掉，或者替換成自己想添加的圖片備注。一般情況下是刪掉的。
直接用ctrl+H替換掉就可以了，在Typora按下ctrl+H，調(diào)出替換對話框，輸入輸入![img]，替換為![]。 這樣所有圖片的備注就完全被替換掉了，如果想單獨給圖片添加備注，直接在中括號內(nèi)輸入備注信息就可以了。
完成排版之后，可以再大綱里面看到文章的目錄，這個目錄渲染后會被值得買識別，變成文章目錄。前面講過了，值得買平臺識別的目錄從二級目錄開始，我們設置的目錄也要從二級目錄開始。
切換到代碼模式，復制代碼：
再到張大媽富文本編輯器內(nèi)粘貼：
右擊選擇Markdown轉(zhuǎn)換：
轉(zhuǎn)換完成。
然后把商品插入成卡片就可以了
七.文章同步正常情況下，文章保存在這里的。
也可以自定義文件夾。
要是想實現(xiàn)同步功能，只要把兩個文件夾同步就行了，上面我們說到過，一個是主題文件夾，一個是文章存儲文件，這樣就可以再不同設備實現(xiàn)碼字的無縫銜接了。
下面是調(diào)教過的CSS渲染代買，可以根據(jù)上篇自行設置格式，直接用也可以。
總結(jié)好了，到此，這就是本文的全部內(nèi)容了！整整測試了兩天時間， 如果您覺得文章寫的還不錯的話，點贊、收藏、評論一條龍！ 感謝大家的觀看，我們下次再見！ 往期熱文推薦 |
|
|
