1.准备工作

1. Git 下载(Git for windows 国内下载)、安装(安装时请勾选Add to PATH选项)、配置生成SSH公钥

2. Github 账号申请配置SSH Keys

3. Node.js 下载安装

4. Markdown 下载安装

、HEXO 简介及安装使用

1. Hexo 简介

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

2. Hexo 安装

我的 Hexo 安装版本为:vs_3.4.3;Node.js 版本为:vs_8.9.3。安装 Hexo 之前请先确保 Git 及 Node.js 安装成功,接下来只需要使用 NPM 即可完成 Hexo 的安装。在计算机的某个盘符下(其他盘符/文件夹下亦可)新建文件夹 blog,进入到文件夹 blog 中使用 Git Bash (在任意位置单击右键,选择 “Git Bash Here” 即可)进行操作如下:

$ npm install -g hexo-cli

Hexo 更新至最新版本,命令如下:

$ npm update hexo -g

3. Hexo 初始化

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init blog
$ cd blog
$ npm install

输入以下命令生成静态页面:

$ hexo generate

新建完成后,指定文件夹的目录如下:

1

2

3

4

5

6

7

8

.

├── _config.yml 网站的配置信息,您可以在此配置大部分的参数

├── package.json 应用程序的信息

├── scaffolds 模板文件夹

├── source 资源文件夹,存放用户资源

|   ├── _drafts

|   └── _posts

└── themes 网站主题文件夹

接着输入命令启动服务:

$ hexo server

打印信息如下表示服务启动成功:

1

2

3

$ hexo server

INFO  Start processing

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

Hexo将source文件夹中的Markdown 和 HTML 文件会被解析并放到public文件夹中,public文件夹用于存放静态博客文件,相当于网站根目录。
至此博客雏形基本完成,在浏览器中访问http://localhost:4000/,如图所示:

node + hexo + github搭建个人博客

3 使用nexT主题

下载nexT主题

Git Bash终端执行以下命令:

 

1

 

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

 

解压所下载的压缩包至站点的 themes 目录下, 并将解压后的文件夹名称更改为 next 。本文使用hexo-theme-next-5.0.1,需要的用户可以点此下载

启用nexT主题

打开站点配置文件 _config.yml,找到 theme 字段,并将其值更改为 next。

 

1

 

theme: next

 

Git Bash终端执行命令hexo s,在浏览器中访问http://localhost:4000/,当你看到站点的外观与下图所示类似时即说明你已成功安装 NexT 主题。这是 NexT 默认的 Scheme —— Muse。

node + hexo + github搭建个人博客
本博客使用的是NexT.Pisces主题,修改主题配置文件 _config.yml的 Schemes 字段的值为:

 

1

 

scheme: Pisces

 

博客预览如图:

node + hexo + github搭建个人博客

 

 

相关文章: