前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >将markdown文件转换成html格式

将markdown文件转换成html格式

作者头像
阿dai学长
发布2019-10-15 15:07:04
2.5K0
发布2019-10-15 15:07:04
举报
文章被收录于专栏:阿dai_linux

概述

在写说明文档的时遇到一个问题:因为习惯了使用markdown写文档,在向nginx去发布的时候遇到一个语法格式不兼容的问题。

解决思路:

  1. nginx添加markdown格式支持;
  2. 更改文档为html格式(推荐)。

将markdown转换为html格式

用js实现。

依赖于node环境:部署node环境

创建一个html模板

template.html

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="Yaofeng">
        <title>文档</title>
        <link rel="stylesheet" href="./markdown.min.css">
        <style>
            
        </style>
    </head>
    <body>
        @markdown
    </body>
    <script></script>
</html>

js脚本

trans.js

代码语言:javascript
复制
const fs = require('fs');
const marked = require('marked');
// 模板文件地址
fs.readFile('./template.html', 'utf8', (err, template)=>{  
    if(err){  
        throw err  
    }else{  
        // 源文件地址
        fs.readFile('./test.md', 'utf8', (err,markContent)=>{  
            if(err){  
                throw err  
            }else{  
                // 转化好的html字符串  
                let htmlStr = marked(markContent.toString())  
                // 将html模板文件中的 '@markdown' 替换为html字符串  
                template = template.replace('@markdown', htmlStr)  
                // 将新生成的字符串template重新写入到文件中==>模板文件地址  
                fs.writeFile('./test.html', template, err=>{  
                    if(err){  
                        throw err  
                    }else{  
                        console.log("success")  
                    }  
                })  
            }  
        })  
    }  
})

转换

  • 在trans.js中指定markdown文件地址;
  • 指定输出文件地址
  • 执行 node trans.js

如果执行过程中出现错误,一般是因为缺少某些依赖的包,直接根据提示信息 npm install xxx 安装即可!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 概述
    • 将markdown转换为html格式
      • 创建一个html模板
      • js脚本
    • 转换
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档