使用highlight.js高亮代码

highlight.js官网：highlight.js
使用方法很简单，只需在页面中添加：

<link rel="stylesheet" href="/path/to/styles/default.min.css">
<script src="/path/to/highlight.min.js"></script>

并执行

<script>hljs.highlightAll();</script>

即可

代码
C++

// A simple C++ program
#include <iostream>
using namespace std;
int main()
{
    cout << "Programming is great fun!";
    return 0;
}

PHP

<?php
    $num = 1;
    while($num <= 10) {
        echo $num.($num == 10 ? '' : ', ');
        $num++;
    }
?>

CSS

body {
    background-color: #FFF;
    color: #444;
    font-family: "Droid Serif", Georgia, "Times New Roman", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "WenQuanYi Micro Hei", "Microsoft Yahei", serif;
    font-size: 87.5%;
}

a {
    color: #3354AA;
    text-decoration: none;
}

a:hover, a:active {
    color: #444;
}

pre, code {
    background: #F3F3F3;
    font-family: Menlo, Monaco, Consolas, "Lucida Console", "Courier New", monospace;
    font-size: .92857em;
}

code {
    padding: 2px 4px;
    color: #B94A48;
}

多行文本
多行文本