MarkdownToHtml

[TOC]

将Markdown文档转换为HTML显示

说明

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

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

Demo源码下载

准备工作

安装marked

npm install marked --save

关键步骤

doc.js

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

Markdown

Download

© 2017 Gavin

app.js

只给出路由部分

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

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

Demo演示

[图片上传失败...(image-b9c96c-1517303305430)]

[图片上传失败...(image-a958f4-1517303305430)]

markdown转换html源码,利用Nodejs+Express将Markdown转换为HTML(附源码)相关推荐

  1. Qt利用avilib实现录屏功能_openlayers6结合geoserver利用WFS服务实现图层编辑功能(附源码下载)...

    内容概览 1.openlayers6结合geoserver利用WFS服务实现图层编辑功能 2.源代码demo下载 效果图如下: 本篇主要是参照openlayers6结合geoserver利用WFS服务 ...

  2. arcgis xml 下载 切片_openlayers6结合geoserver利用WFS服务实现图层编辑功能(附源码下载)...

    内容概览 1.openlayers6结合geoserver利用WFS服务实现图层编辑功能 2.源代码demo下载 效果图如下: 本篇主要是参照openlayers6结合geoserver利用WFS服务 ...

  3. python跑酷游戏源码_Phaser.js实现简单的跑酷游戏附源码下载

    采用的物理引擎是Phaser.js 在这里对此引擎不做过多介绍(因为我也是小白,嘿嘿) 效果展示: 源码(详细源码图片资源可点击文章下方或屏幕右上方的github链接进行clone) 1.创建游戏舞台 ...

  4. python贪吃蛇源码_Python:游戏:贪吃蛇(附源码)

    Python:游戏:贪吃蛇(附源码) 发布时间:2018-09-05 09:59, 浏览次数:1295 , 标签: Python 贪吃蛇是个非常简单的游戏,适合练手. 首先分析一下这个游戏 1.蛇怎么 ...

  5. 天天酷跑php源码_使用Java实现天天酷跑(附源码)

    首先,写一个需求文档: 一.项目名称:<天天酷跑>(RunDay) 二.功能介绍: 闯关类游戏,玩家登录后,选择进入游戏,通过键盘控制玩家的上下左右移动,来躲避 障碍物和吃金币,玩家躲避的 ...

  6. html5直播源码,HTML5 直播疯狂点赞动画实现代码 附源码

    直播有一个很重要的互动:点赞. 为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求: 点赞动作无限次,引导用户疯狂点赞 直播间的所有疯狂点赞,都需要在所有用户界面都动画展现出 ...

  7. python excel文件转换成字符串_python利用pandas将excel文件转换为txt文件的方法

    python将数据换为txt的方法有很多,可以用xlrd库实现.本人比较懒,不想按太多用的少的插件,利用已有库pandas将excel文件转换为txt文件. 直接上代码: ''' function:将 ...

  8. 【Pytorch】利用Pytorch+GRU实现情感分类(附源码)

    在这个实验中,数据的预处理过程以及网络的初始化及模型的训练等过程同前文<利用Pytorch+LSTM实现中文新闻分类>,具体这里就不再重复解释了.如果有读者在对数据集的预处理过程中有疑问, ...

  9. 利用wojilu框架仿一个网站的全过程(Step by Step利用wojilu框架开发网站系列二 附源码)...

    被仿的网站和仿照后的网站 被仿的网站-易读 仿照后的网站-我读 仿这个网站的目的:为了实践一下新学习的轻量级asp.net web开发框架[我记录] ,该网站比较简单,适合入门. 实现章节 章节部分, ...

最新文章

  1. QQ验证码识别源代码(C#/NET1.1)
  2. pandas读取csv Error tokenizing data. C error: Expected 18 fields in line 173315, saw 20
  3. Vue组件的三种调用方式
  4. 实习日记7.13-7.14
  5. JS、Flash 实现复制功能 (浏览器兼容)
  6. 传统企业向产业互联网转型的两条路径
  7. Android自定义Dialog及与Activity的交互
  8. HarmonyOS之AI能力·词性标注
  9. 《零基础看得懂的C语言入门教程 》——(二)C语言没那么难简单开发带你了解流程
  10. 中文转数字 java_java将阿拉伯数字转换为中文数字
  11. 结构设计模式 - 适配器设计模式
  12. 成功破解电信限制路由器方法
  13. 介绍一种计算机病毒并如何清理,如何清除顽固的计算机病毒和木马
  14. js获取url一级域名的方法
  15. 以太网 STP临时环路的产生、STP BPDU的转发过程、根桥故障案例分析。
  16. 快牙网传——推送通知
  17. Splash抓取jd
  18. Google Android 原生Rom 下载地址及刷机教程--Factory Images for Nexus and Pixel Devices
  19. GEE--LandTrendr
  20. LeetCode_Stack_331. Verify Preorder Serialization of a Binary Tree 验证二叉树的前序序列化(Java)【栈,字符串处理】

热门文章

  1. mysql索引原理及用法
  2. angular 生命周期钩子 ngOnInit() 和 ngAfterViewInit() 的区别
  3. 【JQuery】数据
  4. 利用Python批量重命名一系列文件名杂乱的文件
  5. Javascrpt无刷新文件上传
  6. pl sql练习(3)
  7. Spring限定注入逻辑分组@Qualifier
  8. 8 mv命令_Linux常用操作命令——文件和目录操作
  9. Android 学习--ListView 的使用(一)
  10. IE下jquery的fadeIn与fadeOut方法失效的BUG