这是一个学校作业玩具项目,同时也会在重新设计之后成为我的正式个人网站。
在开始之前,确保你已安装以下软件:
Node.js 和 npm 是前端开发的基础工具。如果你还没有安装,请访问 Node.js 官网,安装完成后
npm
会自动安装。
-
克隆本仓库到本地
-
进入website文件夹
cd your/path/to/repo/website
-
安装依赖
npm install
-
运行开发服务器
npm start
通过上面的步骤,你可以启动基本的开发环境并能在本地查看网页,你对代码所做的任何更改都会被实时渲染到本地打开的页面上,所有的JS代码错误也会被自动检查。
确保你已经有了一定的HTML,CSS,JS基础,你可以通过React中文文档学习如何使用React进行网页开发。
-
安装gh-pages包
npm install gh-pages
-
打开APP.js,找到App组件js代码,将组件后的basename参数改成
/你的仓库名
<Router basename="/your-repo-name"> ... </Router>
-
打开package.json,找到homepage条目,将后面的网站改成你的仓库地址
{ "homepage": "your-repo-url" }
-
执行部署命令
npm run deploy