美文网首页
markdown简述

markdown简述

作者: 空一座旧城守我的旧人 | 来源:发表于2017-11-22 11:17 被阅读0次

    前端开发的工具

    编辑器:

    1. 轻量级的,依靠插件:sublime;atom(github);vs code(miscrosaft)
    2. 集成的:DW;webstorm;hbuild;

    markdown

    markdown是一个标记语言,可以利用一些简单的语法来对内容进行排版,可以将markdown文件编译成html,pdf,一般使用markdown写笔记、文档...

    eq:一般的项目中都会README.md文件来做项目标识。

    一般的编辑器都可以编写markdown,语法简单,也有专门的markdown编辑器

    使用gulp搭建markdown编译环境(将md文件转换成html和pdf文件为例)

    1. 执行npm init 进行项目初始化得到package.json

    2. 全局安装gulp :npm install gulp --global;

    3. 在项目中安装gulp依赖:npm install gulp --save-dev;

    4. 创建gulpfile.js文件设置任务:

        var gulp = require("gulp")
        var markdown = require('gulp-markdown');
        var mdpdf = require('gulp-markdown-pdf');
    
    
        gulp.task("compileMDToHtml",function () {
            gulp.src("./md/*.md")
                .pipe(markdown())
                .pipe(gulp.dest("./html"))
        })
    
        gulp.task("compileMDToPdf",function () {
            gulp.src("./md/*.md")
                .pipe(mdpdf())
                .pipe(gulp.dest("./pdf"))
        })
    
        gulp.task("watch:md",function(){
            gulp.watch("./md/*.md",['compileMDToHtml','compileMDToPdf'])
        })
    
        gulp.task("default",['compileMDToHtml','compileMDToPdf','watch:md'])
        
    

    相关文章

      网友评论

          本文标题:markdown简述

          本文链接:https://www.haomeiwen.com/subject/lmqnvxtx.html