簡(jiǎn)書Markdown編輯器改變字體顏色---給自己的文章加點(diǎn)色(限英文)

??有一位簡(jiǎn)友問我代碼塊中的字體顏色是怎么改變的,我用的是IDEA開發(fā)工具,把代碼片段直接復(fù)制到代碼塊中,顏色就直接有了。因?yàn)檫@個(gè)簡(jiǎn)友是第一個(gè)贊賞我的朋友,給了我十分大的動(dòng)力,我決定好好研究一下。

??其實(shí)這個(gè)現(xiàn)象我也沒有注意,如下:

```
public static void main( String[] args )
{
System.out.println( "Hello World!" );
}
```

效果:

public static void main( String[] args )
{
  System.out.println( "Hello World!" );
}

注:在編輯的時(shí)候是代碼塊中的代碼是沒有顏色顯示的,發(fā)布公開就有顏色了。此處不必糾結(jié),因?yàn)槲揖图m結(jié)了一陣哈!



??經(jīng)過在網(wǎng)上的研究,發(fā)現(xiàn)簡(jiǎn)書的Markdown編輯器是可以改變字體的顏色的,語法也是非常的簡(jiǎn)單。

語法

$\color{設(shè)置顏色} {文本內(nèi)容} $

設(shè)置顏色:有三種表現(xiàn)形式

??第一種:最簡(jiǎn)單,直接用對(duì)應(yīng)顏色的英文表示,如Blue(純藍(lán))、Red(純紅)、Pink(粉紅)、Crimson(猩紅)等(首字母大小寫都行)。

??第二種:rgb三原色(紅綠藍(lán)):reg(0,0,0)(黑色) 每一項(xiàng)0-255變化,全0為黑,全255為白。

??第三種:十六進(jìn)制表示法:如#000000(黑色)、#ffffff(白色)、#008000(綠色)

給大家推薦一個(gè)地址,是選取你喜歡顏色的網(wǎng)站,每個(gè)顏色三種格式都有,點(diǎn)我去找顏色,點(diǎn)我!點(diǎn)我!

文本內(nèi)容 : 就是你想改變顏色的文字

示例:$\color{red} {Red} $
效果:\color{red} {Red}

??在進(jìn)一步:如果我想讓每一個(gè)顏色的字體都不一樣怎么辦?(非常不實(shí)用)

先來看效果
\color{ Pink} {我} \color{HotPink} {就}\color{Magenta} {喜}\color{Purple} {歡}\color{Indigo} {每}\color{DarkSlateBlue} {個(gè)}\color{Blue} {顏}\color{DarkBlue} {色}\color{SlateGray} {都}\color{ CadetBlue} {不}\color{PaleTurquoise} {同}(注意看這行是一排小色點(diǎn))

效果圖片

Tips:實(shí)在不好意思,我編輯是在PC上,效果沒有問題,但是app端顯示不出來,變成很小的色點(diǎn),這是一張圖。

語法格式:
就是在兩個(gè)$$中間,不停的復(fù)制 “ \color{顏色} {文本} ”,一個(gè)顏色一個(gè)文字。上邊的顯示如下:
$\color{ Pink} {我} \color{HotPink} {就}\color{Magenta} {喜}\color{Purple} {歡}\color{Indigo} {每}\color{DarkSlateBlue} {個(gè)}\color{Blue} {顏}\color{DarkBlue} {色}\color{SlateGray} {都}\color{ CadetBlue} {不}\color{PaleTurquoise} {同}$

但是英文顯示是可以的,語法格式和上邊是一樣的(注:這里可不是圖片)。

\color{Pink}{Happy·}\color{HotPink} {to·}\color{Magenta} {know· }\color{Purple} {how ·}\color{Indigo} {to·}\color{Blue} {share,}\color{DarkBlue} {to·}\color{SlateGray} {be·}\color{ CadetBlue} {more·}\color{PaleTurquoise} {happy.}
?快樂要懂得分享,才能加倍的快樂。

一個(gè)單詞也可以
\color{Pink}{H}\color{HotPink} {a}\color{Magenta} {p}\color{Purple} {p}\color{Indigo} {y}

經(jīng)過,一陣研究,發(fā)現(xiàn)可以實(shí)現(xiàn)英文的空格。

\color{Pink}{Nothing }?\color{HotPink}{is}?\color{Magenta}{impossible }?\color{Purple}{for }?\color{Indigo}{a }?\color{Blue}{willing }?\color{Blue}{heart.}?

心之所愿,無所不成。

實(shí)現(xiàn)文本

$\color{Pink}{Nothing }$ $\color{HotPink}{is}$ $\color{Magenta}{impossible }$ $\color{Purple}{for }$ $\color{Indigo}{a }$ $\color{Blue}{willing }$ $\color{Blue}{heart.}$ 

就是把每個(gè)單詞拆開放入語法中,$\color{設(shè)置顏色} {文本內(nèi)容} $,然后中間用 、 、 ,來空格開,具體間距自己來衡量,前邊的空格幅度是由小及大的。


??最后最后,我們靈活運(yùn)用一下,解決一下我上邊提到的那個(gè)簡(jiǎn)友說的問題,看看是否能夠?qū)崿F(xiàn)嗎?

\color{Pink}{public}?\color{HotPink}{static }?\color{Magenta}{void }?\color{Purple}{main}?\color{Indigo}{(}?\color{Blue}{String[] }?\color{SlateGray}{args }?\color{CadetBlue}{)}?
\color{red} {\{}
??\color{blue} {System.out.println( "Hello World!" );}
\color{red} {\}}

對(duì)比一下(app端顯示格式控制不了)

public static void main( String[] args )
{
  System.out.println( "Hello World!" );
}

總結(jié)一下:這篇文章,感覺上使用性真的不是很大,雖然排版了很長(zhǎng)時(shí)間。

  • 第一,中文在app端不能顯示,只顯示很小的色點(diǎn)。

  • 第二,做一些有特殊格式內(nèi)容的文章,一定要在app端看一下,和PC上的效果是真不一樣啊。但是每人手機(jī)的屏幕大小和分辨率都不一樣,顯示結(jié)果也會(huì)不同。(之前真是忽略了這個(gè)問題)

  • 第三,排版需要花費(fèi)更多一些時(shí)間,看個(gè)人精力選取把。

  • 第四,如果文章中真的有需要特別突出的英文,可以簡(jiǎn)單的用一下也無妨。

??其實(shí)我都是在PC把效果都實(shí)現(xiàn)出來,才開始整理寫的這篇文章,誰知道app端顯示不了這個(gè)問題。但凡事有好的一面,也有壞的一面。從整個(gè)過程中讓我體會(huì)到了一種興趣感,并且這個(gè)興趣得到了及時(shí)反饋。讓我全身心地沉迷于當(dāng)下自己所喜歡的事情中,并且能連貫流暢地持續(xù)下去,不知不覺的過了3個(gè)小時(shí),我想這是一種心流的感覺。

??希望大家在簡(jiǎn)書找到自己的興趣點(diǎn),在心流的狀態(tài)下開心的寫作,事半功倍?。ㄩ_心????????????)

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

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