作者：忙裡偷閒讀讀書

大家肯定好奇過，為什麼社群裡有的大佬寫的文章能夠讓文字變色，讓標題有底色。然後就好奇的在社群中搜索一下，之後就發現了下邊這些文章 。

然後發現，啊看不懂啊啊啊啊啊， 能不能來點簡單的。

哈哈，我也一樣。 今天暫且不把自己的學習體會同大家分享，也不深究如何最佳化投稿的CSS樣式。

今天只學一點，

如何讓社群投稿的文字變色

，這邊教兩種方法

第一種方法：和大佬一樣利用Markdown語法實現

首先是必要的CSS樣式轉換外掛是 Markdown here ，目前官網是訪問不了，不過可以去第三方網站下一個

這邊是我下載的地址，裡面有安裝教程，在開發者模式安裝即可：

安裝好之後，在瀏覽器的右上方會出現一個類似米家的標誌。

右鍵這個圖示，點選“選項”，可以進入編輯介面。

簡單的方法，一是尋找現成的CSS樣式複製到“基本渲染CSS”位置（上面青峰King大佬的文章中有分享），對於需要變色的文字新增加粗標記

（在文字的前後加上兩個星號）

。

稍微麻煩點，或者說只想讓文字變色，只需要在基本樣式中輸入strong { color：#ff0000； }即可，顏色可以根據自己需求替換。同樣對於需要變色的文字新增加粗標記。

然後點選米家的標記進行渲染即可。

第二種方法：直接使用HTML語言

因為，Markdown中是支援插入原生的HTML程式碼的。所以我們只要在前後用font做好標記，

具體如下面截圖所示，如果對顏色不滿意，可以自行去找擇十六進位制的顏色

輸入完後，同樣使用MarkdownHere外掛進行渲染，顏色就變化了。這邊引用下大佬的gif。

注意事項：

1、因為和編輯器系統本身的編輯器有一定衝突，建議等渲染完成後，再進行插入圖片、連結、商品的操作，否者可能出現亂碼。

2、儘量不要渲染完成再轉換回去，有的時候會出現排版混亂的情況。

3、今天這邊的乾貨很少，建議還是好好拜讀下大佬的文章。Markdown語言的CSS美化，在值得買、微信公眾號、簡書、小紅書以及各大筆記平臺都能夠使用，還是值得掌握的一門技術（關鍵是簡單）。