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上了。


-------------本文结束 感谢您的阅读-------------
-------------如果觉得这篇文章不错,可以请作者喝杯咖啡!-------------