⾃动部署静态html,⼿把⼿教你⽤GitHub来部署静态⽹页在尝试过⽤ GitHub 部署静态 HTML ⽹页后，觉得其实挺容易的，这⾥简单说说如何⽤ GitHub 来完成部署。
1.⾸先我新建了⼀个版本库作为 demo，然后点击settings静态网页模板免费下载的网站
2.选择 GitHub Pages 的Automatic page generator
3.这⾥填⼀些基本信息，也可以默认
4.这⾥的google分析可以不填，我们先把咱们的页⾯跑起来，点击Continue to layouts
5.这⾥github给你提供了⼀些模板，这⾥我选了第⼀个模板，点击Publish page
6.发布成功，这⾥是我们的代码
7.点击settings，访问刚刚发布的静态页⾯链接
8.成功看到刚刚我们选择的模板
9.⾃定义你的页⾯，我把它的模板也删了，⾃⼰写了简单index.html
html5
.theme{
display: block;
width: 200px;
font-size: 30px;
margin: 100px auto;
}
Hello, world.
10.add -> commit -> push
这⾥要注意⼀下，我是直接新建的库，然后发布的，所以，没有master分⽀，只有gh-pages分⽀，github只会将你的gh-pages分⽀部署上去，不会动你的其他分⽀的东西。所以，我们要将改动提交到gh-pages分⽀上，再push。
qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git branch
* gh-pages
qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git commit -a -m "first commit"
[gh-pages cc8c864] first commit
1 file changed, 23 insertions(+), 65 deletions(-)
rewrite index.html (98%)
qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git push origin gh-pages
Counting objects: 3, done.
Delta compression using up to 4 threads.
Compressing objects: 100% (3/3), done.
Writing objects: 100% (3/3), 523 bytes | 0 bytes/s, done.
Total 3 (delta 0), reused 0 (delta 0)
To git@github:qianjiahao/HowToDeployHTML.git
<8c864 gh-pages -> gh-pages
11.提交成功，我们看看咱们的⽹页，熟悉的Hello,world
12.到此为⽌，差不多讲完了，这个是 demo的地址
13.再说点，它帮我们⽣成的⽬录结构其实不太好，咱们可以⾃⼰定义⾃⼰的⽬录结构，之前的⼀个项⽬ ⽬录结构是这样的
14.要注意的是：
它会认准你的index.html页⾯，当做初始界⾯，我试过将它的index.html放⼊我的⽬录结构中，后来我部署发布后，github⼜ ⾃动给我⽣成了⼀个index.html页⾯，这个问题当时没有发现，导致出现了更新⽆效等奇葩的情况，疑惑了半天。还有params.json这个配置 ⽂件要留着，它会配置github给你⽣成的模板信息。
15.如果是将已有的(静态)项⽬部署上线，建议⾃⼰修改⽬录结构，改改更健康꒰ ◡ ꒱
16.github推荐使⽤ google analytics ，在登录之后点击管理的跟踪信息，会看到它给你提供的id和code，把code粘贴到你的代码⾥，就可以了
17.它会帮你⾃动的做分析和统计

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。