2016-12-11

react.js案例上传到Github

简述

简述

github 搭建一个用username.github.io 的博客。。。

[我用的是HEXO。方法百度]

这里简述一下上传React.js案例的过程。。。

用create-react-app创建的案例上传

github地址上的Read.me有个Github Pages;

步骤：
1. Add homepage to package.json

1	"homepage": "https://myusername.github.io/my-app",

2.Install gh-pages and add deploy to scripts in package.json

1	npm install --save-dev gh-pages

最后的 package.json 文件：

3.Ensure your project’s settings use gh-pages

<如何创建gh-pages?>

1.新建一个repository

2.按提示整好

3.命令

mkdir mulu
cd mulu
git init
git checkout --orphan gh-pages
git add .

有时报错：

G:\L1>git commit -m "first post"
[gh-pages (root-commit) 771e472] first post
2 files changed, 11 insertions(+)
create mode 100644 README.md
create mode 100644 index.html
G:\L1>git remote add origin https://github.com/America-first-melon/reactJs-Demo.git
fatal: remote origin already exists.
G:\L1>git push origin gh-pages
fatal: AggregateException encountered.
发生一个或多个错误。
Username for 'https://github.com': America-first-melon
Password for 'https://America-first-melon@github.com':
Counting objects: 4, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (4/4), 387 bytes | 0 bytes/s, done.
Total 4 (delta 0), reused 0 (delta 0)
To https://github.com/America-first-melon/reactJs-Demo.git
* [new branch]      gh-pages -> gh-pages
G:\L1>