乐趣区

搭建基于Hexo的个人博客

Hexo

Hexo是一个基于 Node.js,快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

开始搭建

本文环境
1)操作系统:Window 10
2)Node.js:v10.16.3 (x64)
3)Hexo:v3.9.0

1. 安装 Git

  • 进入 Git 官网下载自己系统对应的版本,安装过程一路点下一步。

2. 安装 Node.js

  • 进入 Node.js 官网下载自己系统对应的版本。这里有两个版本,我选的是 LTS 版本(稳定版),Current是最新版,安装过程一路点下一步。
  • 检查 Node.js 是否安装成功:
    ① 在任意目录右键选择Git Bash
    ② 输入命令 node -v 按回车查看版本信息。
    ③ 出现如下图版本信息则安装成功。

3. 安装 Hexo

  • 安装 Node.js 包管理器:

    Hexo安装我们需要使用 npm,全称node package manager,它是Node.js 的包管理器。

    ① 安装 Node.js 的时候 npm 就顺带安装好了,输入 npm -v 命令可以查看 npm 版本信息。

    ② 由于 npm 安装插件包是从国外服务器下载,速度会比较慢。所以我们使用淘宝团队提供的 cnpm 下载速度会快点。

    ③ 通过 npm 安装cnpm,在命令行中输入如下命令然后按回车

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    ④ 等待安装完成后,输入 cnpm -v 命令出现如下信息则安装成功。

  • 使用 cnpm 安装 Hexo 框架:

    ① 输入如下命令,然后按回车执行命令:

    cnpm install -g hexo-cli

    ② 等待安装完成后,输入 hexo -v 检查是否安装成功:

4. 使用 Hexo 搭建博客

  • 生成博客:

    ① 在任意目录使用 hexo init [folder] 命令来生成我们的博客,如下我在 D 盘生成。

    ② 等待命令执行结束后,就可以看到博客文件夹了。名字由上面的 folder 参数来指定,如下我的博客目录名称是MyBlog

  • 测试博客:

    ① 进入到博客根目录,输入命令 hexo s 启动本地服务测试博客。

    ② 在浏览器中输入localhost:4000,就可以看到我们博客的默认效果了。

    ③ 回到命令行,按快捷键 Ctrl + C 即可关闭服务。

至此,博客搭建完成了,接下就可以使用 Hexo 愉快地写博客了~

退出移动版