不用百度了！简书中如何添加代码框？

2016-09-03 本文已影响1263人陈恕之

问：作为一个一直用富文本写简书的大学生，当我想用简书写写代码的时候。怎么办？

我必须去找度娘。问出来的结果是这样子的，大约有17100个结果。按理说，我应该选择第一条就可以知道答案了。可是，不好意思，度娘如此的不给力，我整整琢磨了两个小时才弄懂了这个代码框的道理。

Paste_Image.png

问：为什么会这样子？

因为百度的答案有三个问题：1,杂 2,混乱 3,错误。
总而言之，我实在是搜的一团晕，即使简书上也有人看完简书作者的问答而云里雾里的。

Paste_Image.png

后来在简叔等人的回答下，慢慢摸索出来了。(大家可以去知乎也关注下简叔啦~)

![V}J(]_JTRX}O17}0P@7HP.png](https://img.haomeiwen.com/i2657276/af6ac4ee80cda074.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

问：那对于富文本小白该怎么导入代码框？

答：按步骤来。
准备条件：设置->常用编辑器Markdown->扩展预览

Paste_Image.png

第一种方法：用三个```（反单引号）来做头尾。

以我的python语言的猜数程序为例。markdown会以一些常见的while,if,int,print等代码直接做高亮显示。后面加上语言，就会标注更加全面，如第一行反单引号后面多了一个python中特有的import和elif。
PS：反单引号是在英文模式下的Tab键上方的~键连续按三下。

import random
n = random.randint(1, 99)
guess = int(raw_input("Enter an integer from 1 to 99: "))
while n != "guess":
  print
  if guess < n:
    print "guess is low"
    guess = int(raw_input("Enter an integer from 1 to 99: "))
  elif guess > n:
    print "guess is high"
    guess = int(raw_input("Enter an integer from 1 to 99: "))
  else:
    print "you guessed it!"
    break
  print

上面的代码实现如下图。

Paste_Image.png

import random
n = random.randint(1, 99)
guess = int(raw_input("Enter an integer from 1 to 99: "))
while n != "guess":
  print
  if guess < n:
    print "guess is low"
    guess = int(raw_input("Enter an integer from 1 to 99: "))
  elif guess > n:
    print "guess is high"
    guess = int(raw_input("Enter an integer from 1 to 99: "))
  else:
    print "you guessed it!"
    break
  print

加上语言的代码对比图如下（```python开头）：