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

??有一位簡友問我代碼塊中的字體顏色是怎么改變的,我用的是IDEA開發工具,把代碼片段直接復制到代碼塊中,顏色就直接有了。因為這個簡友是第一個贊賞我的朋友,給了我十分大的動力,我決定好好研究一下。

??其實這個現象我也沒有注意,如下:

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

效果:

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

注:在編輯的時候是代碼塊中的代碼是沒有顏色顯示的,發布公開就有顏色了。此處不必糾結,因為我就糾結了一陣哈!



??經過在網上的研究,發現簡書的Markdown編輯器是可以改變字體的顏色的,語法也是非常的簡單。

語法

$\color{設置顏色} {文本內容} $

設置顏色:有三種表現形式

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

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

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

給大家推薦一個地址,是選取你喜歡顏色的網站,每個顏色三種格式都有,點我去找顏色,點我!點我!

文本內容 : 就是你想改變顏色的文字

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

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

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

效果圖片

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

語法格式:
就是在兩個$$中間,不停的復制 “ \color{顏色} {文本} ”,一個顏色一個文字。上邊的顯示如下:
$\color{ Pink} {我} \color{HotPink} {就}\color{Magenta} {喜}\color{Purple} {歡}\color{Indigo} {每}\color{DarkSlateBlue} {個}\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.}
?快樂要懂得分享,才能加倍的快樂。

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

經過,一陣研究,發現可以實現英文的空格。

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

心之所愿,無所不成。

實現文本

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

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


??最后最后,我們靈活運用一下,解決一下我上邊提到的那個簡友說的問題,看看是否能夠實現嗎?

\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} {\}}

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

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

總結一下:這篇文章,感覺上使用性真的不是很大,雖然排版了很長時間。

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

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

  • 第三,排版需要花費更多一些時間,看個人精力選取把。

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

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

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

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