hexo博客如何绑定个人域名

我利用hexo在github上搭建了自己的独立博客。如果要打开这个博客，我们则需要输入GitHub下的二级域名username.github.io，这里面的username就是你注册GitHub账户时的用户名。但是为了使自己的博客显得理加专业一起，我们可以将博客指向自己的专属域名。

具体流程如下：

1. 注册个人域名

我们可在到主流域名提供商处来购买域名，例如阿里云，腾讯云等。一般的域名一年的费用在几十块钱。但是大部分靓一些的域名都已经被注册过了，这种域名购买的话，会贵一些，但是对个人用户来说也没有必要。

我以阿里云为例，首先想好自己的域名，然后在阿里云上搜索，看看是否已经被注册，如果.com后缀已被注册。可以看看其它的后缀情况，例如.net，.cc等。个人一般无法注册.cn的后缀域名。另外因为涉及到备案，选择后缀时应该仔细看一下域名服务商的说明。

阿里云购买域名要求先实名认证，按提示要求操作即可。

最后一步就是支付。支付成功后，域名一般就注册好了。

2. 域名解析

还是以阿里云为例。假如我们的域名是 domain.com
注册好域名后，进入域名控制台，找到注册的域名，操作->解析->添加记录。
前缀的话，可以是@，www，或是自己想的其它域名，例如blog。
如果是@的话，访问时输入 https://domain.com
如果是www的话，访问时输入 https://www.domain.com
如果是blog的话，访问时输入 https://blog.domain.com

这里有两种添加记录的方式

  • 一是CNAME方式，即将域名指向github下的二级域名
  • 二是A方式，即将域名指向github二级域名的Ipv4地址。获取地址的方式是打开终端，输入ping username.github.io(这里的username需要换成你自己的账号名)，如果成功了，把输出的ip地址复制一下，添加到阿里云控制台的IP地址输入框中。

3. 设置github

登录github以后，找到自己的博客仓库，菜单：Settings->Pages->Custom domain，在输入框中输入你自己的设定域名。如果设置了前缀，要输入完整的。等待一会儿，而页面提示如下内容，说明设置好了。

1
2
3
4
DNS check successful
TLS certificate is being provisioned. This may take up to 15 minutes to complete.
3 of 3 
Certificate Active: The certificate has been activated. Please allow for up to 30 minutes to 1 hour for it to be globally available. If you still see a privacy error, you may need to restart your browser.

4. 设置CNAME

在本机的博客目录下面，找到source目录，在该目录下创建名为CNAME的文件(没有后缀名),以文本方式打开，添加已解析的域名，和上一步中github后台输入的域名一致。
最后别忘了在终端输入

1
2
hexo g
hexo d

等待一会儿，试试在浏览器中输入自己的域名，是不是成功了。

hexo博客更换主题的方法

我用hexo搭建的自己的博客，但是感觉默认的主题不太好看，那么如何才能更换一个让自己满意的主题呢?

hexo提供了很多主题可以参考，网址在这里：https://hexo.io/themes/ 。这个页面提供了主题的预览效果以及下载地址。点击主题的图片，即可预览该主题的效果，点击主题的名字，可以跳转到该主题的github下载页。

我找了一个比较简洁的主题 https://github.com/hexojs/hexo-theme-light ，准备换上。由于我在搭建博客的过程中，已经安装好了nodejs,git,hexo-cli等工具，这里就不用重复安装了，直接开始更换主题的操作。

具体流程如下：

1. 下载主题

进入该主题的github下载页，我选择主题下载页是这里： https://github.com/hexojs/hexo-theme-light ，点击Code -> Clone，复制https下载链接。
然后在本机上进入博客的目录，我本机上是~/blog/ ，运行如下命令

1
2
cd themes
git clone https://github.com/hexojs/hexo-theme-light.git ./light

主题的存放目录是 ./themes，为了方便管理，每一个下载的主题都建一个单独的目录，我这个主题的目录是./light。

2. 使主题生效

找到博客目录下的配置文件 _config.yml, 找到Extensions模块，修改字段。
由于我是第一次更换主题，之前使用的是默认主题，修改前的配置是这样的：

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

修改成我新下载的light主题之后是这样的：

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: light

然后，通过运行命令 hexo s ，启动本地服务，通过http://localhost:4000/ 查看修改后的效果。

运行以下命令，使主题更新到博客

1
2
3
hexo clean
hexo g
hexo d

3. 主题更新

这一步不是必须的，如果主题有优化更新或者修改bug之后，我们在本地需要同步更新一下，在博客目录运行如下命令

1
2
cd ./themes/light/
git pull

是不是整个流程比较简单，你也快来试一试吧！

在github上搭建个人独立博客

这篇文章会给大家分享利用github pages搭建我的个人独立博客的过程。本文操作中所使用的操作系统为MacOS。

一、工具准备

1.下载nodejs

