Use of gulp-markdown: Convert markdown to html as string in gulp?

[mandrasch]

Hey everyone,

I programmed a one page which takes a markdown file as content-source (live: https://schnelldurchlauf.eu/klimakrise/ | repository: https://github.com/programmieraffe/klimakriseschnelldurchlauf)

I have a markdown file which stores the page content and a simple html template for head,header and footer.

I currently use var htmlContent = fs.readFileSync('./build/index.content.html', 'utf8'); to get the created html from markdown. I was wondering if there is a way to get this directly as string and don't use the filesystem (in functioninjectMarkdownHtmlInIndex)?

My 2 steps below are:

1. convert markdown file to html file in build/ folder
2. inject the created html source in .html file, therefore I use fs.readFileSync

// Markdown Task

// https://www.npmjs.com/package/gulp-markdown
// https://stackoverflow.com/a/35851097
function md2html(){
  var convert = gulp.src('./markdown/**/*.md')
        .pipe(markdown())
        .pipe(gulp.dest('./build'))
        .pipe(browsersync.stream());
  return convert;
}

function injectMarkdownHtmlInIndex(){
  var replaceContent = gulp.src('./src/index.template.html')
    .pipe(replace('<!-- MARKDOWN-CONTENT -->', function() {
        // 2DO: use marked directly?
        // https://github.com/sindresorhus/gulp-markdown/blob/master/index.js
        //var renderedHtmlFromMarkdown = markdown(fs.readFileSync('./content/index.md','utf8'));
        //return renderedHtmlFromMarkdown;
        var htmlContent = fs.readFileSync('./build/index.content.html', 'utf8');
        return htmlContent;
      }))
      .pipe(rename('index.html'))
      .pipe(gulp.dest('./build'))
      .pipe(browsersync.stream());

      return replaceContent;

      // 2DO: delete onepager.html afterwards
}

Full source code of gulpfile:
https://github.com/programmieraffe/klimakriseschnelldurchlauf/blob/master/gulpfile.js

Maybe there is a better/cleaner way. Thanks in advance for all suggestions!

Best regards & stay safe!