代码块效果

# 代码块效果

---

## 代码 Codes

目前在导出的EPUB上，所有代码均不支持高亮显示，默认为黑色。

### 行内代码 Inline code

语法为：
```csharp
`代码内容`
```

效果如下所示：

执行命令：`pip install django`

### 缩进风格

即缩进四个空格，也做为实现类似 `<pre>` 预格式化文本 ( Preformatted Text ) 的功能。

```php
<?php
    echo "Hello world!";
?>
```

预格式化文本：
```d
| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
```

### 指定语言代码块

可以使用三个\`符号后接语言的名称，使用特定语言的代码块，如下所示：

```csharp
```python
import datetime
print(datetime.date.today())
 
```

会渲染为如下所示的效果：
```csharp
import datetime
print(datetime.date.today())
```

如下为JavaScript代码块示例：
```java
function test() {
    console.log("Hello world!");
}
(function(){
    var box = function() {
        return box.fn.init();
    };
    box.prototype = box.fn = {
        init : function(){
            console.log('box.init()');
            return this;
        },
        add : function(str) {
            alert("add", str);
            return this;
        },
        remove : function(str) {
            alert("remove", str);
            return this;
        }
    };
    box.fn.init.prototype = box.fn;
    window.box =box;
})();
var testBox = box();
testBox.add("jQuery").remove("jQuery");
```

如下为HTML代码块示例：

### HTML 代码 HTML codes

```html
<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="Editor.md, Markdown, Editor" />
        <title>Hello world!</title>
        <style type="text/css">
            body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;}
            ul{list-style: none;}
            img{border:none;vertical-align: middle;}
        </style>
    </head>
    <body>
        <h1 class="text-xxl">Hello world!</h1>
        <p class="text-green">Plain text</p>
    </body>
</html>
```