|
版權(quán)聲明 Markdown Here 是個(gè)瀏覽器插件（Chrome/Firefox/Safari）,，可以將瀏覽器中編輯器里的 Markdown 文本轉(zhuǎn)換成渲染過(guò)后的 HTML,。又由于它能自定義 CSS，于是,，對(duì)我這種平時(shí)大量使用 Markdown 格式寫(xiě)作的人來(lái)說(shuō)實(shí)在是一大福音 —— 可惜我剛剛才知道還有這么個(gè)瀏覽器插件…… 要不是有人在新生大學(xué)的 APP 里提起這事兒,，我還不知道啥時(shí)候能知道呢。 知道了就好,，于是,，我的微信公共賬號(hào)的排版就“煥然一新”了…… 0. 操作流程
1. 關(guān)于 Markdown 編輯器我試過(guò)很多專(zhuān)門(mén)的 Markdown 編輯器,，付費(fèi)的也買(mǎi)了一大堆,，最終發(fā)現(xiàn)實(shí)際上最好的 Markdown 編輯器是 Sublimetext/Atom 之類(lèi)的程序編輯器，有一些功能沒(méi)它們還真不行,，比如多行同時(shí)編輯?，F(xiàn)在我習(xí)慣使用的是 Atom，也安裝了一些與 Markdown 相關(guān)的插件：
另外一個(gè)跟 Markdown 沒(méi)關(guān)系,，但絕對(duì)有用的插件是 atom-smart-template,，可以定制一些寫(xiě)作模板…… 比如，我的微信公共賬號(hào)文章開(kāi)頭都有版權(quán)聲明,，放到模板里,，以后就不用費(fèi)勁拷貝了…… 關(guān)于 Atom 的教程，可以先去看看這篇文章,，其實(shí)前后還有幾篇文章,，任何人都可以瞬間變成“PRO”，直至最終變成“GURU”： 2. 關(guān)于中文排版關(guān)于中文排版,，我在網(wǎng)上看了幾篇教程,，總結(jié)后來(lái)發(fā)現(xiàn)重點(diǎn)只有三個(gè)：
至于選擇哪一種字體,，其實(shí)并不是關(guān)鍵，因?yàn)閷?duì)字體來(lái)說(shuō),，最重要的其實(shí)是“通用” —— 即便是你設(shè)置好了你喜歡的字體,，先不說(shuō)那是不是你自己的偏好，更重要的是,，若是讀者的設(shè)備上沒(méi)有那個(gè)字體,，那你就等于是白折騰了…… 所以，字體,，就暫時(shí)放在一邊罷,，因?yàn)樘O(píng)果手機(jī)上默認(rèn)的字體就挺好的。手機(jī)上像素不少,，可屏幕相對(duì)還是很小,，所以，中文字體若是不設(shè)置行間距和字間距的話(huà),，其實(shí)讀起來(lái)就很費(fèi)勁，另外我比較偏好稍微大一點(diǎn)的字體尺寸： .markdown-here-wrapper { font-size: 16px; line-height: 1.8em; letter-spacing: 0.1em;}3. 關(guān)于配色在不能自定義之前,，我只能是在微信公共賬號(hào)編輯器里指定的字體顏色里選擇,，結(jié)果就是反正很難看…… 至于選什么顏色，找個(gè)人家已經(jīng)配好的就是了（尤其是像我這樣對(duì)顏色分辨感覺(jué)不佳的人）…… 于是,，我就用了 Google Material Design 的 Color Scheme： 比如,，我在設(shè)置“加重”和“傾斜”樣式的時(shí)候，就是用這里面找到的顏色定義的： strong, b{ color: #BF360C;}em, i { color: #009688;}4. 關(guān)于表格在網(wǎng)頁(yè)內(nèi)的編輯器里書(shū)寫(xiě)表格很容易讓人崩潰（不只是瀏覽器崩潰）…… 用 Markdown 就解脫了…… 而且 Atom 之類(lèi)的編輯器里面有很多插件可以幫你迅速創(chuàng)建表格： 中文排版 | 要素描述 --------- | ----------------------字體大小 | 16px 大一點(diǎn)更舒服行間距 | 1.8em 是個(gè)比較好的選擇 字間距 | 0.1em 已經(jīng)約等于 2px 了會(huì)顯示為：
也可以在自定義 CSS 中將整個(gè)表格居中顯示： table { ... margin: 0 auto;}5. 自定義 CSS 需要注意的地方有時(shí)候在自定義 CSS 里的設(shè)置不起作用的話(huà),，試試在后面補(bǔ)上 h2 { font-size: 20px !important;}6. 代碼高亮算了吧…… 微信公共賬號(hào)對(duì)這事兒不感冒，就別折騰了,。 7. 我的 StyleSheet我它放在在這里了（文末的“原文鏈接”指向這里）： 嗯,，就這樣罷。 |
|
|
來(lái)自： 霸王龍勇士 > 《待分類(lèi)》
