create-vuepress-theme-plume 1.0.0-rc.103 → 1.0.0-rc.105

package/lib/index.js

@@ -134,7 +134,7 @@ async function createPackageJson(mode, pkg, {
       "docs:preview": `http-server ${docsDir}/.vuepress/dist`
     };
     if (mode === 1 /* create */) {
-      pkg.scripts["vp-update"] = "vp-update";
+      pkg.scripts["vp-update"] = `${packageManager === "npm" ? "npx" : `${packageManager} dlx`} vp-update`;
     }
   }
   pkg.devDependencies ??= {};
@@ -495,17 +495,35 @@ async function run(mode, root) {
   const data = resolveData(result, mode);
   const progress = spinner();
   progress.start(t("spinner.start"));
-  await generate(mode, data);
+  try {
+    await generate(mode, data);
+  } catch (e) {
+    console.error(`${colors.red("generate files error: ")}
+`, e);
+    process4.exit(1);
+  }
   await sleep(200);
   const cwd = path4.join(process4.cwd(), data.root);
   if (data.git) {
     progress.message(t("spinner.git"));
-    await execaCommand3("git init", { cwd });
+    try {
+      await execaCommand3("git init", { cwd });
+    } catch (e) {
+      console.error(`${colors.red("git init error: ")}
+`, e);
+      process4.exit(1);
+    }
   }
   const pm = data.packageManager;
   if (data.install) {
     progress.message(t("spinner.install"));
-    await execaCommand3(pm === "yarn" ? "yarn" : `${pm} install`, { cwd });
+    try {
+      await execaCommand3(pm === "yarn" ? "yarn" : `${pm} install`, { cwd });
+    } catch (e) {
+      console.error(`${colors.red("install dependencies error: ")}
+`, e);
+      process4.exit(1);
+    }
   }
   const cdCommand = mode === 1 /* create */ ? colors.green(`cd ${data.root}`) : "";
   const runCommand = colors.green(pm === "yarn" ? "yarn docs:dev" : `${pm} run docs:dev`);
@@ -531,5 +549,5 @@ var cli = cac("create-vuepress-theme-plume");
 cli.command("[root]", "create a new vuepress-theme-plume project / \u521B\u5EFA\u65B0\u7684 vuepress-theme-plume \u9879\u76EE").action((root) => run(1 /* create */, root));
 cli.command("init [root]", "Initial vuepress-theme-plume in the existing project / \u5728\u73B0\u6709\u9879\u76EE\u4E2D\u521D\u59CB\u5316 vuepress-theme-plume").action((root) => run(0 /* init */, root));
 cli.help();
-cli.version("1.0.0-rc.102");
+cli.version("1.0.0-rc.104");
 cli.parse();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-vuepress-theme-plume",
   "type": "module",
-  "version": "1.0.0-rc.103",
+  "version": "1.0.0-rc.105",
   "description": "The cli for create vuepress-theme-plume's project",
   "author": "pengzhanbo <q942450674@outlook.com> (https://github.com/pengzhanbo/)",
   "license": "MIT",

package/templates/.vuepress/client.ts.handlebars

@@ -1,12 +1,12 @@
 import { defineClientConfig } from 'vuepress/client'
-import RepoCard from 'vuepress-theme-plume/features/RepoCard.vue'
-import CustomComponent from './theme/components/Custom.vue'
+// import RepoCard from 'vuepress-theme-plume/features/RepoCard.vue'
+// import CustomComponent from './theme/components/Custom.vue'
 
-import './theme/styles/custom.css'
+// import './theme/styles/custom.css'
 
 export default defineClientConfig({
   enhance({ app }) {
-    app.component('RepoCard', RepoCard)
-    app.component('CustomComponent', CustomComponent)
+    // app.component('RepoCard', RepoCard)
+    // app.component('CustomComponent', CustomComponent)
   },
 })

package/templates/.vuepress/config.ts.handlebars

@@ -32,8 +32,8 @@ export default defineUserConfig({
        * @see https://theme-plume.vuejs.press/config/plugins/code-highlight/
        */
       // shiki: {
+      //   // 强烈建议预设代码块高亮语言，插件默认加载所有语言会产生不必要的时间开销
       //   languages: ['shell', 'bash', 'typescript', 'javascript'],
-      //   twoslash: true,
       // },
 
       /**
@@ -72,7 +72,7 @@ export default defineUserConfig({
       // },
 
       /**
-       * comments
+       * 评论 comments
        * @see https://theme-plume.vuejs.press/guide/features/comments/
        */
       // comment: {

package/templates/common/README.md.handlebars

@@ -50,7 +50,24 @@ npm run docs:preview
 npm run vp-update
 ```
 {{/if}}
+{{#if (equal deploy "github")}}
 
+## Deploy to GitHub Pages
+
+The plume theme has been created with GitHub Actions: `.github/workflows/docs-deploy.yml`. You also need to make the following settings in the GitHub repository:
+
+- [ ] `settings > Actions > General`, Scroll to the bottom of the page, under `Workflow permissions`, check `Read and write permissions`, and click the save button.
+
+- [ ] `settings > Pages`, In `Build and deployment`, select `Deploy from a branch` for `Source`, choose `gh-pages` for `Branch`, and click the save button.
+  (The `gh-pages` branch may not exist upon first creation. You can complete the above setup first, push the code to the main branch, wait for `github actions` to finish, and then proceed with the setup.)
+
+- [ ] Modify the `base` option in `docs/.vuepress/config.ts`:
+  - If you are planning to deploy to `https://<USERNAME>.github.io/`, you can skip this step as `base` defaults to `"/"`.
+  - If you are planning to deploy to `https://<USERNAME>.github.io/<REPO>/`, meaning your repository URL is `https://github.com/<USERNAME>/<REPO>`, set `base` to `"/<REPO>/"`.
+
+To customize a domain name, please refer to [Github Pages](https://docs.github.com/zh/pages/configuring-a-custom-domain-for-your-github-pages-site/about-custom-domains-and-github-pages)
+
+{{/if}}
 ## Documents
 
 - [vuepress](https://vuepress.vuejs.org/)

package/templates/common/README.zh-CN.md.handlebars

@@ -50,7 +50,24 @@ npm run docs:preview
 npm run vp-update
 ```
 {{/if}}
+{{#if (equal deploy "github")}}
 
+## 部署到 GitHub Pages
+
+主题已创建 github actions: `.github/workflows/docs-deploy.yml`，你还需要在 github 仓库中进行以下设置：
+
+- [ ] `settings > Actions > General`，拉到页面底部，在 `Workflow permissions` 下，勾选 `Read and write permissions`，并点击保存按钮
+
+- [ ] `settings > Pages`, 在 `Build and deployment` 中，`Source` 选择 `Deploy from a branch`, `Branch` 选择 `gh-pages`，并点击保存按钮
+  (首次创建可能没有 `gh-pages`分支，你可以先完成上面的设置后，推送一次代码到主分支，等待 `github actions` 完成后再进行设置)
+
+- [ ] 修改 `docs/.vuepress/config.ts` 中的 `base` 选项：
+  - 如果你准备发布到 `https://<USERNAME>.github.io/` ，你可以省略这一步，因为 `base` 默认就是 `"/"` 。
+  - 如果你准备发布到 `https://<USERNAME>.github.io/<REPO>/` ，也就是说你的仓库地址是 `https://github.com/<USERNAME>/<REPO>` ，则将 `base` 设置为 `"/<REPO>/"`。
+
+如需要自定义域名，请查看 [Github Pages 文档](https://docs.github.com/zh/pages/configuring-a-custom-domain-for-your-github-pages-site/about-custom-domains-and-github-pages)
+
+{{/if}}
 ## 文档
 
 - [vuepress](https://vuepress.vuejs.org/)