如何不购买服务器，域名+解析+GitHub来搭建自己的个人网站

如何不购买服务器，域名+解析+GitHub来搭建自己的个人网站 Geek笑点低

[url=]关注[/url]

[color=rgb(234, 111, 90) !important] 1.6 2018.03.12 23:28 字数 1646 阅读 7347评论 3喜欢 33


域名+解析+GitHub来搭建自己的个人网站

标签： GitHub使用技巧 网站搭建

---

摘要

本文主要介绍如何申请注册域名，使用GitHub上的开源项目来搭建一个网站/个人博客。由于无需购买服务器，所以没有数据库访问，很适合建立自己的博客或者个人网站，而不适合大型网站。本方法已经经过作者实际验证，真实有效，操作简单，适合没有任何网站开发经验的小白。

最终效果

欢迎界面

内容

总流程

• 购买域名
  

• 注册GitHub账号，并创建一个代码仓库（repository）
• 编写网站代码或者使用开源的网站项目
• 将域名和刚创建的网站代码仓库相关联
  

具体步骤

1. 购买域名
向域名提供商购买域名。作者熟悉的域名提供商：
国外：godaddy
国内：腾讯云、阿里云
其余的可以百度/谷歌一下。申请方法步骤和步骤大同小异。
由于作者还是在校生，针对在校生腾讯云和阿里云都提供了相应的优惠，在校生可以关注一下他们的优惠信息。godaddy也有一些优惠码，购买域名之前可以搜索一些优惠码。

这里我选择的是阿里云,注册-验证-登录，找到其下的万网，

万网

在域名查询栏中搜索自己想要的域名，

域名查询

一般比较容易想到的别人都注册了，可以多试几次，实在不行就购买比较不常见的后缀（一级域名）的域名。

domin

此处输入图片的描述

添加到订单-支付-支付成功，于是你就有了属于自己的域名了。
在阿里云购买的域名提供了云解析（就是将网站的IP地址和域名关联起来），其他地方我不是很清楚，如果没有，在购买相应的DNS（域名解析系统）的服务就可以了。由于无需购买云服务器或者云主机，所需的花费还是十分低廉的。

当然选择国内的域名提供商还需要通过实名认证，选择实名认证，提交自己的身份信息，一般3-5个工作日就好了（实际上我的第一个域名审核通过只花了2天不到）。

此处输入图片的描述

这时候你就可以学习如何使用GitHub了。

2. 注册GitHub账号，并创建一个代码仓库（repository）

关于GitHub是什么，如何使用，许多热心的大牛们已经写过很多相关介绍的文章了，这里推荐@StormZhang的从0开始学习 GITHUB 系列，语言通俗易懂，对于初步了解GitHub很有帮助。

这里我只介绍与本文相关的GitHub说明和使用。GitHub，你可以初步认为它就相当于专门存放代码的云盘，当然，GitHub的功能不止于此。

使用邮箱到github上注册一个GitHub账号，推荐使用@hotmail/@outlook/@gmail或者自己学校的提供的邮箱后缀的邮箱注册。

注册-认证-登录，然后就可以开始创建自己的代码仓库了。创建的方法@StormZhang的从0开始学习 GITHUB 系列，中也有详细的介绍。对于本项目来说也可以先不看。

3. 编写网站代码或者使用开源的网站项目
先别着急，要是一点网站建立的经验都没有，最好使用开源的项目。GitHub是全世界最大的开源项目社区，上面关于网站制作的项目非常多。

关于网站制作的比较著名开源主题有jekyll、hexo等，可以从网站找到相应创建网站的方法。这里我使用的大牛@onecat的开源项目vno-jekyll主题。

一个简便的方法就是，点击右上角的fork，直译是叉子，也就是创建该项目的一个分支，自己进行编辑，自己编辑的内容不会和项目创建者的版本相冲突。

fork

点击之后你就有了一个与之同名的项目，现在它就是你的了。
还有两步就可以搭建自己的网站了。接下来的工作，简单得超乎你的想象。

4. 将域名和刚创建的网站代码仓库相关联
GitHub为每个注册的用户提供了一个专有的[用户名].github.io（只有一个）这样一个网址，你就可以使用它来和自己购买的域名相关联。之所以不需要购买服务器或者云主机，原因就在GitHub服务器会帮你托管这个[用户名].github.io所用到的全部代码，自动运行。

你要做的就是将刚刚fork的开源网站项目和自己购买的域名关联起来，还有最后三步就可完成。

• 倒数第三步
  将刚才fork的项目，修改名称为[用户名].github.io，用户名就是你注册GitHub使用的名称。
  

rename1

rename2

注：删除某个项目，也是在setting中，页面最下方。

• 倒数第二步
  在该项目下新建文件，命名为CNAME,内容为你的域名。
  
  creat_newfile
  
  
  

CNAME

• 最后一步
  到自己的域名管理控制台>>点击解析>>进入如下页面，添加如下信息：
  记录类型：CNAME，主机记录：随便填都行，记录值一定要是[用户名].github.io，TTL：从下拉选项中选择一项。
  

DNS

解析成功。你的网站就建立成功了。在浏览器地址栏输入：
http://主机记录值.域名
（例如www.blankspace.cn）,就可以转到你自己的网站了。

ONECAT

当然由于是开源的项目，此时的界面是大牛@onecat的样式和内容，距离文章开头的样式还需要进行一定的修改。至于如何修改，以及往其中添加新的页面，如何进行文章的更新，将在以后进行介绍。感谢你的阅读。

我知道答案 本帖寻求最佳答案回答被采纳后将获得系统奖励10 天空金币 , 目前已有4人回答

作者可以多写写这样的文字，很不错。加油。

https://www.google.com.mt/url?q=https://sg7.my1.ru/forum/22-76-1
https://images.google.com.mt/url?q=https://gallery.do.am/forum/2-100-1
https://images.google.sc/url?q=https://bonusyes.clan.su/forum/3-22-1
https://www.google.co.in/url?q=https://studia-axtv.ucoz.com/forum/2-10-1
https://cse.google.co.cr/url?q=https://5830g.ucoz.ru/forum/5-17-1

https://images.google.com.bz/url?q=https://migerka.ucoz.ru/forum/47-1219-1
https://www.google.by/url?q=https://gallery.do.am/forum/2-100-1
https://images.google.com.af/url?q=https://babas.at.ua/forum/15-25-1
https://www.google.com.bo/url?q=https://xa.at.ua/forum/2-17-1
https://images.google.nl/url?q=https://5830g.ucoz.ru/forum/5-17-1

好无聊啊！

全文眉目清晰，生动紧凑，趣味性强。