利用Github免费搭建个人主页(个人博客)

心已赠人 2022-08-06 10:10 273阅读 0赞

之前闲着, 利用Github搭了个免费的个人主页。 (colin1994.xyz)

这里是我的一个简单主页，有兴趣的朋友可以访问看看。

\*\*\*\*\*\*\*\*\*\*

先不公开了

\*\*\*\*\*\*\*\*\*\*

#  #

今天到家了, 趁着闲着, 写一篇相关教程记录自己搭建的过程。

涉及:

*  Github注册
 *  Github搭建博客
 *  域名选购
 *  绑定域名
 *  更多

# 一。 Github注册 #

在地址栏输入地址：[http://github.com/join][http_github.com_join]  
填写相关信息, 按步骤完成即可。

![Center][]

这样, 你就拥有了属于自己的Github账号了。 很简单吧~

GitHub · Build software better, together. So Cool!

# 二。 Github搭建博客 #

## 配置和使用Github ##

以下教程主要参考beiyuu的[《使用Github Pages建独立博客》][Github Pages]写成。

## 配置SSH keys ##

我们如何让本地git项目与远程的github建立联系呢？用SSH keys。

### 检查SSH keys的设置 ###

首先我们需要检查你电脑上现有的ssh key：

$ cd ~/. ssh 检查本机的ssh密钥

如果提示：No such file or directory 说明你是第一次使用git。

### 生成新的SSH Key： ###

$ ssh-keygen -t rsa -C "邮件地址@youremail.com"
    Generating public/private rsa key pair.
    Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>

注意1: 此处的邮箱地址，你可以输入自己的邮箱地址；注意2: 此处的「-C」的是大写的「C」

然后系统会要你输入密码：

Enter passphrase (empty for no passphrase):<输入加密串>
    Enter same passphrase again:<再次输入加密串>

在回车中会提示你输入一个密码，这个密码会在你提交项目时使用，如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。

注意：输入密码的时候没有\*字样的，你直接输入就可以了。

最后看到这样的界面，就成功设置ssh key了：

[![lpjsl.png][]][lpjsl.png]

### 添加SSH Key到GitHub ###

在本机设置SSH Key之后，需要添加到GitHub上，以完成SSH链接的设置。

*  1、打开本地C:\\Documents and Settings\\Administrator.ssh\\id\_rsa.pub文件。此文件里面内容为刚才生成人密钥。如果看不到这个文件，你需要设置显示隐藏文件。准确的复制这个文件的内容，才能保证设置的成功。
 *  2、登陆github系统。点击右上角的 Account Settings—->SSH Public keys —-> add another public keys
 *  3、把你本地生成的密钥复制到里面（key文本框中）， 点击 add key 就ok了

[![evLU0.jpg][]][evLU0.jpg]

### 测试 ###

可以输入下面的命令，看看设置是否成功，git@github.com的部分不要修改：

$ ssh -T git@github.com

如果是下面的反馈：

The authenticity of host 'github.com (207.97.227.239)' can't be established.
    RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
    Are you sure you want to continue connecting (yes/no)?

不要紧张，输入yes就好，然后会看到：

Hi cnfeat! You've successfully authenticated, but GitHub does not provide shell access.

### 设置用户信息 ###

现在你已经可以通过SSH链接到GitHub了，还有一些个人信息需要完善的。

Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理，输入下面的代码进行个人信息的设置，把名称和邮箱替换成你自己的，名字必须是你的真名，而不是GitHub的昵称。

$ git config --global user.name "cnfeat"//用户名
    $ git config --global user.email  "cnfeat@gmail.com"//填写自己的邮箱

### SSH Key配置成功 ###

本机已成功连接到github。

若有问题，请重新设置。常见错误请参考：

[GitHub Help - Generating SSH Keys][]

[GitHub Help - Error Permission denied (publickey)][GitHub Help - Error Permission denied _publickey]

## 使用GitHub Pages建立博客 ##

与GitHub建立好链接之后，就可以方便的使用它提供的Pages服务，GitHub Pages分两种，一种是你的GitHub用户名建立的username.github.io这样的用户&组织页（站），另一种是依附项目的pages。

想建立个人博客是用的第一种，形如cnfeat.github.io这样的可访问的站，每个用户名下面只能建立一个。

### github上建立仓库 ###

登录后系统，在github首页，点击页面右下角「New Repository」

[![ouQ9f.png][]][ouQ9f.png]

填写项目信息：

project name：cnfeat.github.io

description： Writing 1000 Words a Day Changed My Life

注：Github Pages的Repository名字是特定的，比如我Github账号是cnfeat，那么我Github Pages Repository名字就是cnfeat.github.io。

[![uGwCh.png][]][uGwCh.png]

点击「Create Repository」 完成创建。

创建完以后, 等半个小时左右, 属于你的个人主页就配置好了。 你可以通过 xxx.github.io 进行访问。其中(xxx为你的Github用户名)

# 三。域名选购 #

这里我选择的是dnspod。当然, 这样的服务商很多, 比较出名的应该是万网和dnspod。 不过建议使用dnspod, 万网那个后台简直了...

进入[https://domains.dnspod.cn][https_domains.dnspod.cn] 选择你想要的域名, 购买即可。 我这里的.xyz域名算是最便宜的一种吧。 如果你想学习如何搭建, 建议也买这种的。 9元/年

域名购买支持支付宝。

# 四。绑定域名 #

将独立域名与GitHub Pages的空间绑定

在Repository的根目录下面，新建一个名为CNAME的文本文件，里面写入你要绑定的域名，比如colin1994.xyz

如下:

![Center 1][]

然后到dnspod中, 选择我的域名--->添加一条记录

如下:

![Center 2][]

这里记录类型选择 A. 记录值设置为对应的服务器IP。 也就是你的Github主页的IP。 (获取办法: 打开终端, 输入 ping xxx.github.io) 即可获得。

另外, 如果想指定子域名, 比如 blog.colin1994.xyz 这样, 那么你可以设置如下:

主机类型 blog

记录类型 CNAME

记录值 xxx.github.io

然后到你Github中, 设置CNAME的内容为 blog.colin1994.xyz

如此, 即可。

接下去, 你访问 colin1994.xyz 即可自动指定到 colin1994.github.xyz 访问个人主页。

# 五。更多 #

你可以在github中编辑你自己的个人主页, 想怎么玩, 看你自己。

另外附录一些不错的教程, 以供参考。

[hexo边搭边记][hexo]

[ 如何搭建一个独立博客——简明Github Pages与Hexo教程][_Github Pages_Hexo]

[一步步在GitHub上创建博客主页 全系列 by pchou（推荐）][GitHub_ _ by pchou]

当然. 如果本教程中有任何问题或者不懂的地方, 欢迎指出~

哦哦哦，对了。 还有很重要的一件事, 那就是拉票~

我参加了 2014 CSDN博客之星评选

[如果喜欢, 就给我投上一票吧。 谢谢。][Link 1]![可怜][cute.gif]

[http_github.com_join]: http://github.com/join
[Center]: /images/20220806/7eba98ff3c384abf8150a00f38921507.png
[Github Pages]: http://beiyuu.com/github-pages/
[lpjsl.png]: /images/20220806/709b200071e04a8cbce41cc01849fd15.png
[evLU0.jpg]: /images/20220806/86cf07bab8ef4c97abbea299a54bc11f.png
[GitHub Help - Generating SSH Keys]: http://help.github.com/articles/generating-ssh-keys
[GitHub Help - Error Permission denied _publickey]: http://help.github.com/articles/error-permission-denied-publickey
[ouQ9f.png]: /images/20220806/78d8c4b31f4848d29575a4ff80a06162.png
[uGwCh.png]: /images/20220806/e39aa1bfaefa40c09dacf8f4010eea7e.png
[https_domains.dnspod.cn]: https://domains.dnspod.cn
[Center 1]: /images/20220806/4000c38d296f4649ab06c32c5c5dfdd5.png
[Center 2]: /images/20220806/c0a553cf10684f31bcbb858ec8797078.png
[hexo]: http://blog.sunnyxx.com/2014/02/27/hexo_startup/
[_Github Pages_Hexo]: http://blog.csdn.net/poem_of_sunshine/article/details/29369785
[GitHub_ _ by pchou]: http://pchou.info/web-build/2013/01/03/build-github-blog-page-01.html
[Link 1]: http://vote.blog.csdn.net/blogstar2014/details?username=hitwhylz#content
[cute.gif]: /images/20220806/fa5e135f083a4d2eb7b2730e7a4dca0d.png