可以在线使用Github页面将nodejs构建为静态吗?

时间:2018-07-30 08:00:25

标签: node.js github-pages vuepress

我有两个存储库:

  1. 一个Vuepress项目,其中包含Nodejs源代码和markdown文件。
  2. 从Vuepress构建的静态Github页面。

因此,如果我创建一个新的markdown帖子,则需要运行shell来生成静态文件并将其上传到第二个Github页存储库。

我想知道可以像这样在线进行

  1. 在Github网页上创建markdown文件。
  2. 在线重建项目(使用shell还是脚本?)。
  3. 使用生成的静态HTML / CSS文件更新Github页面。

1 个答案:

答案 0 :(得分:0)

我使用以下.js代码:

#!/usr/bin/env node
const shell = require("shelljs");
const ghpages = require("gh-pages");

// Variables
const distDirectory = "docs/.vuepress/dist";
const commitMessage = "Site update";

// Exit if there is any error
shell.set("-e");

// Build Vuepress
shell.exec("vuepress build docs");

// Publish to GitHub Pages
ghpages.publish(distDirectory, {
  message: commitMessage
}, function(err) {
  if (err) {
    console.log(err);
    shell.exit(1);
  }
});

// Message when succesfully completed
console.log("\nDocumentation has been successfully updated\n");

请紧记shelljsgh-pages

这是什么:

  • 构建Vuepress
  • dist 从母版发布到gh页。 .gitignore可以忽略dist文件夹。

现在要使用它,请在终端上运行以下命令:

./path/to/file.js

我确定可以使用shell来完成,但这对我来说非常合适。从理论上讲,只需执行一个命令,就可以启动JS和CSS,构建Vuepress,更新版本,推送至gh页,推送至master并发布至npm。