【问题标题】:How to setup custom css path for node.js markdownpdf?如何为 node.js markdownpdf 设置自定义 css 路径?
【发布时间】:2014-03-05 02:19:11
【问题描述】:

我正在尝试 gulp.js 和 grunt.js 从 markdown 转换为 PDF,它们都使用 markdownpdf npm 包。

这是我的 gulpfile.js
gulp.task('markdownpdf', function () {
    gulp.src('_src/*.md')
    .pipe(concat('document.md'))
    .pipe(markdownpdf({
        cssPath: '/_src/css/pdf.css',
        paperFormat: 'A4',
        paperOrientation: 'portrait',
        paperBorder: '2cm'
    }))
    .pipe(gulp.dest('_dist'));
});

没有cssPath 选项,markdownpdf 包选择node_modules/gulp-markdown-pdf/node_modules/markdown-pdf/pdf.css(我很累编辑这个文件以确认它被选中)

请帮助如何设置自定义 css 路径。

谢谢。

【问题讨论】:

    标签: node.js gulp


    【解决方案1】:

    对我有用的是用./ 开始路径。单点表示包含 gulpfile 的目录。

    例如

    gulp.task('docs', function () {
      return gulp.src('./docs/*.md')
        .pipe(markdownpdf({
          'cssPath': './docs/assets/pdf.css'
        }))
        .pipe(gulp.dest('./web/docs/pdfs'));
    });
    

    【讨论】:

      【解决方案2】:

      所以 '/_src/css/pdf.css' 映射到什么?

      它应该响应相对路径符号,所以如果它默认选择node_modules/gulp-markdown-pdf/node_modules/markdown-pdf/pdf.css,那么尝试将你的cssPath值设置为../../../_src/css/pdf.css,假设_src在你的项目的根目录中

      【讨论】:

      • 我只是尝试将 pdf.css 上一级,并使用 cssPath: '../pdf.css' 但它不起作用。
      【解决方案3】:

      也许您需要返回 5 个级别。 我的 gruntfile.js...

      markdownpdf: {
          options: {
            cssPath: "../../../../../css/style.css",
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2019-11-19
        • 1970-01-01
        • 1970-01-01
        • 2021-08-31
        • 2023-03-31
        • 2019-01-02
        • 1970-01-01
        相关资源
        最近更新 更多