快速开发部署个人网页

邓礼明

因为家里人开公司，想让我给公司做一个漂亮的网站，作为公司的名片。内容就是把公司的一些信息post上去，这样如果别人需要了解公司的情况，就可以很方便的查找到。
以为我是搞IT的，就问问我能不能做，我就想说试试看吧，毕竟以前也没有做过。结果果然是个坑。多亏后来问了有这方面开发经验的朋友，这才有了些眉目。就想记录一下开发的过程和心得，免得以后忘记。
其实也不难，总体思路就是先设计一个HTML的网站，然后部署到Github上，然后捆绑上域名，然后就大功告成。
网页设计

1 Google My Business
很多现成的设计工具，比如Hexo框架，非常适合做博客。但是因为给小企业做网页，其实不需要搞得那么复杂，我就采用Google My Business的商业网站设计工具，可以轻松方便的把公司的信息填充进去，然后就可以自动生成HTML网站。





2 Google site




3 Hexo
这是一个很流行的框架，非常方便部署和开发，很适合写博客的朋友来使用。


有兴趣的朋友可以去了解一下：

部署到Github

1 注册Github账号
接下来就去注册一个github账号，用来存放我们的网站。大多数小伙伴应该都有了吧，作为一个合格的程序猿（媛）还是要有一个的。
打开https://github.com/，新建一个项目，如下所示：


然后如下图所示，输入自己的项目名字，后面一定要加.github.io后缀，README初始化也要勾上。
然后项目就建成了，点击Settings，向下拉到最后有个GitHub Pages，点击Choose a theme选择一个主题。然后等一会儿，再回到GitHub Pages，会变成下面这样：


点击那个链接，就会出现自己的网页了。
2 部署网站到Github
这个其实很简单，因为在你的Repo里，它会自动识别名为index.html的文件，所以只要你把你设计好的HTML文件上传到Repo里，然后Github就会自动识别并且打开这个HTML网页，非常方便。


捆绑域名

1 获取github pages的ip地址
打开你的电脑的命令行工具，ping你的github地址，忽略“/”后面的路径，比如我的github pages地址是huyuee.github.io/blog，那么我需要ping的地址就是huyuee.github.io，如下图：


我得到了我的github pages的ip地址：151.101.100.133
2 配置阿里云域名解析
进入你的阿里云的解析域名列表，选择你想要解析的域名，点击后面的解析。如下图所示：


然后点击添加解析，因为我的ip地址是151.101.100.133，所以我添加了两条解析记录。如下图所示：


3 配置github pages的custom domain
进入你的github pages的仓库，然后在设置里面将的你的域名的地址，添加到custom domain中，然后保存即可。如下图所示：


设置到这个地方，你现在访问你的域名地址，比如我的是http://www.huyuee.com。就能看到你的github pages了！
<hr/>最后大功告成，就可以愉快的奔走相告你的新网站了。这里我也借机给家里人的公司打打广告，是位于西安的一家财税咨询公司，有兴趣的可以点进去看看。

书旗珠链

你这个网址有点意思?

是文鹏不是云鹏丶

非常好，顶一下