部署Excalidraw

r
发布于 2023-07-27 / 21 阅读
0

部署Excalidraw

首先需要一个新的账户,或者 *.github.io 还没有用的账户。(因为 excalidraw 里面有很多地方直接调用 /,如果是 *.github.io/仓库名/ 的域名会出锅。)

新建仓库,名字为 账户名.github.io。

clone 仓库 https://github.com/excalidraw/excalidraw.git

本地初始化仓库 输入命令初始化git仓库 git init

添加到暂存区 将目录下除.gitignore文件内需要过滤的文件(文件夹)之外的文件都添加到暂存区 git add .

提交到仓库 把刚刚添加到暂存区里的文件提交到仓库 其中-m后面的字符串是每次提交的注释,用于标识每次提交的内容 git commit -m "初始化仓库"

添加远程仓库地址 使用git remote add origin指定仓库地址 需要把其中https://github.com/vuejs/vue.git 替换为你git仓库的地址,这里复制了vue的仓库地址 

git remote add origin https://github.com/vuejs/vue.git

安装 gh-pages 插件

npm install gh-pages --save

修改 package.json 里的三个地方:

  "private": true,
  "homepage": "./",  
  "scripts": {
     ...
     deploy": "gh-pages -d build"
  }

最后

npm run build
npm run deploy

本人部署过程中遇到问题

  • 'yarn' 不是内部或外部命令,也不是可运行的程序或批处理文件。 -- npm install -g yarn
  • 'cross-env' 不是内部或外部命令,也不是可运行的程序或批处理文件。 -- npm i cross-env --save-dev