使用Hexo与GitHub Pages构建个人免费博客网站详解（上篇：GitHub页面搭建）——超全教程揭秘

更新:10-28 神话故事我要投稿纠错投诉

老铁们，大家好，相信还有很多朋友对于使用Hexo与GitHub Pages构建个人免费博客网站详解（上篇：GitHub页面搭建）——超全教程揭秘和的相关问题不太懂，没关系，今天就由我来为大家分享分享使用Hexo与GitHub Pages构建个人免费博客网站详解（上篇：GitHub页面搭建）——超全教程揭秘以及的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

原创文章欢迎转载，传播知识。版权属于作者。商业转载请联系作者授权。非商业转载请注明作者和出处并留言告知博主，以便更正后能找到原文！

原文链接：blog.mintools.cn

即将毕业的大四一直想创建自己的博客网站来管理和分享知识。当然，这也是一张展示自己的名片，也是一份精彩全面的简历。毕竟，它在一定程度上显示了个人身份。能力、阅历、经历体现了个人知识的深度和广度。

摘要

本章主要讲在GitHub上搭建博客网站。在网页部分，主要是通过上传开源项目文件直接部署来正常显示。下一章我会详细讲解如何使用Hexo部署一个开源博客网站，以及后期如何日常撰写博文。

接下来我会详细介绍一下搭建个人网站的具体流程以及可能遇到的问题，从注册域名（可以独立访问的路径URL），到创建空间、编写网站代码，以及然后绑定域名，设置域名解析，这样您就可以通过域名正常访问本网站了。

整个过程是我自己探索后的操作过程记录，真实案例，操作简单，适合没有开发经验的新手。如果有什么不明白的地方，请在blog.mintools.cn留言。

完成效果

图片

总体思路

购买域名，创建GitHub个人网站项目和代码仓库，上传个人网站网页到GitHub仓库，绑定域名，设置域名解析，将域名与网站关联起来代码仓库

具体步骤

1. 购买域名

1.1 向域名服务提供商购买域名

国内：万网（被阿里云收购）、腾讯云、新网等

海外：GoDaddy（GoDaddy的广告非常多）等。

可以从这些域名服务提供商处购买域名。综合价格比较，阿里云和腾讯云最便宜，尤其是阿里云。虽然狗爹的首年费用比阿里云低，但第二年之后的续费费用相当昂贵，所以从价格上来说阿里云是最好的。而且阿里云的域名服务也很好。毕竟收购了国内巨头的万网。

点击此处可以免费领取阿里云产品的优惠券在域名查询栏中搜索您想要的域名。如果域名查询未注册，可以直接添加到购买列表中。

imageimage登录阿里云账号进行购买并支付。相信每个人都需要一个淘宝账号。可以直接使用账号登录，非常方便。

购买并确认订单时，请务必选择域名持有者信息（个人或企业）。阿里云将赠送免费版企业邮箱，可开设50个邮箱账户，每个账户拥有5G邮箱容量和2G网盘容量。

imageimage建议直接用支付宝支付，快捷方便。

镜像购买成功后，域名将进入域名实名认证。如果是个人，只需填写身份证等简单的个人实名信息，等待1~3天左右即可。我的不到1天就过去了。如果是企业，就需要营业执照或者组织机构代码证复印件，需要的材料很多。我想大部分读这篇文章的新手都是个人的。

图

1.2 温馨提示1

购买域名时需要进行实名认证。建设网站时，还需要购买主机。然后域名和主机要一起审核备案。很多朋友听说将国际域名绑定到海外主机不需要注册，都觉得很棒。不过国内注册和注册审核速度有点慢，只有3到15天，上传证书等也需要一些时间，而且不够免费。但如果网站的目标群体主要是国内用户，最好还是老老实实注册，以免后期访问受到限制。

（PS：当然，本文介绍的是GitHub，所以不需要购买主机。）

有免费空间和付费空间。免费的不够稳定，而且大多不安全。有些甚至会在您的网站上添加广告。因此，如果您需要购买主机来搭建其他网站，建议您购买正规的，例如阿里云、华为云等。

当然，如果真正谈论免费稳定的空间，GitHub就是这样的存在。 GitHub允许上传个人网站项目和自定义域名，服务稳定。这确实是最好的选择。因此，现在国内类似的服务有很多，比如GitCafe、coding、CSDN的CODE、开源中国OSChina等，但GitHub仍然是主流。

2. 创建GitHub个人网站项目和代码仓库

2.1 GitHub简介

