在github上部署静态网页
2018-11-12 本文已影响3人
黄一倚
在github上部署静态网页其实用的是github pages。至于这个是什么东西可以自行百度。也可以看官方文档。
github pages其实也是一个仓库，所以首先我们要去github上新建一个仓库。并且初始化readme文件。
- 在新建仓库的过程中有一地方是需要规范的，就是命名，因为这是固定的规则，要不然就和普通仓库一样了。name.github.io 加粗的域名是固定写法
- 然后去设置仓库属性。
- 把仓库设置成github pages
保存之后就可以看到你的仓库可以通过刚才的仓库名称进行访问了。
但是还没有readme文件。
- 我们还需要把你准备好的静态网页的文件上传到仓库里
- 创建一个本地仓库
huanyu@ubuntu:~/Documents/github.pages$ git init
Initialized empty Git repository in /home/huanyu/Documents/github.pages/.git/
- 把github上仓库下载到本地
huanyu@ubuntu:~/Documents/github.pages$ git clone git@github.com:HarryHq/HarryHq.github.io.git
Cloning into 'HarryHq.github.io'...
remote: Enumerating objects: 10, done.
remote: Counting objects: 100% (10/10), done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 10 (delta 2), reused 0 (delta 0), pack-reused 0
Receiving objects: 100% (10/10), 14.20 KiB | 14.00 KiB/s, done.
Resolving deltas: 100% (2/2), done.
- 把静态网页复制到你刚创建的本地仓库
- 提交到远程仓库
huanyu@ubuntu:~/Documents/github.pages/HarryHq.github.io$ git add .
huanyu@ubuntu:~/Documents/github.pages/HarryHq.github.io$ git commit -m "love page"
[master 26523f9] love page
11 files changed, 3604 insertions(+), 1 deletion(-)
create mode 100755 file/default.css
create mode 100755 file/functions.js
create mode 100755 file/jquery.min.js
create mode 100755 file/jscex-async-powerpack.min.js
create mode 100755 file/jscex-async.min.js
create mode 100755 file/jscex-builderbase.min.js
create mode 100755 file/jscex-jit.js
create mode 100755 file/jscex-parser.js
create mode 100755 file/jscex.min.js
create mode 100755 file/love.js
rewrite index.html (100%)
mode change 100644 => 100755
huanyu@ubuntu:~/Documents/github.pages/HarryHq.github.io$ git push -u origin master
Counting objects: 14, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (14/14), done.
Writing objects: 100% (14/14), 63.43 KiB | 5.29 MiB/s, done.
Total 14 (delta 1), reused 0 (delta 0)
remote: Resolving deltas: 100% (1/1), completed with 1 local object.
To github.com:HarryHq/HarryHq.github.io.git
b8f46bb..26523f9 master -> master
Branch 'master' set up to track remote branch 'master' from 'origin'.
- 查看效果
