如何在簡書中用代碼框顯示代碼塊?少廢話先接上效果圖
private String s1 = "Hello";
private String s2 = "World";
這篇文章是學成后的第一個實踐成果,下面便是整理的詳細步驟,希望對各位朋友有所幫助。
1.設(shè)置簡書的編輯器
代碼塊的實現(xiàn)下過是實際上是用 Markdown這種輕量級的標記語言。即,通過一些簡單的標記語法使得文字以某種特殊樣式顯示。
簡書中支持 Markdown的使用,但需要進行設(shè)置,因為默認的設(shè)置是無法使用。
具體操作:在簡書"設(shè)置"中"基礎(chǔ)設(shè)置"選項卡下的"選擇常用的編輯器"選擇" Markdown"即可,截圖如下:

2.切換到預(yù)覽模式
接下來,新建一篇文章,點擊右上角的"預(yù)覽模式":
![~GYDO6J(J]_)3D6FDC]}2%D.png](http://upload-images.jianshu.io/upload_images/2027104-48da8f99fbbe91e4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
此時便出現(xiàn)了兩個窗口,左側(cè)窗口便可使用Markdown標記語言,右側(cè)窗口便會出現(xiàn)對應(yīng)的效果預(yù)覽。
![FNIGXBXQKY]]ROX$2YD03JM.png](http://upload-images.jianshu.io/upload_images/2027104-eea9b707b0815782.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3.代碼塊的效果實現(xiàn)
如果想顯示一段代碼,在左側(cè)窗口中按照以下方式即可:
-
方法一:在代碼的前后分別加上三個反引號```
其中,反引號的輸入方式為:英文輸入法狀態(tài)下,按鍵盤左上角數(shù)字1旁邊的鍵
V1}))S(TG8Q4Z($Y(O`H}@R.jpg](http://upload-images.jianshu.io/upload_images/2027104-583ae4fe02049f4e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) *實現(xiàn)代碼如下:* 