簡書中markdown改變字體顏色及字體居中效果的實(shí)現(xiàn)

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

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

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

經(jīng)過測試,字體的顏色我們是可以修改的

來分享幾種使用方法吧?。?!

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

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

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

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

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

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

效果

image.png

想看顏色對照表的請進(jìn)這里RGB顏色對照表

如果你想用它實(shí)現(xiàn)字體背景顏色的修改

$\background-color{#0099ff}{標(biāo)題改變顏色}$ 
或
$\background{#0099ff}{標(biāo)題改變顏色}$ 

效果將會是這樣的

image.png

對,就是不支持。
寫到這里可能已經(jīng)有小伙伴要問了,既然兩種方式都能實(shí)現(xiàn)改變字體顏色,起到強(qiáng)調(diào)醒目的作用,他們有什么區(qū)別呢?

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

image.png

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

我們將這個(gè)URL拿出去單獨(dú)發(fā),會得到更加明顯的效果。
image.png

已經(jīng)寫到這里了,我們就來好好的試一下這樣的一個(gè)GET請求到底能給到我們什么樣的處理結(jié)果。

$hello\ world\ 試試中文$

效果:


image.png
$$我要居中$$

效果:


image.png

試著試著,無意中發(fā)現(xiàn)了上文中說的不能劇中的問題。

那就繼續(xù)嘗試吧

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

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

效果:

image.png

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

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

作者:叫子非魚啊
鏈接:http://www.itdecent.cn/p/6b717986cfca
來源:簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容