博客搭建

采用GitHub+Hexo搭建博客。
优点:干净好看,自主性强,没广告。
缺点:在建设过程中,很容易遇到墙,随之而来的便是失败了。
在此,记录下博客搭建过程。

Node.js

官网( https://nodejs.org/zh-cn/download/ )下载node.js安装包,无脑安装即可。
Windows命令行下,检查是否成功安装:

1
2
3
4
5
D:\>node -v
v12.19.0

D:\>npm -v
6.14.8

使用npm下载依赖时,由于是从国外的网站上下载内容,所以可能经常会出现不稳定的情况,所以需要下载cnpm代替npm,cnpm是国内淘宝的做的,在国内使用较为稳定。

1
2
3
4
1.下载cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.下载依赖
cnpm i 或者 cnpm install

在后续的npm操作中,如卡顿或是直接超时报错,建议使用cnpm代替npm。

Git

官网( https://git-scm.com/downloads )下载Git安装包,在安装过程中如遇到“Use Windows’ default console window”,选择该项即可。剩余步骤无脑安装即可。
Windows命令行下,检查是否成功安装:

1
2
D:\>git --version
git version 2.22.0.windows.1

配置GitHubSSH

1.在本地生成SSH key

1
$ ssh-keygen -t rsa -C "GitHub注册邮箱"

一般默认在 C:\Users\【你的用户名】\.ssh\ 目录下生成相应的id_rsa.pub文件。

2.GitHub添加SSH Key

settings->SSH and GPG keys->New SSH key,
title随意,key则填写id_rsa.pub中的内容。
GitHub添加SSHKey.png

Hexo本地博客搭建

官网( https://hexo.io/zh-cn/ ),官方文档较为详细,可先自行阅读后再进行搭建工作。

1.框架搭建

1
2
3
4
5
6
$ D:
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

以上命令是在D盘初始化了一个blog文件夹,该文件夹存放的是Hexo静态资源。
使用命令行界面进入D:\blog,执行“hexo server”,使用浏览器访问 http://localhost:4000 即可看到我们搭建的博客网站。

2.主题替换以及相关配置文件修改

从官网下载自己心仪的主题,解压缩放置到D:\blog\themes\目录下。
更改根目录下的_config.yml文件,修改theme后面的值为刚才解压缩的文件夹名。重新执行“hexo server”,刷新浏览器会发现博客网站主题已经改变。
配置文件已经插件的下载安装,请自行查阅官网文档以及主题的帮助文档。不在此做过多介绍。

本地博客发布至GitHub

在GitHub上新建仓库,名称格式为“【你的GitHub昵称】.github.io”。
更改根目录下的_config.yml文件,修改deploy后面的内容。

1
2
3
4
deploy:
type: git
repo: [你的仓库地址]
branch: main

使用命令行界面进入D:\blog,执行如下命令:

1
2
3
hexo clean
hexo g
hexo d

至此,静态博客网站搭建完成。

实际上在搭建过程中,遇到了不少问题,并没有上述那么顺利。本文仅作流程参考,如果在搭建过程中遇到了其他问题,还请自行百度解决。
后续几篇文章我将分享下我在搭建过程中遇到的一些问题以及相应的解决办法,供大家参考。