发现自己很久都没有写总结了，罪过罪过。最近烦心事有点多，为了转移点注意力来更下我的小天地。
这里我就不写gitHub账号注册的步骤了，默认你自己已经有一个帐号了。
创建仓库
首先在你的gitHub新建一个仓库，仓库按照一般的仓库来起名就好，不用像hexo那样在后面加.io，并且把SSH （注意要选ssh,选https会出错）地址复制下来后面要用到
将本地代码上传到github上
1
2
3
4
5
6
7
| 在项目所在的文件夹执行以下步骤命令
1、git init
2、git add .
3、git commit -m "你要写的提交信息"
4、git remote add origin git@github.com:zhisui/qingtian.git
5、git pull origin master
6、git push -u origin master 执行这句可能会出错，git push -f origin master
|
修改本地React项目的package.json文件
配置homepage
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| {
"name": "my-qingtian",
"version": "0.1.0",
"homepage": "https://zhisui.github.io/qingtian", //就是这个地方了，这个创库地址可以按照你自己的想法适当修改一下
"private": true,
"dependencies": {
"@fontsource/roboto": "^4.5.0",
"@material-ui/core": "^4.12.3",
"@material-ui/icons": "^4.11.2",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"axios": "^0.21.4",
"bricks.js": "^1.8.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},
|
配置发布选项
在scripts字段条件下面这两句话
1
2
3
4
5
6
7
8
| "scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"predeploy": "npm run build", //加上它
"deploy": "gh-pages -d build" //加上它
},
|
安装gh-pages
1
| npm install gh-pages --save-dev
|
将项目代码编译之后部署到github上
1
2
| npm run build
npm run deploy
|
配置完之后，我们回到github上的仓库，会发现原先的项目多了一个gh-pages分支，里面存放的是我们打包编译完成之后的静态文件。
切换到setting下，将Source里面的路径选为gh-pages ，对应会有一个链接，这个链接就是刚才在pakeage.json文件配置的那个，打开它就打开了新世界的大门。完结，撒花！！！！！！~~~~~~~~