今天真的是一個非常值得大家期待的日子备图,因為赶袄,今天簡書君為大家?guī)砹艘粋€很有腔調的升級哦抠藕!
那便是,橙須猿們期待已久的唬格,<big><big>代碼上色颜说!</big></big>靐靐靐!:盎P琛(此處應有雷鳴般的掌聲~~~)
先讓我們來看一下效果吧~~~
```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");
```
下面是在白天模式和黑夜模式下的效果圖:
程序員們是不是突然感覺好親切绎签,好激動?
下面就讓我們一起來看看關于代碼塊的那些小技巧吧~~~
首先诡必,代碼塊的Markdown語法搔扁,是這樣的:
也就是說稿蹲,用三個`或者~包圍起來的一個段落,就構成了一個代碼塊苛聘,而代碼塊里的所有樣式都會被原封不動地保留,比如回車和制表符璧尸。
代碼塊的這一標示符(`或者~)必須成對出現(xiàn)熬拒,用```
開始代碼塊無法通過~~~
來結束,同樣的用~~~
開始的代碼塊也無法用```
來結束蛀序。
而在代碼塊開始標示符之后,可以跟上這個代碼塊所用的語言名徐裸,請注意要用小寫。
比如說重贺,你可以指定這塊代碼的語言是javascript,那么此后哪怕你使用VB來寫代碼次企,這塊代碼也會強制使用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語法的上色結果。
當然隧出,你也可以不指定所用語言,這樣簡書君會自動識別代碼塊中的語言针余,然后上色赏廓,只不過傍妒,可能效果和你想要的完全不同,比如下面這個:
```
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被識別成了Mathematica了(不過既忆,別說,效果還不錯~~):
因此患雇,如果想要上色盡可能地理想的話苛吱,請盡量為你的代碼寫上所用代碼的語言名喲~~~
我們現(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)可以滿足大部分程序員的需求了吧~~~
當然器瘪,也因為不寫代碼語言一樣可以識別绘雁,所以下面這種通過四個空格或者一個Tab來快速構造代碼塊的方法也一樣可以用喲:
console.log('What Are You 弄撒來援所?');
而,為了可以更好地寫代碼挪略,我們將Markdown編輯器進行了一定的小調整滔岳,現(xiàn)在你可以在Markdown編輯器中直接通過tab鍵來進行縮進了喲~~
默認情況下,一次tab是兩個空格的縮進墨辛,應該可以滿足大部分程序員的需求了吧?
什么睹簇?你說你要四個空格乃至一個制表符來作為默認縮進寥闪?
這個。凿渊。。這個埃脏。秋忙。。這個堵幽。。朴下。簡書君也是可以辦到的苦蒿!不過這屬于不外傳的秘術,這里就不公開了喲~~~
不過相信身為橙須猿攻城獅的你一定可以找到解決的辦法的~~~
需要提醒的是团滥,目前代碼上色功能只在完整版網(wǎng)頁上支持,手機上考慮到種種因素暫不支持代碼上色惫撰,請大家見諒!
而目前我們所用的上色規(guī)則,是Solarize的Light/Dark風格攒砖,分別對應了白天模式與黑夜模式,應該也是挺護目的吧~
最后诱建,祝廣大程序員喜歡這次更新,如果有別的需求也請在下方留言俺猿,簡書君一定會認真對待的喲!
再次感謝大家的惠顧诵冒!我們下次見~~~