利用 Github Pages 和 Hexo 初步搭建博客

最新推荐文章于 2024-08-16 07:56:06 发布

FFOYeah

最新推荐文章于 2024-08-16 07:56:06 发布

阅读量661

点赞数 1

本文链接：https://blog.csdn.net/jasmineaha/article/details/86372515

版权

欢迎各位大佬来参观我的博客：AmosMeer’s Blog
搭建过程中出现的任何问题请参考博客：常见问题解决
完整的博客搭建过程的文章汇总：

关于Github

Github的优点

GitHub是基于git实现的代码托管。git可能是目前最好用的版本控制系统了，非常受欢迎。
GitHub可以免费使用，并且快速稳定。
Github上面的世界很精彩，用久了你的眼界会开阔很多。

Github Pages

Github Pages可以被认为是用户编写的、托管在github上的静态网页。

Github Pages可以绑定你的域名(但暂时好像只能绑定一个)。
简单快捷，使用Github Pages可以为你提供一个免费的服务器，免去了自己搭建服务器和写数据库的麻烦。

环境准备

1. 安装Node.js

在 Windows 环境下安装 Node.js 非常简单，仅须到官网下载安装文件并执行即可完成安装。

2. 安装Git

去Git官网根据你的电脑参数，下载对应版本。

下载完成，通过在命令行输入 git version 查看是否安装成功，有输出版本号说明安装成功。

鼠标右键的菜单里就多了 Git GUI Here 和 Git Bash Here 两个按钮，一个是图形界面的Git操作，一个是命令行，我们选择Git Bash Here。

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

1. Hexo安装

桌面右键鼠标，点击 Git Bash Here，输入 npm 命令即可安装

npm install hexo-cli -g
npm install hexo-deployer-git --save

第一句是安装hexo，第二句是安装hexo部署到git page的deployer，两个都需要安装。

2. 初始化配置

创建Hexo文件夹

安装完成后，根据自己喜好建立目录（如F:\Blog\Hexo），直接进入F:\Blog\Hexo文件夹下右键鼠标，点击Git Bash Here，进入Git命令框，执行以下操作。

$ hexo init

安装 Hexo 完成后，Hexo 将会在指定文件夹中新建所需要的文件。Hexo文件夹下的目录如下：

本地查看效果

执行下面语句，执行完即可登录localhost:4000查看效果

hexo generate
hexo server

登录localhost:4000，即可看到本地的效果如下：

将博客部署到Github Pages上

一. 注册Github账户

访问Github首页
点击右上角的 Sign Up，注册自己的账户点击右上角的 Sign Up，注册自己的账户

二. 创建项目代码库

注册完登陆后，我们就创建一个我们自己的Github Pages项目。点击New repository。
创建要点如下：

三. 配置SSH密钥

配置Github的SSH密钥可以让本地git项目与远程的github建立联系，让我们在本地写了代码之后直接通过git操作就可以实现本地代码库与Github代码库同步。操作如下：

看看是否存在SSH密钥(keys)

$ cd ~/. ssh

检查你本机用户home目录下是否存在.ssh目录
如果不存在此目录，则进行第二步操作，否则，你本机已经存在ssh公钥和私钥，可以略过第二步，直接进入第三步操作。

创建一对新的SSH密钥(keys)

$ssh-keygen -t rsa -C "your_email@example.com"
#这将按照你提供的邮箱地址，创建一对密钥
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

直接回车，则将密钥按默认文件进行存储。此时也可以输入特定的文件名，比如/c/Users/you/.ssh/github_rsa

接着，根据提示，你需要输入密码和确认密码，如果和我一样比较懒可以不设置密码，直接回车就好。。~~所谓的最安全的密码，就是没有密码哈哈哈~~ 相关提示如下：

Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]

输入完成之后，屏幕会显示如下信息：

Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db your_email@example.com

在GitHub账户中添加公钥

运行如下命令，将公钥的内容复制到系统粘贴板(clipboard)中。

clip < ~/.ssh/id_rsa.pub

然后：
1. 登陆GitHub,进入你的Account Settings.

2. 选择SSH Keys

3. 粘贴密钥，添加即可

4. 测试是否成功设置

$ ssh -T git@github.com

如果收到下面的反馈，直接输入 yes 就好

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)?

5. 设置用户信息
现在你已经可以通过SSH链接到GitHub了，但是还有一些个人信息需要完善。
Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理，输入下面的代码进行个人信息的设置，把名称和邮箱替换成你自己的，名字根据自己的喜好自己取，而不是GitHub的昵称。

$ git config --global user.name “AmosMeer” //你的用户名
$ git config --global user.email "amosmeer@gmail.com" //你的邮箱

SSH Key配置成功

将本地的Hexo文件更新到Github的库中

登录Github打开自己的项目 username.github.io
打开之后，点击SSH，选择SSH类型地址并复制地址
打开你一开始创建的 Hexo 文件夹（如 F:\Blog\Hexo），用记事本打开刚文件夹下的 _config.yml 文件
在配置文件里作如下修改，保存
在Hexo文件夹下执行：

hexo g
hexo d

或者直接执行：

hexo g -d

执行完之后会让你输入 github 的账号和密码，输入完后就可以部署在 Github Pages 服务器上的博客了。对应的地址是 username.github.io(我的是：AmosMeer.github.io)。

在浏览器上输入自己的主页地址
在浏览器上输入Github Pager为我们生成的外链（例如我的是：AmosMeer.github.io/，而你的只需要把你的github用户名替换掉这个链接中的 AmosMeer）即可看到自己的博客了。
当然，每一个人都可以通过这个地址访问到你的博客了。

到这为止，博客就初步搭建完成啦！

关联域名到Github Pages

配置CNAME文件

在 \hexo\source 文件夹下创建文件 CNAME （新建记事本文件命名CNAME，然后打开）
内容为你的域名，例如我的域名是：amosmeer.cn

在Hexo文件夹提交

hexo g -d

修改DNS

点击域名管理，修改DNS为（一般就是默认值）：

f1g1ns2.dnspod.net 
f1g1ns1.dnspod.net

一般都会有引导，可以点击 “一键修改”

域名解析

点击 “域名解析”
点击 “添加记录”
记录类型选A，解析记录设置为@。A记录的记录值就是ip地址，github(官方文档)提供了两个IP地址，192.30.252.153 和 192.30.252.154，这两个IP地址为 github 的服务器地址，两个都要填上。
再添加一条解析记录，记录类型选 CNAME，解析记录设置为www，线路默认就行。CNAME 记录值填你的github博客网址，例如我的是amosmeer.github.io。