极简搭建博客
前言
如果已经下载好Node、Hexo并且本地已经连好了Git,那么过程将非常的简单。如果想看详细的搭建内容欢迎去我的博客看另一篇文章。
初始化
终端cd到一个你选定的目录(比如创建一个blog文件,$cd blog),执行hexo init命令:
$ hexo init
在blog目录下,执行如下命令,安装npm:
$ npm install
执行如下命令,开启hexo服务器:
$ hexo s
此时,浏览器中打开网址http://localhost:4000,就能看到生成好的页面了
在blog文件夹目录下执行生成静态页面命令:
$ hexo g
此时若出现如下报错:
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
则执行命令:
npm install hexo --save
若无报错,自行忽略此步骤。
再执行配置命令:
$ hexo d
若执行命令hexo d仍然报错:无法连接git或找不到git,则执行如下命令来安装hexo-deployer-git:
$ npm install hexo-deployer-git --save
$ hexo d
命令执行成功后,浏览器中打开网址http://RainyXY.github.io(将RainyXY换成你的用户名)能看到和打开http://localhost:4000时一样的页面。
Github端
在/blog/themes/landscape/source目录下新建文件名为:CNAME文件,注意没有后缀名!直接将自己的域名如:muyunyun.cn写入。
终端cd到blog目录下执行如下命令重新部署:
$ hexo clean
$ hexo g
$ hexo d
网上许多都是说在Github上直接新建CNAME文件,如果这样的话,在你下一次执行hexo d部署命令后CNAME文件就消失了,因为本地没有此文件嘛。
安装theme
你可以到Hexo官网主题页去搜寻自己喜欢的theme。这里以hexo-theme-next为例
终端cd到 blog 目录下执行如下命令:
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
将blog目录下_config.yml里theme的名称landscape修改为next
终端cd到blog目录下执行如下命令(每次部署文章的步骤):
$ hexo clean //清除缓存文件 (db.json) 和已生成的静态文件 (public)
$ hexo g //生成缓存和静态文件
$ hexo d //重新部署到服务器