https://github.com/powerdos/markdowntohtml

将Markdown文档转换为HTML显示
https://github.com/powerdos/markdowntohtml

Last synced: about 1 year ago
JSON representation

将Markdown文档转换为HTML显示

• Host: GitHub
• URL: https://github.com/powerdos/markdowntohtml
• Owner: PowerDos
• Created: 2017-07-17T10:49:53.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-07-17T11:16:48.000Z (almost 9 years ago)
• Last Synced: 2025-03-24T17:51:29.127Z (over 1 year ago)
• Language: JavaScript
• Size: 619 KB
• Stars: 14
• Watchers: 2
• Forks: 10
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# MarkdownToHtml

> 将Markdown文档转换为HTML显示

## 说明

> 在程序的中，我结合了bootstrap的样式，所以稍微更改了下模块marked的源码，这也是为了显示更好。我的测试md文档放在了，public/doc下。这边用了一个代码高亮的插件：highlight.js，你也可以用一些别的。



> 本应用是采用 node.js + Express 搭建的

# 准备工作

## 安装marked

> npm install marked --save

# 关键步骤

## doc.js

``` Javascript

const express = require('express');

const router = express.Router();

const fs = require('fs');

const marked = require('marked');

router.get("/:docName", function(req, res, next){

    console.log('name:' + req.params.docName);

    fs.readFile(__dirname+'/../public/doc/'+ req.params.docName +'.md', function(err, data){

        if(err){

            console.log("文件不存在！");

            res.send("文件不存在！");

        }else{

            console.log(data);

            htmlStr = marked(data.toString());

            res.render('doc', {doc: htmlStr});

        }

    });

});

module.exports = router;

```

## doc.ejs

``` HTML

    

    

	

	

	

    hljs.initHighlightingOnLoad();

    

    

	  


	    


	     	 Markdown

	    

	     Download

	  

	

	


		<%- doc %>

	

	


		© 2017 Gavin

	


```

## app.js

> 只给出路由部分

``` JavaScript

const doc = require('./routes/doc');

app.use('/doc', doc);

```

# Demo演示

![](http://i.imgur.com/ODAYGbi.png)


![](http://i.imgur.com/g0CeOaR.png)