前端如何實(shí)現(xiàn).md文件轉(zhuǎn)換成.html文件

方式一：使用i5ting_toc插件

npm install i5ting_toc -g

i5ting_toc -f **.md

方式二：使用gitbook

npm i gitbook gitbook-cli -g

gitbook init

gitbook build

方式三：利用前端代碼

var express = require('express');var http = require('http');var fs = require('fs');var bodyParser = require('body-parser');var marked = require('marked');    // 將md轉(zhuǎn)化為html的js包var app = express();
app.use(express.static('src'));  //加載靜態(tài)文件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)    }));} );
//啟動(dòng)端口監(jiān)聽var server = app.listen(8088, function () {    var host = server.address().address;    var port = server.address().port;    console.log("應(yīng)用實(shí)例，訪問地址為 http://%s:%s", host, port)});

<div id="content">    <h1 class="title">md-to-HTML web apph1>    <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('數(shù)據(jù)獲取成功');            article.innerHTML = JSON.parse(result).body;        }, error: function (err) {            console.log(err);            article.innerHTML = '
獲取數(shù)據(jù)失敗
';        }    });script>