方式一：使用i5ting_toc外掛

需要先安裝npm（安裝node.js後會自帶npm），然後才能安裝i5ting外掛：

npm install i5ting_toc -g

執行命令列生成html檔案，在輸入前要進入到對應根目錄下：

i5ting_toc -f **.md

需要注意的是：寫md文件的特殊符號時記得新增空格。

小技巧：如何快速在當前目錄開啟cmd？選擇當前目錄，按住shift，然後滑鼠右鍵在此處開啟命令視窗(在此處開啟powerShell視窗)。

方式二：使用gitbook

同樣先需要安裝node，然後執行

npm i gitbook gitbook-cli -g

生成md檔案,這個命令會生成相應的md的檔案，然後在相應的檔案裡寫你的內容即可:

gitbook init

md轉html,生成一個_doc目錄，開啟就可以看到你html檔案了。

gitbook build

http://www.ssnd.com.cn 化妝品OEM代加工

方式三：利用前端程式碼

實現原理是採用node.js搭建伺服器，讀取md檔案轉化為html片斷。瀏覽器傳送ajax請求獲取片段後再渲染生成html網頁。

node程式碼

var express = require('express');
var http = require('http');
var fs = require('fs');
var bodyParser = require('body-parser');
var marked = require('marked');    // 將md轉化為html的js包
var app = express();

app.use(express.static('src'));  //載入靜態檔案
var urlencodedParser = bodyParser.urlencoded({ extended: false });

app.get('/getMdFile',urlencodedParser, function(req, res) {
    var data = fs.readFileSync('src/test.md', 'utf-8');    //讀取本地的md檔案
    res.end(JSON.stringify({
        body : marked(data)
    }));
} );

//啟動埠監聽
var server = app.listen(8088, function () {
    var host = server.address().address;
    var port = server.address().port;
    console.log("應用例項，訪問地址為 http://%s:%s", host, port)
});
 

前端html：

<div id="content">
    <h1 class="title">md-to-HTML web app</h1>
    <div id="article">
    </div>
</div>
<script type="text/JavaScript" src="js/jquery-1.11.3.min.js"></script>
<script>
    var article = document.getElementById('article');
    $.ajax({
        url: "/getMdFile", success: function(result) {  
            console.log('資料
 
獲取成功');
            article.innerHTML = JSON.parse(result).body;
        }, error: function (err) {
            console.log(err);
            article.innerHTML = '<p>獲取資料失敗</p>';
        }
    });
</script>