0%

个人博客的搭建和配置

本博客搭建参考了以下几篇文章:

使用GitHub/GitLab/码云搭建个人博客

这篇文章介绍得非常详细,有兴趣可以参考一下。

使用next主题

这里使用next的版本已经停止维护了,建议使用最新版本 next

为NexT主题添加文章阅读量统计功能

这个在 next 的doc里都有介绍


安装 nodejs

安装完后打开cmd,这里我用的是powershell,输入npm -v

安装 Git

安装完成后打开Git Bash,输入

1
2
git config --global user.name "username" //Github的用户名
git config --global user.email "email" //Github的邮箱

配置本地SSH

1
ssh-key -t rsa -C "email"      //此处“C”要大写,邮箱使用Github注册邮箱

之后一路回车过去即可

将SSH配置到Github

生成ssh-key后会提示保存的路径,用文本编辑器打开文件,复制文件内所有文本。打开Github,在设置里的SSH里添加我们自己的ssh-key。

安装hexo

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

这时候如果没问题的话,可以在本地服务器看到自己的博客了。

在Github上新建一个公共项目

名字为 username.github.io ,必须是这个格式

修改_config.yml

将repo的url改成自己项目的地址,这样在后面deploy时就会上传到github的项目里。

1
2
3
4
5
6
7
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/username/username.github.io.git

branch: master

部署到Github

1
npm install hexo-deployer-git --save

然后 输入命令

1
hexo d

这时候可以到自己项目里看一下,发现public里的文件都上传到Github了。

使用免费域名

在Github你的项目设置里Github Pages前勾上

这时候可以通过https://username.github.io访问你的博客了

更新博客

之后在更新博客时,我们只需要

1
2
hexo g
hexo d

配置域名

我们可以在阿里云查询自己想要的域名,一般冷门域名首年比较便宜,购买后经过域名实名审核,我们就可以在域名管理器里配置我们的域名了。

首先自己先ping一下自己的博客网站

1
ping username.github.io

然后将得到的ip复制,在域名管理器里我们编辑解析设置。记录类型选择 A-将域名指向一个ipv4地址,主机记录填@,解析线路选择默认就好了,记录值填自己刚才复制的ip地址。

然后我们在github的项目设置里,将github page的domain填上自己申请的域名,就可以通过自己的域名访问博客了。