零成本 | 手把手教你搭建免费个人博客！

搭建博客步骤

GitHub创建个人仓库

配置 SSH key

搭建博客步骤

1、本次实验使用 CentOS 7.7

[root@qll251 ~]# cat /etc/redhat-release
CentOS Linux release 7.7.1908 (Core)
[root@qll251 ~]#

2、安装git

 yum -y install git

安装后，用git --version查看一下版本

git是一个分布式版本控制系统，用于项目的版本控制管理。这里用于管理你的hexo博客文章，上传到Github的工具。

3、安装node.js

1）下载node.js安装包
wget https://nodejs.org/dist/v10.0.0/node-v10.0.0-linux-x64.tar.gz

2）解压至/usr/local/下
 tar -zxvf node-v10.0.0-linux-x64.tar.gz -C /usr/local/

3）将解压后的文件夹重命名为 node-v10.0.0
[root@qll251 ~]# cd /usr/local/
[root@qll251 local]# mv node-v10.0.0-linux-x64 node-v10.0.0

4）检查是否安装成功，node -v出现版本号说明安装成功
[root@qll251 local]# cd node-v10.0.0/bin/
[root@qll251 bin]# ls
node  npm  npx
[root@qll251 bin]# ./node -v
v10.0.0
[root@qll251 bin]#

5）做软链接使node和npm命令能够全局使用
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/node /usr/local/bin/node
[root@qll251 bin]# ln -s /usr/local/node-v10.0.0/bin/npm /usr/local/bin/npm

注意：Node.js 版本需不低于 8.10，建议使用 Node.js 10.0 及以上版本

之所有安装nodejs，是因为Hexo是基于node.js驱动的一款博客框架。

4、安装hexo

以上必备的应用程序安装完成后，即可使用 npm 安装 Hexo

执行npm install -g hexo-cli

会有如下两条WARN

经查询发现这两条warning信息是因为安装的fsevent是Mac系统需要的。这里是Linux环境，所以会有告警，忽略即可。

5、配置hexo命令全局生效

我们用hexo -v查询下hexo版本

提示命令找不到，因此做个hexo命令的软链接，使hexo命令全局生效

6、初始化hexo

[root@qll251 ~]# hexo init myblog
[root@qll251 ~]# cd myblog
[root@qll251 ~]# npm install

新建完成后，myblog文件夹的目录如下：

.
├── _config.yml # 博客的配置文件，您可以在此配置大部分的参数。
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹，用来存放您的文章
|   ├── _drafts # 草稿文件
|   └── _posts # 文章Markdowm文件
└── themes  # 主题文件夹

7、启动hexo

好了，如果上面的命令都没报错的话，现在可以启动hexo了~

在浏览器上输入：http://localhost:4000；就可以预览效果了

至此，我们本地的博客就搭建成功了，接下来就是部署到 Github Page 了。

GitHub创建个人仓库

首先，你先要有一个GitHub账户，如果还没有。点击注册

1、注册GitHub

点击Sign up，按照提示进行注册

2、新建GitHub仓库

点击 Start project创建一个新的仓库

3、创建代码库

1）点击New，创建用于托管博客站点的代码库

2）创建代码库

注意，这里仓库命名规定：账户名.github.io

比如账户名是test，那么仓库名就是test.github.io

配置 SSH key

1）配置全局GitHub账户

[root@qll251 ~]# git config --global user.name "qinlulu518"
[root@qll251 ~]# git config --global user.email "[email protected]"

账号名及邮箱填写您注册GitHub上的信息

2）生成密钥 SSH key

ssh-keygen -t rsa -C "上面的邮箱"

3）复制公钥

id_rsa.pub为公钥，cat查询后全部复制下来。

4）复制公钥到GitHub

(a) 回到GitHub，Settings-->SSH and GPG keys

(b) 点击New SSH key

(d) 提交后会进行密码验证

5）确认并添加主机到本机SSH可信列表

将hexo部署到GitHub

1、安装部署插件 hexo-deployer-git

cd myblog
npm install hexo-deployer-git --save

2、修改配置文件

vim ~/myblog/_config.yml

拉到文件末尾，填上如下配置：

100 deploy:
101   type: git
102   repo:
103     github: https://github.com/qinlulu518/qinlulu518.github.io.git
104   branch: master

注意：第103行中替换成你的用户名

3、部署上传

[root@qll251 myblog]# hexo clean  //清除之前生成的东西
[root@qll251 myblog]# hexo generate  //生成静态文章
[root@qll251 myblog]# hexo deploy  //部署文章，需要输入username和password

4、验证登录

在浏览器上输入：https://你的用户名.github.io

此时就可以看到你的博客了~

发布第一篇博客

1、创建文章标题

执行完 hexo new后，在~/myblog/source/_ports/下生成了“开源Linux.md”的文章文件。

.md是Markdown格式的文件。语法比较简单的，具体用法网上搜有很多详细教程的。我最近公众号文章排版使用的就是Markdown格式，很香~

2、编写第一篇博客

3、上传至GitHub

[root@qll251 myblog]# hexo clean  //清除之前生成的东西
[root@qll251 myblog]# hexo generate  //生成静态文章
[root@qll251 myblog]# hexo deploy  //部署文章，需要输入username和password

4、访问验证

浏览器上输入：https://你的用户名.github.io