gulp通过markdown json生成与翡翠相关的html文件。
gulp通过markdown json生成与翡翠相关的html文件。
提问于 2016-04-08 13:13:39
我用的是gulp-markdown-to-json和gulp-jade
我的目标是从标价文件中获取数据，如下所示：
---
template: index.jade
title: Europa
---
This is a test. 获取template: index.jade文件，并将其与其他变量一起传递给jade编译器。
到目前为止我有这样的想法：
gulp.task('docs', function() {
return gulp
.src('./src/docs/pages/*.md')
.pipe(md({
pedantic: true,
smartypants: true
}))
.pipe(jade({
jade: jade,
pretty: true
}))
.pipe(gulp.dest('./dist/docs'));
});我错过了一个步骤，在json从标价读取，玉石模板文件名输入到gulp.src之前，玉石编译器运行。
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-04-08 15:04:02
gulp-jade是您的用例错误的gulp插件。
- 如果有要填充数据的模板流，请使用
gulp-jade： gulp.src('*.jade') .pipe(.).pipe({title：‘Some’，text:'Some‘}) - 如果要在模板中呈现数据流，请使用
gulp-wrap： gulp.src('*.md') .pipe(.).pipe({src：‘path/my/template.jj’})
您的情况比较困难，因为您希望为每个.jade文件提供不同的.md模板。幸运的是，gulp-wrap接受了一个函数，它可以为流中的每个文件返回一个不同的模板：
var gulp = require('gulp');
var md = require('gulp-markdown-to-json');
var jade = require('jade');
var wrap = require('gulp-wrap');
var plumber = require('gulp-plumber');
var rename = require('gulp-rename');
var fs = require('fs');
gulp.task('docs', function() {
return gulp.src('./src/docs/pages/*.md')
.pipe(plumber()) // this just ensures that errors are logged
.pipe(md({ pedantic: true, smartypants: true }))
.pipe(wrap(function(data) {
// read correct jade template from disk
var template = 'src/docs/templates/' + data.contents.template;
return fs.readFileSync(template).toString();
}, {}, { engine: 'jade' }))
.pipe(rename({extname:'.html'}))
.pipe(gulp.dest('./dist/docs'));
});src/docs/pages/test.md
---
template: index.jade
title: Europa
---
This is a test. src/docs/templates/index.jade
doctype html
html(lang="en")
head
title=contents.title
body
h1=contents.title
div !{contents.body}dist/docs/test.html
<!DOCTYPE html><html lang="en"><head><title>Europa</title></head><body><h1>Europa</h1><div><p>This is a test. </p></div></body></html>Stack Overflow用户
发布于 2016-04-09 09:32:10
您不需要使用gulp-markdownto-json。如果有很多更好的解决方案。例如：
- 备注 -是一个标记处理器，它将markdown解析为AST-树(以JSON格式)。它支持YAML-直面问题。顺便说一句，有很多不同的用例插件。
- 文章-数据 -从你的标价文章中提取数据，而不使用正面的东西。就我个人而言，我使用这个包，因为它可以帮助我编写简单的标记文件，而不必担心前端的数据是否正确。它只是从标记文件中提取数据，然后你可以做任何事情:传递给插件，收集成数组，分析你的文章，等等。
如何在我的个人博客中使用article-data。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36500547
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号