Docusaurus 部署

Docusaurus 部署

现代、高效的静态页面生成工具，官方文档

1 下载Node.js

官网 https://nodejs.org/zh-cn/download 下载 Node.js 并安装

安装结束后在终端运行语句，检查环境变量是否配置成功

node -v
npm -v

使用语句以加速下载软件包

npm install -g nrm
nrm use taobao

2 配置Docusaurus

终端中运行语句以下载 docusaurus

1. my-website 项目名称
2. classic 网站模板类型

npx create-docusaurus@latest my-website classic

安装时会选择 JavaScript / TypeScript，不太清楚的话选 JavaScript 就好了。安装完成后进入目录执行语句启动服务器

npm run start

3 部署至Github

下载 Github Desktop (可视化Git) 避免配置 ssh 等复杂步骤

创建新库或将项目拉取至本地

回到 my-website 文件夹，编辑 docusaurus.config.js，const config 中的参数，至少编辑 url

const config = {
  title: 'My Site',
  tagline: 'Dinosaurs are cool',
  favicon: 'img/favicon.ico',
  url: 'https://Eyderoe.github.io',
  baseUrl: '/',
  organizationName: 'Eyderoe', // Usually your GitHub org/user name.
  projectName: 'Eyderoe.github.io', // Usually your repo name.

打开终端，输入语句

npm run build

将 build 目录下的文件复制至 Github 项目文件夹

回到 Github Desktop 提交并推送代码至云端