GitHub (https://github.com/) 是开源和私有软件项目的托管平台（或远程代码仓库）。 GitHub 是来自世界各地的程序员聚集在一起互相分享代码、改进他人、提高自己的地方。大家都在为开源社区而努力。

这里我们利用GitHub上的开源项目来搭建个人博客。无需购买服务器，因此无需访问数据库。非常适合建立自己的博客或个人网站。当然，简单公司介绍的静态网站也是可以的，但不支持大型网站和动态网站。的。

如果你想了解GitHub的基本用法，可以简单查看【从0开始学习GITHUB系列，第一次认识GITHUB】和【从0开始学习GITHUB系列，加入GITHUB】。语言通俗易懂，教学简单基础，让你有一个初步的了解。查看GitHub。

2.2 注册GitHub账号

要使用GitHub，您首先需要有一个GitHub帐户。如果您没有，请快速注册一个。它超级容易使用，是优秀程序员的必备工具。有些公司甚至将此作为招聘要求。

在注册页面，您需要填写您的用户名、电子邮件和密码。如果填写用户名，在GitHub上搭建博客时默认生成的博客地址是http://username.github.io，所以为自己选择一个更好的用户。命名它。

现在你已经有了一个github帐户，用户名是username。

图

2.3 创建仓库，新建个人网站项目

登录GitHub后，单击“新建存储库”创建项目存储库。

由于我们是搭建个人网站项目，所以仓库的名称需要按照个人网站项目的规定，Repository名称设置为username.github.io。这是GitHub 分配给每个用户的GitHub Pages 地址。要使用它，只需创建一个名为username.github.io 的新仓库，其中存储您的个人主页代码。例如，如果我的GitHub 用户名是Elvis-Rothschild，那么我会填写Elvis-Rothschild.github.io。然后选择公共模式并单击创建存储库按钮。

镜像仓库建好后，应该是这样的。进入项目主页面，点击Settings，点击Settings按钮。

图像

进入设置页面，选择模板，点击【选择主题】即可发布并生成主题页面。

现在我们的github主页已经完成了。只需在地址栏中输入username.github.io 即可访问您的主页。

图片

温馨提示2

GitHub个人网站项目虽然是免费的，但仍然存在一些限制，但对于大多数人来说，已经完全足够了。

单个仓库大小不能超过1GB，单个上传文件大小不能超过100MB。如果通过浏览器上传，则不能超过25MB。个人网站项目也不例外。 1GB的个人网站项目每月最大访问请求数不能超过10万，总流量不能超过100GB，每小时创建的个人网站项目数量不能超过10个。当然，这些政策可能随时改变。您可以通过该页面查看最新政策。

https://help.github.com/articles/what-is-github-pages/#recommended-limits

3. 上传个人网站网页到GitHub仓库

3.1 编写网站代码（或用开源的网站项目）

自动生成的页面肯定不完美。我们希望能够设计出属于我们自己的个人网站。因此，我们可以自己设计编写一个网页文件，命名为index.html。然后上传到你的GitHub个人网站项目中。

当然，如果你目前没有写作能力，GitHub上有很多开源项目。要知道GitHub是全球最大的开源项目社区，有很多与网站制作相关的项目。比较著名的开源主题有hexo、jekyll等，我使用的是开源项目NexT主题。

这里，你也可以先复制我的，进入我的项目https://github.com/Elvis-Rothschild/Elvis-Rothschild.github.io/new/master，然后下载源码。解压后，得到里面的index.html文件。

如果imageimage 不起作用，您可以跳过此步骤。先使用GitHub生成的主题模板即可。只要能正常显示，我会在下一章详细讲解如何用Hexo部署自己的博客网站。

3.2 上传index.html文件

进入个人网站项目主页，点击上传文件按钮进入上传文件页面，将index.html文件拖入蓝色大圆圈区域，点击提交按钮提交成功。这时，打开URL username.github.io，可以看到首页已经变成了新上传的网页。

当然，为了防止自己编辑的内容与复制的内容冲突，可以点击右上角的fork，创建项目的一个分支，自己编辑。您编辑的内容不会与项目创建者的版本冲突。

4. 绑定域名，并设置域名解析，关联域名和网站代码仓库

网页已成功上传。 GitHub 为我们的每个注册用户提供了一个唯一的username.github.io URL。 GitHub服务器会帮助我们托管这个用户名.github.io使用的所有代码并自动运行，所以我们不需要购买服务器或云主机来自己运行它。不过我们购买域名的原因是我们不想一直通过username.github.io来访问我们的个人网站，而是想通过自己的独立域名来访问。

因此，让我们将username.github.io 与我们购买的域名关联起来。