使⽤githubgitee静态⽹页服务部署excalidraw
然后我想⾃⼰部署它,奈何⾃⼰没有服务器。不过 excalidraw 是 react 项⽬,可以通过静态⽹页服务(github pages 或 gitee pages)部署。
github制作个人网站需要的⼯具
npm 以及 nodejs(版本≥14.0.0)
yarn
本地
$ git clone gitee/mirrors/Excalidraw.git
然后到⽂件夹⾥,下载依赖。
$ cd Excalidraw
$ npm install
本地部署。
$ npm start
这时候到浏览器访问 localhost:3000 如果能加载成功就好了。
部署到 github / gitee
因为最近 gitee pages 整改,不能使⽤,我以 github 为例。
⾸先你需要⼀个新的账户,或者*.github.io还没有⽤的账户。(因为 excalidraw ⾥⾯有很多地⽅直接调⽤/,如果是*.github.io/仓库名/的域名会出锅。)
新建仓库,名字为账户名.github.io。
解下来我参考了
安装 gh-pages 插件。
$ npm install gh-pages --save
修改 package.json ⾥的三个地⽅:
"private": true,
"homepage": "./",
"scripts": {
...
deploy": "gh-pages -d build"
}
git 添加 github 仓库链接,最后
$ npm run build
$ npm run deploy
成果
Processing math: 100%
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论