极简搭建博客

极简搭建博客

前言

如果已经下载好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               //重新部署到服务器
Fork me on GitHub