天天看点

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

域名+解析+GitHub搭建个人网站

版权声明:本文为lweet_han的原创文章,可以转载,但请务必注明作者和出处

摘要

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

最终效果

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

1.购买域名(必须先要实名认证)

2.注册GitHub账号,并创建一个代码仓库(repository)

3.将域名和刚创建的网站代码仓库相关联

具体步骤

1.购买域名

向域名提供商购买域名。作者熟悉的域名提供商:

国外:godaddy

国内:腾讯云、阿里云

其余的可以百度/谷歌一下。申请方法步骤和步骤大同小异。

由于作者还是在校生,针对在校生腾讯云和阿里云都提供了相应的优惠,在校生可以关注一下他们的优惠信息。godaddy也有一些优惠码,购买域名之前可以搜索一些优惠码。

这里我选择的是阿里云,注册-登录

之后点击产品、在其中搜索域名、并点击域名注册

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

在这里你可以搜索你想要的域名。

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

选中一个加入购入车进行购买,首先必须实名认证,未实名认证的要先去按照步骤去实名认证。(优惠口令可以不填)

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

2. 注册GitHub账号,并创建一个代码仓库(repository)

GitHub是什么?

GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务,很多人都把它称作程序员的同性交友网站,具体为啥这么叫我也不知道

GitHub pages是什么?

Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站,不过由于他的空间免费而且稳定,因此用它搭建一个个人网站是再好不过了.

  • 官方解释

GitHub Pages is a static site hosting service designed to host your personal, organization, or project pages directly from a GitHub repository.

You can create and publish GitHub Pages sites online using the Jekyll Theme Chooser. Or if you prefer to work locally, you can use GitHub Desktop or the command line.

GitHub Pages is a static site hosting service and doesn’t support server-side code such as, PHP, Ruby, or Python.

To learn more about the different types of GitHub Pages sites, see “User, organization, and project pages.”

  • 使用权限(Usage limits)

    GitHub Pages source repositories have a recommended limit of 1GB .

    Published GitHub Pages sites may be no larger than 1 GB.

    GitHub Pages sites have a soft bandwidth limit of 100GB per month.

    GitHub Pages sites have a soft limit of 10 builds per hour.

  • GitHub页面源存储库的推荐限制为1GB。
  • 发布的GitHub页面站点可能不大于1 GB。
  • GitHub页面站点的软带宽限制为每月100GB。
  • GitHub页面站点的软限制是每小时10个构建。

首先按照提示创建一个用户

在此,我已经有GitHub账号了,就不做演示了,大家可以按照提示进行注册。

创建一个代码仓库(Repositories)

大家可以点击这创建一个代码仓库,由于我已经创建一个代码仓库了,所以中间没有显示,如果你是第一次注册、登录的可能会在中间部分提示你创建代码仓库,总之,认准这几个单词就不会错。

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

在此处写上你的代码名,必须以.github.io结尾

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

可以在这里选择创建新文件或者加载已经存在的文件

域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

3. 将域名和刚创建的网站代码仓库相关联

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

  • 倒数第二步

    在该项目下新建文件,命名为CNAME,内容为你的域名。

    域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站
    域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站
  • 最后一步

    到自己的域名管理控制台>>点击解析>>进入如下页面,添加如下信息:

    记录类型:CNAME,主机记录:www,记录值一定要是[用户名].github.io,TTL:从下拉选项中选择一项。

    域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站
    域名+解析+GitHub搭建个人网站域名+解析+GitHub搭建个人网站

代码仓库中的代码

代码仓库中的代码须为静态代码、可以自行去百度很多关于静态代码的例子,在此不多做介绍。

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

本文参考域名+解析+GitHub来搭建自己的个人网站并在此的基础上对其做了修改,适用于有前端基础却并不会搭建个人网站的朋友。

版权声明:本文为lweet_han的原创文章,可以转载,但请务必注明作者和出处