https://nodejs.org/zh-cn/download/
进入网站以后，根据自己的电脑系统，选择不同的平台下载。目前支持的主要平台是Windows,MacOS,Linux。下载的版本推荐是长期维护版，另外一个版本是最新尝鲜版，虽然包含了很多最新功能，但是有可能不太稳定，不太适合新人使用。

2.下载git

https://git-scm.com/downloads
进入网站以后，也是跟据自己的电脑系统选择相应平台。安装时基本就是按照它的提示，点击下一步即可。

3.测试安装结果

打开终端（Windows系统下需要管理员运行cmd），依次输入

1
2
3
node -v
npm -v
git -v

如果都能正常输出版本号，说明安装成功了，可以进入下一步操作。

4.安装hexo

1
npm install hexo-cli -g

这里比较旧的版本可能是npm install hexo -g，但是现在这个命令已经不用了

二、搭建仓库

1.注册登录github

登录成功以后，点击 Repositories -> New，进入新建仓库页面
在仓库名称处，输入 用户名.github.io (这里的用户名是你注册的用户名，一般是英文字母)
选择Public
选择Add a README file
最后，点击最下面的Create repository，完成仓库创建。

2.创建SSH key

打开终端，输入

1
ssh-keygen -t rsa -C "邮件地址"

然后连续4次敲入回车键，完成创建。
打开~/目录，寻找.ssh目录，这是一个隐藏目录，需要在Find中设置一下，把所有隐藏的目录显示出来才能看到。在Windows系统下的目录应该是C:\Users\用户名。
在.ssh目录中，以文本方式打开id_rsa.pub文件，并复制里面的内容。

然后打开github，点击右上角图形，在弹出菜单中选技Settings，进入设置页面。
选择SSH and GPG keys菜单，在SSH keys项上点击New SSH key，在弹出框中粘贴刚才id_rsa.pub的文件内容。

现在，可以测试一下是否成功了，在终端中输入

1
ssh -T git@github.com

回车，然后再输入yes。

三、在本地生成博客内容

1. 在本地电脑上建一个博客目录，比如~/blog/，在终端上进入这个目录，然后运行

1
hexo init

我在运行时，报了如下错误：

1
2
3
4
5
6
7
(node:67639) ExperimentalWarning: The fs.promises API is experimental
INFO  Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO  Install dependencies
warning hexo-renderer-stylus > stylus > css > source-map-resolve@0.6.0: See https://github.com/lydell/source-map-resolve#deprecated
error hexo@6.3.0: The engine "node" is incompatible with this module. Expected version ">=12.13.0". Got "11.13.0"
error Found incompatible module.
WARN  Failed to install dependencies. Please run 'npm install' in "/Users/tianlibin/blog" folder.

从错误信息上可以看出来，是我本地的node版本太低了，因为hexo要求node最低版本是12.13.0。升级了本机的node版本后，问题解决。

2. 运行

1
hexo generate

注：此命令可简写为 hexo g

3. 运行

1
hexo server

注：命令可简写为 hexo s
如果上述命令运行失败，有可能是国内与github的连接不太稳定，可以尝试重复几次，直到成功。
每次写好文章之后，也可以运行这个命令，来预览文章的效果。

hexo server命令运行成功后，输出如下：

1
2
3
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

在浏览器地址栏里打开 http://localhost:4000/ ，即可看到一个博客DEMO页面
可以按 control+C，结束服务。

4. 修改_config.yml

在博客目录下，找到_config.yml文件，找到 Site模块，修改

1
2
3
4
5
6
7
8
# Site
title: '给博客取个大标题'
subtitle: '给博客取个副标题'
description: ''
keywords:
author: 
language: en
timezone: ''

在这里可以修改网站的标题、副标题、描述、关健字、作者、语言等信息。

另外，找到最下面的Deployment模块
原始内容如下：

1
2
3
4
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

修改如下

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repository: git@github.com:xxx/xxx.github.io.git
  branch: main

这里有几点需要注意一下

  • type,repository,branch三个关健字，前面都有两个空格，冒号后面有一个空格，这里不能把空格删掉
  • type和branch后面的值都是固定的，repository后面的值，需要到github上找你创建的那个仓库，点击Code按钮，复制git的链接。（为了后面提交代码方便，尽量复制git链接，而不是https链接）

四、博客上线

1. 安装自动部署发布工具

1
npm install hexo-deployer-git --save

然后在终端依次输入

1
2
hexo g（生成）
hexo d（上传）

接下来我们就成功把本地内容上传到github了
上传成功以后，我们就算搭建好了！上自己的网址看看吧
网址是我们之前设的仓库名：用户名.github.io

2. 写文章

我们在Blog目录下，在终端中输入以下命令，就可以生成新的文章文件

1
hexo new 文章标题

文章是.md格式，在我们的Blog文件夹中的source/_posts中。
我个人是使用有道云笔记录来编辑md文件，支持所见即所得。

3. 上传文章

文章写好以后，还是输入，即可发布。

1
2
hexo g（生成）
hexo d（上传）

至此，我们就成功搭建好基本的博客了，剩下的就是对博客的一些优化和美化了。