说明


  博客:正式名称为网络日记,是使用特定的软件,在网络上出版、发表和张贴个人文章的人,或者是一种通常由个人管理、不定期张贴新的文章的网站。
  由于最近看了比较多的书和学习视屏后发现很多知识容易遗忘,并且很多技术上的难点当时想通了但是之后就很容易忘记。于是想着建个个人的博客站点来记录平时学到的知识和解决的难题并且也有助于技术的分享。
  本教程主要讲述Hexo博客的安装,使用的操作系统为macOS,其他系统也是大同小异。此教程中的博客是部署到GitHub中,请先安装并且配置好GitHub。

安装过程


先下载node.js,点击可进入下载网址。官网界面如下:

点击如图所示的永久版本:

下载完成后对其进行安装。
安装好后打开终端,输入如下命令进入root目录:

1
sudo su

输入如下命令测试nodejs有没有安装成功:

1
npm -v

如果显示了版本好则说明nodejs安装成功。
本来是借助npm包管理器来安装,但是国内镜像速度比较慢,先输入如下命令安装淘宝镜像:
1
npm install -g cnpm --registry=https://registry.npm.taobao.org

输入如下命令验证cnpm是否安装成功:
1
cnpm -v

如果出现版本号则说明cnpm安装成功。
然后用cnpm来安装hexo,命令如下:
1
cnpm install -g hexo-cli

这样hexo博客就安装完成,输入如下命令验证:
1
hexo -v

若出现版本好则hexo博客安装成功。

搭建Hexo博客


在root目录下建立blog文件夹(名字可自取)命令如下:

1
mkdir blog

进入blog:
1
cd blog/

在blog文件夹下初始化hexo,命令如下:
1
sudo hexo init

初始化完成,主要生成一些框架的内容。
启动hexo博客,命令如下:
1
hexo s

输入命令后电脑会默认在4000端口生成hexo博客,可用浏览器输入localhost:4000来从本地访问hexo博客。至此博客已经搭建完成。

更新hexo博客


当新建文档或者换了新的配置后需要刷新hexo,命令如下:

1
hexo clean

此命令为清除缓存文件 (db.json) 和已生成的静态文件 (public)。
接下来生成静态文件,命令如下:
1
hexo g

然后再重新启动hexo,命令如下:
1
hexo s

这样就重新在本地更新了hexo博啦。

上传到GitHub


先到自己的blog目录下安装git部署的插件:

1
cnpm install --save hexo-deployer-git

配置blog的_config.yml如下:

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: [自己项目在GitHub上的链接]
branch: master

先到GitHub上新建一个项目,项目名字为(github用户名).github.io
使用如下命令可以将博客部署到GitHub上:

1
hexo d

哈哈,就是这么简单,在浏览器中输入刚刚新建的GitHub项目的网址就能显示你的个人博客啦。(前提是GitHub安装并成功配置)

其它


关于hexo的使用可进入hexo使用文档,里面详细记载了hexo的配置和操作命令,这样就能够更改博客的头像和名称等等啦。还有有关给hexo配置主题的问题,我将会在下个博客中详细介绍。