为什么要写博客

其实一开始并无写博客的想法,后来在码代码的过程中,遇到的许多问题都能在他人的博客中找到解决途径。在不断的品读大神的博客后,我渐渐生出了想融入博客圈的想法。

每个人写博客都有着不尽相同的目的。我开始动笔主要源于:

  • 积累:积累工作与生活当中的所思所想、所学所获。
  • 激励:激励自己不断阅读,不断学习,不断实践。
  • 交流:博客圈是一个充满大神的圈子。
  • 分享:自强不息,也要厚德载物。

怎么搭建自己的博客

刚开始肯定是各种百度找资料,各种踩坑。
就目前来说搭建个人博客最常用的有HexoJekyll,我选择是HEXO+Github搭建个人博客。

注意,hexo版本不同,很多配置也不同,我这里使用的是 Hexo 3 以上版本。

简介

Hexo 是一个快速、简洁且高效的博客框架。官网宣称能让你在30分钟内搭建一个博客网站,Hexo 使用Markdown解析文章,如果对Markdown语法不了解的人可以戳这里

配置环境

  1. 安装Node
    node.js可以在本地搭建服务器,生成你的博客页面,方便你修改博客时进行调试。
    Node官网下载,安装过程一路next即可。

  2. 安装Git
    Git是一个分布式版本控制系统,你可以把它当做可以在任何文件目录下快速开启的命令行工具,相当于macOS的finder。
    git官网下载,安装过程也是一路next。

安装Hexo

装好git后,新建一个文件夹并右键单击选择Git Bash Here,弹出命令行窗口,输入命令:

1
$ npm install hexo-cli -g

npm安装比较慢,推荐使用淘宝镜像安装,
安装了淘宝镜像后,下面的npm皆换成cnpm

安装完成后新建博客项目:

1
$ hexo init

现在你可以查看blog文件夹,接着执行:

1
$ npm install

安装依赖包,接着:

1
$ hexo g

生成静态文件,文件目录下会多出一个public文件夹,再安装服务器模块:

1
$ npm install hexo-server --save

这样即可启动本地服务器了:

1
$ hexo server

在浏览器下输入http://localhost:4000,即可看到你的博客,在服务器启动期间,Hexo 会监视文件变动并自动更新,修改博客刷新页面即可看到变化。
Alt text

配置Github

在你的github里创建一个Repository,

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法。
如果你之前用过github,并在你的电脑里生成了SSH KEY,那么可以直接看下面。
如果是第一次使用github,那么你要生成SSH秘钥:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$ cd ~ #保证当前路径在”~”下
$ ssh-keygen -t rsa -C "xxxxxx@yy.com" #建议填写你申请github使用的邮箱地址
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/xxxx_000/.ssh/id_rsa): #不填直接回车
Enter passphrase (empty for no passphrase): #输入密码(可以为空)
Enter same passphrase again: #再次确认密码(可以为空)
Your identification has been saved in /c/Users/xxxx_000/.ssh/id_rsa. #生成的密钥
Your public key has been saved in /c/Users/xxxx_000/.ssh/id_rsa.pub. #生成的公钥
The key fingerprint is:
e3:51:33:xx:xx:xx:xx:xxx:61:28:83:e2:81 xxxxxx@yy.com

那么本机已完成ssh key设置,其存放路径为:c:/Users/xxxx_000/.ssh/下。

添加ssh key到GItHub

登录GitHub系统;点击右上角账号头像的“▼”→Settings→SSH kyes→Add SSH key。

Alt text
使用记事本打开.ssh文件夹下的known_hosts文件,将里面的文本复制上去即可。

Hexo的部署

配置好github后,我们再来修改博客配置文件,打开根目录下的_config.yml,找到deploy,然后进行修改:

1
2
3
4
deploy:
type: git
repo: git@github.com:yourName/yourName.github.io.git
branch: master

注意,这里的repo可以使用git仓库地址,但在更换设备后,可能提交不了博客,所以我改成了这个地址。

安装 hexo-deployer-heroku:

1
$ npm install hexo-deployer-heroku --save

最后提交你的博客:

1
2
hexo g //生成
hexo d //部署

如果你对博客的更改无论如何也不生效,你需要运行该命令清除数据:

1
hexo clean

在这里博客就配置好了。