以编程方式下载并将带有照片的README.md插入HTML

时间:2017-11-06 19:31:36

标签: javascript html angularjs node.js markdown

我在AngularJS和NodeJS中编写了personal website,在tech projects部分我想从GitHub上的项目中嵌入README.md我的帐户(与github.com相同)它。我不认为iframe<>适用于md文件。所以我尝试过转换为HTML和PDF。

我想要的README.md的第二部分如下所示:

enter image description here

特别是,我想将README.md文件导入我的HTML。我找到了两种方法:

下载文件,然后转换为HTML。

var md_to_html = function(src, dest) {

  // Get the markdown
  var md = fs.readFileSync(src, "utf8");

  var converter = new Remarkable();

  var html = converter.render(md);

  fs.writeFile(dest, html, function(err) {
    if (err) {
        return console.log(err);
    }

    console.log(dest + " was saved!");
  });
}

或下载文件,然后转换为PDF格式。

var md_to_pdf = function(src, dest) {

  fs.createReadStream(src)
    .pipe(markdownpdf())
    .pipe(fs.createWriteStream(dest));
}

两者都有效,但照片消失了。那是因为依赖关系让我们说doc/img/photo.jpg没有用README下载。我还编写了脚本来下载依赖项。但是都没有将照片插入README.pdf或README.html。

有人做过这样的事吗?带有照片的HTML嵌入式降价,或者将它们转换为带有照片的PDF或HTML?如果我可以导入它类似于iframe<>的PDF,那将是理想的,但如果没有,我会自己编程。但是如何?

0 个答案:

没有答案