搭建基于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愉快地写博客了~

阅读 194

推荐阅读