更新日志 150827 - 橙須猿們,怒吼吧!

今天真的是一個(gè)非常值得大家期待的日子,因?yàn)?,今天簡書君為大家?guī)砹艘粋€(gè)很有腔調(diào)的升級(jí)哦!

那便是,橙須猿們期待已久的,<big><big>代碼上色!</big></big>靐靐靐!?。。ù颂帒?yīng)有雷鳴般的掌聲~~~)

先讓我們來看一下效果吧~~~

```javascript
// This is javascript
function alohaKosmos (msg) {
    var words = ['Aloha', "Kosmos", ':']; 
    console.log(words.join(' '), msg);
}
alohaKosmos('Tartarus Chronos Riddle');
```

```java
// This is Java
void alohaKosmos (String msg) {
    String word1 = "Aloha ";
    String word2 = "Kosmos ";
    String word3 = ": ";
    Log.i("Call Me God", word1 + word2 + word3 + msg);
}
alohaKosmos("Tartarus Chronos Riddle");
```

下面是在白天模式和黑夜模式下的效果圖:

白天模式下的代碼塊

黑夜模式下的代碼塊

程序員們是不是突然感覺好親切,好激動(dòng)?

下面就讓我們一起來看看關(guān)于代碼塊的那些小技巧吧~~~


首先,代碼塊的Markdown語法,是這樣的:

也就是說,用三個(gè)`或者~包圍起來的一個(gè)段落,就構(gòu)成了一個(gè)代碼塊,而代碼塊里的所有樣式都會(huì)被原封不動(dòng)地保留,比如回車和制表符。
代碼塊的這一標(biāo)示符(`或者~)必須成對(duì)出現(xiàn),用```開始代碼塊無法通過~~~來結(jié)束,同樣的用~~~開始的代碼塊也無法用```來結(jié)束。

而在代碼塊開始標(biāo)示符之后,可以跟上這個(gè)代碼塊所用的語言名,請(qǐng)注意要用小寫。
比如說,你可以指定這塊代碼的語言是javascript,那么此后哪怕你使用VB來寫代碼,這塊代碼也會(huì)強(qiáng)制使用javascript的規(guī)則來上色,比如下面這樣:

```javascript
Dim total as Integer = 10
Dim index as Integer = 1
Dim result as String = ""
For index = 1 to 10 step 1
    result += " 傻瓜"
End For
Print(result)
```

出來的效果就是這樣的:

你看,完全不是VB語法的上色結(jié)果。

當(dāng)然,你也可以不指定所用語言,這樣簡書君會(huì)自動(dòng)識(shí)別代碼塊中的語言,然后上色,只不過,可能效果和你想要的完全不同,比如下面這個(gè):

```
Dim total as Integer = 10
Dim index as Integer = 1
Dim result as String = ""
For index = 1 to 10 step 1
    result += " 傻瓜"
End For
Print(result)
```

上面這段VB被識(shí)別成了Mathematica了(不過,別說,效果還不錯(cuò)~~):

因此,如果想要上色盡可能地理想的話,請(qǐng)盡量為你的代碼寫上所用代碼的語言名喲~~~

我們現(xiàn)在所支持的語言包括下面這些:

bash | c | cpp (C++) | cs (C#) | objectivec (Objective-C) | swift | java | css | xml (HTML, XML) | javascript | coffeescript | json | php | perl | python | ruby | sql | mathematica | matlab | r | scala | lisp | scheme | markdown | tex

相信已經(jīng)可以滿足大部分程序員的需求了吧~~~

當(dāng)然,也因?yàn)椴粚懘a語言一樣可以識(shí)別,所以下面這種通過四個(gè)空格或者一個(gè)Tab來快速構(gòu)造代碼塊的方法也一樣可以用喲:

console.log('What Are You 弄撒來?');

而,為了可以更好地寫代碼,我們將Markdown編輯器進(jìn)行了一定的小調(diào)整,現(xiàn)在你可以在Markdown編輯器中直接通過tab鍵來進(jìn)行縮進(jìn)了喲~~
默認(rèn)情況下,一次tab是兩個(gè)空格的縮進(jìn),應(yīng)該可以滿足大部分程序員的需求了吧?

什么?你說你要四個(gè)空格乃至一個(gè)制表符來作為默認(rèn)縮進(jìn)?
這個(gè)。。。這個(gè)。。。這個(gè)。。。簡書君也是可以辦到的!不過這屬于不外傳的秘術(shù),這里就不公開了喲~~~
不過相信身為橙須猿攻城獅的你一定可以找到解決的辦法的~~~

需要提醒的是,目前代碼上色功能只在完整版網(wǎng)頁上支持,手機(jī)上考慮到種種因素暫不支持代碼上色,請(qǐng)大家見諒!

而目前我們所用的上色規(guī)則,是Solarize的Light/Dark風(fēng)格,分別對(duì)應(yīng)了白天模式與黑夜模式,應(yīng)該也是挺護(hù)目的吧~


最后,祝廣大程序員喜歡這次更新,如果有別的需求也請(qǐng)?jiān)谙路搅粞?,簡書君一定?huì)認(rèn)真對(duì)待的喲!

再次感謝大家的惠顧!我們下次見~~~

最后編輯于
?著作權(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),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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