簡書中markdown改變字體顏色及字體居中效果的實現

用簡書的markdown寫文章也有一段時間了,最近有人問道如何更改簡書中字體的顏色。
很不幸的是簡書的markdown中不能想CSDN中那樣使用html語言格式,所以

<table><tr><td bgcolor=skyblue>背景色skyblue</td></tr></table>

像這樣的語法在簡書中是不能用的,所以有時候并不能給我們很好的體驗,不能幫助我們隨心所欲的排版。

經過測試,字體的顏色我們是可以修改的

來分享幾種使用方法吧?。。?/em>

`我是一段測試文字  hello world`

效果
我是一段測試文字 hello world

``我是一段測試文字  hello world``

效果
我是一段測試文字 hello world
可以看出使用 ` 和 ``的效果很一樣,實現后字體顏色確實變了,但不能更改字體的顏色(只能是這種顏色)。

而另外一種設置字體顏色的方式是這樣的

$\color{red}{我是紅色}$

效果

image.png

想看顏色對照表的請進這里RGB顏色對照表

如果你想用它實現字體背景顏色的修改

$\background-color{#0099ff}{標題改變顏色}$ 
或
$\background{#0099ff}{標題改變顏色}$ 

效果將會是這樣的

image.png

對,就是不支持。
寫到這里可能已經有小伙伴要問了,既然兩種方式都能實現改變字體顏色,起到強調醒目的作用,他們有什么區別呢?

方法1可以復制文字,但只能是紅色,方法2可以讓字體顏色多樣,但如果你足夠細心,你會發現上面的文字已經變成了圖片。
通過F12,我們可以很清晰的看到,當我們使用方法2的時候,簡書會發送這樣的一個GET請求來處理我們$$中包含的內容。

image.png

返回部分是svg格式的xml,以矢量圖的方式展現給我們
image.png

我們將這個URL拿出去單獨發,會得到更加明顯的效果。
image.png

已經寫到這里了,我們就來好好的試一下這樣的一個GET請求到底能給到我們什么樣的處理結果。

$hello\ world\ 試試中文$

效果:


image.png
$$我要居中$$

效果:


image.png

試著試著,無意中發現了上文中說的不能劇中的問題。

那就繼續嘗試吧

$$\sum_{i=1}^{n}i=\frac{n(n+1)}{2}$$

$$a^{2 \atop {3 \substack 4}}+b^2=c^2$$

效果:

image.png

數學公式效果。
到這里,我也就不賣關子了,通過上邊語法簡書給我的Tex parse error錯誤,我查到了LaTeX語法,其實這個請求就是處理LaTex語法的,點擊這里了解更多LaTeX快速入門:一文淺談TeX排版語法。
至于具體什么邏輯,我試了一下,有些能用,有些不能用。

好了,今天對于簡書的嘗試就到這里了,字體顏色看個人情況使用吧,我想用的更多的居中的效果(如下)。

作者:叫子非魚啊
鏈接:http://www.lxweimin.com/p/6b717986cfca
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容