Hexo+Now搭建个人博客

使用Hexo+Now搭建个人博客,使用NexT主题。

之前有篇文章,Hexo+GitHub搭建个人博客。里面讲到了GitHub Host之后就弃坑了。使用GitHub Host有一堆堆的教程,我也就不发了,这次我介绍一个更优雅的方式搭建博客,也就是我现在使用的方式。

安装Hexo

首先你得有 Node.js 环境,这个应该比较简单。安装Hexo也很简单。使用以下指令就可以:

1
npm install hexo-cli -g

然后你得找个空文件夹,如果没有就新建一个,然后在里面初始化:

1
2
mkdir echowxsy-blog && cd echowxsy-blog
hexo init

然后打开_config.yml,修改配置项目。里面的配置项目可参考此文档

使用NexT主题

还是在之前的目录下操作:

1
git clone https://github.com/theme-next/hexo-theme-next themes/next

然后修改_config.yml,将 theme: landscape改为theme: next

为了方便迁移,不应该修改themes/next/_config.yml,将主题的配置拷贝到source/_data下:

1
cp themes/next/_config.yml source/_data/next.yml

然后参考NexT Doc修改主题设置。

本地预览

我们知道hexo可以在本地开启一个server然后预览效果的。但每次修改文件之后你得重新执行命令。因此我使用了nodemon监听文件修改:

1
2
yarn add -D nodemon
nodemon -e html,md,less,yml,md,js,css --ignore public/ -L --exec hexo server

将第二个命令写入到package.json,就可以实现一条指令预览。

部署Now

首先得到ZEIT注册一个账号,然后安装now工具:

1
npm install -g now

这样只需要在生成文件之后执行now就可以推送到远程:

1
2
hexo generate
now --prod

绑定域名

官方文档非常详细,而且操作也很简单,所以看这部分就好了:Custom Domains

comments powered by Disqus
Built with Hugo
Theme Stack designed by Jimmy