采用Hexo搭建静态博客网站

搭建博客网站的初衷

序言:之前的博客是采用JPress搭建的,搭建过程很简单,可以参考上一篇博文:采用JPress搭建个人博客网站。由于JPress已经很久没有维护,用户群体较小,不便于交流。Hexo是一个静态网站,免去了动态网站需要安装或连接数据库的麻烦,备份或转移网站只需要拷走文件夹就可以了,且用户群体较大,主题也相当精美,因此,采用Hexo搭建博客网站是一个不错的选择。

Hexo是一个基于node.js的静态博客生成系统,它使用markdown语法来写作,同时支持丰富的自定义标签系统。 用户在本地安装Hexo系统并进行写作,通过一条命令,Hexo可以自动生成静态页面,并发布到多个平台上。与传统的博客相比,Hexo可以说是一个本地运行远程发布的博客程序。


1、安装环境

  • Node.js:
    作用:Node.js用来创建hexo博客框架的,本机当前安装版本为:node-v8.11.2-x64,下载地址:https://nodejs.org/en
  • Git客户端:
    作用:把本地的Hexo内容提交到GitHub上去,本机当前安装的是Git- 2.13.3.-64-bit,下载地址:https://git-scm.com/download/win
    Node.js安装完成后,需要配置npm及环境变量,这样只能保证在cmd中能够使用npm,如果需要在Git Bash中使用npm,需要重新你装一次npm,参考:https://blog.csdn.net/daocaoren92wq/article/details/64444532


2、安装Hexo

安装完运行环境和配置完npm之后,就可以开始搭建Hexo博客网站了。利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash Here(使用Git可能会比较慢,可能会报出找不到npm的错误,使用cmd具有同样的效果,博主使用的是cmd)。
输入安装Hexo的命令:

npm install -g hexo

采用Hexo搭建静态博客网站_第1张图片
安装完成后,在任意文件夹下(如F:\blog)存放博客网站的源文件,在该文件中鼠标右键打开Git Bash窗口,执行以下命令,即会自动在目标文件夹建立网站所需要的所有文件。

hexo init

采用Hexo搭建静态博客网站_第2张图片


安装依赖包:

npm install

3、编译与运行

安装完所需的依赖包,就可以运行网站了。

编译下载的源文件:

hexo g

运行Hexo:

hexo s

采用Hexo搭建静态博客网站_第3张图片

然后用浏览器访问http://localhost:4000 ,此时,就可以看到一个漂亮的Hexo博客了,Hexo3.0使用的默认主题是landscape。至此,一个本地的能运行的Hexo博客网站搭建完成了。
采用Hexo搭建静态博客网站_第4张图片

4、网站关闭与重启

当网站更新资源可能需要关闭和重新启动网络应用,需要在命令行窗口中执行Ctrl + C关闭网络应用,然后清除缓存重新编译应用,需执行如下命令:

hexo clean   //清除缓存
hexo g       //重新编译
hexo s       //启动网站

浏览器中重新访问http://localhost:4000 ,更新后后的网站有出现啦。

参考:
1、http://tengj.top/2016/02/22/hexo1/

你可能感兴趣的:(博客网站建设)