Hexo+Github 搭建自己的博客 --- 心得汇总 2018 版 (安装篇)

发表于 更新于 分类于 阅读次数：

自己平时经常在学习和工作中，有做一些笔记．一直有个想法自己建个博客，来整理自己写的这些东西．Google 了半天最终选择用 hexo+github 来实现．

什么是 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。并且有很多人为其制作了很多优秀
的主题（theme）。我选择 Hexo 主要有以下五点:

  • 主题选择多而且美
  • 一键部署
  • 编译文章速度极快
  • 丰富的插件
  • 支持 MarkDown

话不多说，直接进入主题．

Hexo 的安装

因为我用的 debian9 的系统，安装这部分的内容，适合 linux 用户．Windows 安装可以参考下面这二篇文章

GitHub+Hexo 搭建个人网站详细教程

手把手教你用 Hexo+Github 搭建属于自己的博客

安装准备

安装 Hexo 相当简单。最主要就是需要下面这二个软件

  • Node.js
  • Git

安装 Hexo

Debian 下要先把 sh 改成 bash, 运行下面的命令，选择否。(Centos 可以跳过这一步！)

1
dpkg-reconfigure dash


下载安装脚本并执行。

1
2
3
wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
source /root/.bashrc
nvm install stable

测试安装环境是否准备好了

运行安装命令

1
2
3
4
mkdir /mnt/blog
cd /mnt/blog
npm install -g hexo-cli
hexo init

这样就安装好了。简单吧！接下来就是把 hexo 运行起来。
备注：/mnt/blog 这个目录，你可以改成你自己要安装的目录。

运行 hexo

注意：所有 hexo 命令都要在自己建的这个 blog 这个主目录来执行。

1
hexo g && hexo s

这里说明一下 hexo 的几个常用命令

命令简写
hexo init #初始化博客
hexo g == hexo generate #生成博客
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

常用命令：
hexo server #Hexo 会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令

测试

注意：不要按 Ctrl+C 关掉了

然后在浏览器出输入你的 IP 地址加 4000 端口号就可以正常看到了 hexo 了．

备注：用 Centos 的同学记得要先把防火墙给关了。如何关闭 Centos 防火墙？

主题（以 Next 为例）

Hexo 主题是他的强项，网上有非常多的主题支持。都非常好看。想具体了解的话，可以看看这篇 Hexo 有哪些好看的主题？

安装主题

Hexo 安装主题的方式非常简单，只需要将主题文件拷贝至站点目录的 themes 目录下， 然后修改下配置文件即可
在这我们使用 git 克隆最新版

1
2
cd /mnt/blog
git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

将 Next 主题下载到 blog 目录的 themes 主题下的 next 文件夹中。打开站点的_config.yml 配置文件，修改主题为 next

然后打开主题的_config.yml 配置文件，不是站点配置文件，找到 Scheme Settings

next 主题有三个样式，我用的是 Pisces，你们可以自己试试看，选择你自己喜欢的样式 (只需要把行首的 #去除，# 是注释)。然后执行

1
hexo clean && hexo s

再在浏览器输入 IP 地址，就可以看到效果了。

备注：这里需要注意一下_config.yml 这个文件有二个。一个是站点根目录下有一个_config.yml，叫站点配置文件。另外一个是主题 next 目录下也有一个_config.yml，叫主题配置文件，不要搞错了。

将 hexo 部署到 Github

去 github 网站去注册一个帐号

这个我就不说了吧，自行百度。

创建一个 xxx.github.io 的 public 仓库

安装 hexo-deployer-git

1
npm install hexo-deployer-git --save

网站配置 git

把网站的_config.yml 配置文件拉到最后配置 deploy

然后在电脑上配置 git

1
2
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

生成 ssh 密钥文件：运行之后什么都不用输入，直接按三次回车。

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

最终会生成一个文件在用户目录下，打开用户目录，找到.ssh\id_rsa.pub 文件，

1
cat ~/.ssh/id_rsa.pub

复制里面的内容，

打开你的 github 主页，进入个人设置 -> SSH and GPG keys -> New SSH key：

大功告成

输入这条命令将 hexo 部署到 github

1
hexo clean && hexo g && hexo d

最后在浏览器中输入 xxxx.github.io 这个网址就可以享受自己的劳动果实了。
技巧： 在命令行输入 alias up='hexo clean && hexo g && hexo d' 这样以后直接输入 up。就可以把 hexo 部署到 github 上了。