0%

使用Hexo搭建独立博客

前言

  在此之前博客一直使用Jekyll,这次换Hexo是因为我觉得Hexo的可玩性更高一些,并且支持中文文档,Hexo更换主题非常便捷,只需要把主题文件下载到themes文件夹下,并且在配置文件中更改theme字段就可以,有一种打开自己的衣柜门想试哪件衣服随便试的感觉。
  之前用Jekyll的时候文章中的图片是直接存放在github上的,在清空github库的时候发现我本机丢失了一些图片,因此决定以后文章的图片存储都放到七牛云上,之前有一些文章由于图片缺失还没有来得及重新调整,等有时间在慢慢的发上来吧。

正文

** Note ** : 本篇文章中的某些操作仅适用于Mac OS。

安装Hexo

  安装方法请参照Hexo官方文档,在此不进行赘述,我只写一下文档中有哪些坑。

** Note ** : 本篇文章写于2018年5月1日,如果你在阅读这篇文章时已经是几年后,那么我的一下描述可能并不准确了,一切请参考官方文档,如果照着官文文档操作仍然出现一些错误,你可以试着去Github issues中寻找答案。

Mac用户需要安装Xcode

  App Store中安装即可。

安装XCode’s Command

in MAC git is attached to XCode’s Command line tools

1
$ xcode-select --install

安装nvm

  如上图所示,Hexo文档中标注安装nvm的命令为:
1
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

  在实际操作中,用此命令安装出现错误,阅读官方Github ReadMe后,发现应该用以下命令:

1
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

  安装完成之后,命令行提示重启配置环境变量,发现配置之后一旦重启终端就无法识别命令,看了一下nvm github issues,找到了解决办法,在~/.zshrc中添加(我用的是zsh,如果你用其他终端请在对应文件中添加)如下命令(就是上面命令行中提示的那三条命令)。

1
2
3
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

  剩下的操作按照Hexo的文档做就可以了,如果在使用hexo命令中出现了permission denied问题,是由于权限导致的,sudo即可。

关联github

安装一个小插件

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

GitHub中新建项目

  如下图所示New repository,项目名称同你的用户名。

  修改hexo的_config文件(username替换成你自己的):

1
2
3
4
deploy:
type: git
repository: https://github.com/username/username.github.io.git
branch: master

  输入以下命令部署到github上:

1
2
3
$ sudo hexo clean
$ sudo hexo g
$ sudo hexo d

  输入密码,完成后同步到github上 可在可在github上查看到跟本地一样的网页。
  每次hexo d的时候输入密码很麻烦,因此需要把秘钥添加到Github中(我本机有秘钥就不写怎么生成了不会百度),在Github的setting中add new ssh key,复制本地秘钥过来就可以了。

  如果你出现了上图中的错误,那你可能是直接用vim打开复制的,不要在vim中复制秘钥格式会发生变化,用cat命令行输出到命令行中再复制。
  国内Github访问速度很慢,因此我这里同时部署到了Coding中,方法同github差不多,建一个跟用户名一样的项目,添加ssh key,修改本地的config成下面的方式:

1
2
3
4
5
deploy:
type: git
repository:
github: https://github.com/username/username.github.io.git,master
coding: https://git.coding.net/username/username.git,master

  自己有域名的,配置自己的域名映射,默认到coding,海外解析到github,配置完域名解析之后直接访问域名会有大大的404 NOT FOUND送给你,还要在本地source目录中新建CNAME文件,里面填上自己的域名,之后重新hexo d 、hexo g,还需要在github项目的setting中绑定自己的域名,coding账户绑定腾通讯云后可以支持绑定到自己的域名,在项目的pages服务里设置。

选择你喜欢的主题

  到这里我想你已经有一个自己的博客了,但是默认的还是好丑,没关系Hexo可是支持大把好看的主题啊,我这里用的是Next6.0,安装和使用方法阅读官方文档就可以了。

结束

  最后还是想说一句,希望你可以坚持在博客里记录下去。

联系我

  你可以直接在下方留言,也可以E-Mail联系我。

  • 本文作者: Lauren
  • 本文链接: http://lihanlu.cn/hexo-and-next/
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!