利用Github Page 搭建我的博客网站

转载请注明出处：

http://blog.csdn.net/tzs_1041...

http://www.54tianzhisheng.cn/Blog/html/blog_github.html (阅读效果最好)

pdf版本：http://www.54tianzhisheng.cn/...

更多精彩文章请关注微信公众号：猿blog

前言

最近这几天，没事干，想找点事折腾下，因而本身便想到了本身一直想干的一件事：搭建一个属于本身的博客网站。目前搭建我的 blog 网站最好的是用 wordpress ，可是那个折腾起来好像还挺麻烦的，再加上还须要本身修改些前端代码和用 PHP 作（虽然我学了几天拍黄片，可是早已忘了），而后就是用 Github Page 吧，本身也一直在这个最大的交友网站装 X 。想一想就用这个吧（后来好像以为这个还挺省事的）

再说说拥有我的博客网站的好处吧：

• 装 X（若是网站够炫）

• 很好的用来总结本身所学的知识

• 面试加分（在简历上放上本身的我的网站连接，面试官就能够更好的了解你，知道你所学知识的深度和广度）

• 再也不受其余博客平台的规则所束缚

若是你如今尚未本身我的博客网站的话，那么我以为你看完本篇博客后，强烈的建议你去折腾折腾下，搞个本身的，让本身也可以体验装 X 的感受。

要想用搭建一个我的博客网站，首先你得有一个域名，这样别人才能够经过域名访问，其次你还要一个空间来存放你的页面。

• 域名 域名的话，你能够在万网、阿里云、腾讯云等注册，个人域名 www.54tianzhisheng.cn 就是在腾讯云注册的，记得是腾讯云一元钱（一个域名+主机）搞的，这是腾讯云对学生才有这优惠。 .cn 的域名须要备案，备案的审核速度我以为仍是挺快的，还须要上传证件。固然你也能够买其余的那些不须要备案的域名，免得麻烦事。

• 空间 空间有免费的空间，也有收费的空间。免费的固然就不够稳定了，收费的就很贵了，终究是很不爽，有没有什么地方是既免费又稳定的空间呢？有，Github 。它容许上传我的网站项目并自定义你的域名，并且又有稳定的服务，实在是不可以在好了。

下面就一块儿跟着我来一步一步的利用 Github 搭建我的博客网站吧！

1. 拥有一个域名

这个步骤我就不详述了。

举例：

• 打开腾讯云官网

• 搜索你想要的域名，下单买一个

2. 拥有一个 Github帐号

互联网崇尚自由与分享。Github 是一个全世界程序员汇集的地方，你们相互分享本身写的代码，提高别人，也提高本身。你们都在为着开源社区努力着。由于我从开源项目中学到不少知识，因此我也很是愿意分享个人所见所学所得，个人 Github 主页：https://github.com/zhisheng17 （欢迎 follow 和对个人项目给个 star 或者 fork 个人项目一块儿来和我完善项目）

若是尚未 Github 帐号的话你就先去注册一个吧，有的话，直接登陆就行，后面的操做都要用到 Github 的。

3. Github 上新建我的网站项目

登陆 GitHub 以后，在页面右上角点击 + 加号按钮，点击 New repository。

因为咱们是新建一个我的网站项目，全部仓库的名称须要安装 GitHub 我的网站项目的规定来写。

规则就是：

YOUR-GITHUB-USERNAME.github.io

好比个人 GitHub 用户名是 zhisheng17，那我就要填写 zhisheng17.github.io。而后选择公开模式，接着点击建立仓库按钮。

建立成功以后，进入了项目主页面。点击设置按钮。

进入以后，滚动页面到下方。点击页面自动生成器按钮。

点击右下方继续去布局按钮。

选择一个模板，点击发布页面按钮。

这个时候，你就能够经过YOUR-GITHUB-USERNAME.github.io来访问此页面了。

4. 上传我的网页到 Github

自动生成页面，确定不符合咱们的要求，咱们但愿可以本身设计本身的我的网站。咱们能够本身编写一个网页文件，命名为 index.html。而后上传到 GitHub我的网站项目上。这里为了节约时间，能够先下载个人我的网站项目代码，而后修改成你的网页上传到 GitHub。

下面介绍详细步骤。

进入此项目https://github.com/zhisheng17...，而后下载源码。解压以后，拿到里面的index.html文件。

而后进入本身的我的网站项目主页 YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。点击上传文件按钮，进入上传文件页面，将 index.html 文件拖入蓝色大圈圈区域，点击提交按钮便可提交成功。此时打开网址 YOUR-GITHUB-USERNAME.github.io 就能够看到主页已经改变为咱们本身的网页了。

经过 zhisheng17.github.io 查看效果：

5. 域名CNAME到我的网站项目

网页上传成功了，咱们不想一直经过YOUR-GITHUB-USERNAME.github.io来访问咱们的我的网站，而是但愿经过本身的域名来访问。

下面讲述详细步骤。

点击咱们的我的网站项目设置选项卡，滚动到下面，就会发现一个自定义域名卡片。输入咱们买的域名，而后点击保存。

接着咱们还要将咱们的域名解析到这个我的网站项目上。由于个人域名是在腾讯云上面买的，因此我打开腾讯云域名管理页面，进行相关的设置。

接着，点击添加一条域名解析记录，主机填写www，表明你是一级域名来访问，指向填写YOUR-GITHUB-USERNAME.github.io，而后点击保存按钮。应该要等会，域名的解析时间可能不同，个人腾讯云就是很慢的

6. 访问你的域名

全部这些步骤作完以后，在浏览器里输入本身的域名，回车键一按，就会返回咱们刚刚上传到 GitHub 的index.html 页面了。

这里只是入门了 GitHub 搭建我的网站的功能，GitHub 官方推荐 Jekyll 博客系统来发布本身的页面。之后有数据更新，均可以经过 Jekyll 来从新编译整个网站。（期待后续个人使用 Jekyll 博客系统发布本身博客的文章吧）

7. 注意事项

尽管GitHub我的网站项目是免费的，可是却有一些限制。整体来讲，彻底够用，甚至太多了。

• 单个仓库大小不超过1GB，上传单个文件大小不能超过100MB，若是经过浏览器上传不能超过25MB

• 我的网站项目也不例外，最大空间1GB

• 我的网站项目每月访问请求数不能超过10万次，总流量不能超过100GB

• 我的网站项目一小时建立数量不能超过10个

固然了，这些政策可能随时改变，能够经过此网页查看最新政策。 https://help.github.com/artic...