使用Hexo建立个人博客（Hexo+coding+Fluid）

windows 10系统，所有以下在windows10 64位下进行演示。

1.起步

1.1 安装Hexo

Hexo 依赖了 Node.js 和 Git，所以在安装 Hexo 之前必须确保安装了这两个工具。

1.1.1 安装 Node.js

步骤：

1. 下载
2. 安装
3. 确认是否安装成功

具体操作

1. 下载：https://nodejs.org/en/download/
2. 安装：一直点击Next
3. 确认是否安装成功：在终端中输入node --version ，如果能看到类似于下面的输出则证明安装成功了。

$ node --version

v12.14.0

1.1.2 安装 Git

步骤：

1. 下载
2. 安装
3. 确认是否安装成功

具体操作

1. 下载：https://git-scm.com/downloads
2. 安装：一直点击Next
3. 确认是否安装成功：在终端中输入 git --version ，如果能看到输出 Git 版本号，则证明安装成功了。

$ git --version

git version 2.24.1.windows.2

1.1.3 安装Hexo

1、在命令中执行下面的安装命令

npm install -g hexo-cli

2、确认是否安装成功

hexo --version

如何能看到类似于下面的输出则证明安装成功。

$ hexo --version

hexo: 4.2.0

hexo-cli: 3.1.0

os: Windows_NT 10.0.18362 win32 x64

node: 12.13.0 2.2. 

v8: 7.7.299.13-node.12

uv: 1.32.0

zlib: 1.2.11

brotli: 1.0.7

ares: 1.15.0

modules: 72

nghttp2: 1.39.2

napi: 5

llhttp: 1.1.4

http_parser: 2.8.0

openssl: 1.1.1d

cldr: 35.1

icu: 64.2

tz: 2019a

unicode: 12.1

1.2 使用Hexo生成本地网站

在命令行中执行下面的命令用来创建本地网站。

hexo init 网站目录名称

#例如
hexo init my-blog

创建成功的话会生成一个具有下面目录结构的网站项目。

. 

├── _config.yml

├── package.json 

├── scaffolds 

├── source

|   ├── _drafts 

|   └── _posts 

└── themes

1.3 预览本地网站

在你的网站根目录下执行 npm run server ，它会启动一个 http 服务，用于本地预览。

$ npm run server 

[email protected] server C:\Users\LPZ\Documents\Projects\my-blog 

hexo server 

INFO Start processing 

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

访问控制台中提示的地址，如果能看到下面的网页则证明服务启动成功了。

image.png

1.4 目录结构

. 

├── _config.yml

├── package.json 

├── scaffolds 

├── source

|   ├── _drafts 

|   └── _posts 

└── themes

1.5 写文章

1、创建文章

hexo new 文章文件名称

2、写文章

文章配置

• 语法：YAML
• 可配置项：https://hexo.io/docs/front-matter

下面是一个示例：

--- 
title: Sublime Text 打开方式
categories: 
    - 开发笔记
tags: 
    - Sublime Text 
date: 2019-12-09 00:00:00
---

文章正文

• 语法：Markdown
• 编辑工具：推荐 Typora

3、 预览文章

1.6 发布

• 自己搭建服务器
• 使用第三方云服务
• 使用第三方网站托管服务

1.7 运行测试

这里我们经常用到的有四个命令

hexo clean #用来清理缓存文件
hexo g      #生成文件
hexo  s     #运行本地服务器
hexo  d   #上传到服务器

2. Coding发布网页

参考：https://caiyantao.gitee.io/2019/04/13/Hexo%EF%BC%88%E4%BA%8C%EF%BC%89/

把我们的网页部署到云端，让别人也可以访问我们的网站，我们部署到我们国内的Coding。

2.1 配置Coding

1.进入开发平台先。

image.png

这里的用户名，以后就是我们的域名的一部分

image.png

2.创建项目

首先在coding net 上创建一个仓库，仓库名为: <你的用户名>.coding.me
开启 coding pages 服务请参考coding pages帮助文档

image.png

3.新建项目，用于托管代码

image.png

这里需要注意，gexia 是我的用户名，你要改成自己的用户名，其他的选项默认，++公开源代码++可以随自己的选
择，注意的是在github上面是必须选公开的，不然要钱，。

4.添加公钥

这个过程的目的是在你的电脑和coding之间建立联系的通道，不然谁都能往上面增加内容，那你的博客岂不乱套了？
首先查看目录C:Users\用户名
有没有.ssh目录,如果没有，在本地blog文件内打开git bash hexo,输入命令:

ssh-keygen -t rsa -C "这里填上你的邮箱地址"

然后按3个回车。
再检查有没有.ssh目录，打开目录，你会看到出现3个文件：

image.png

image.png

打开ssh-rsa这个文件，将里面的东西复制到如上图图所示对话框中。

image.png

结果如图。

主要就是用notepad++打开id——rsa.pub(这个是公钥，不带pub的是私钥，这个不要泄露出去），你会开到一堆字母，全选复制下来。
下面打来浏览器，进入你刚才创建的仓库，设置-部署公钥-新建部署公钥，公钥名称可以不填，将刚才复制的公钥粘贴在公钥内容里面。把授予权限打上勾！，然后添加就可以了。

5.修改站点配置文件 deploy 参数内容

打开，blog文件夹下面的站点配置文件，_config.yml
打开的话可以用submit text打开，或者Notepad++

image.png

找到deploy：
代码，gexia换成自己的哦

deploy:
  type: git
  repository: [email protected]:gexia/gexia.coding.me.git       
  #repo: https://github.com/kajskj753/kajskj753.github.io.git
  branch: master

我前面就是托管在Github上面的，据网上的大神说还可以同时托管在github和coding上面，我就懒得折腾了，反正也没什么歪果仁看我们的网站，。推荐各位就在coding搞就行了。

至此，就完成了基本的搭建，先用命令在本地服务器查看内容是否正确。记住，当你出现错误啥的情况下先执行下面三步曲，看看先！！

hexo clean
hexo g
hexo s

注意，一定要先在本地试试
然后，把文件传送到我们的Coding那边。

hexo d

找到Coding那边，可以看到自己的域名。

image.png

点击域名，就可以看到成功了。

3. 主题选择

我选用的是Fluid，该主题链接

https://github.com/fluid-dev/hexo-theme-fluid

快速开始

1. 搭建 Hexo 博客

如果你还没有 Hexo 博客，请按照 Hexo 官方文档 进行安装、建站。

2. 获取主题最新版本

请优先下载 最新 release 版本，master 分支无法保证稳定。

下载后解压到 themes 目录下并重命名为 fluid。

3. 指定主题

如下修改 Hexo 博客目录中的 _config.yml：

theme: fluid  # 指定主题

language: zh-CN  # 指定语言，可不改

4. 创建「关于页」

首次使用主题的「关于页」需要手动创建：

$ hexo new page about

创建成功后，编辑博客目录下 /source/about/index.md，添加 layout 属性。

修改后的文件示例如下：

---
title: about
date: 2020-02-23 19:20:33
layout: about
---

这里写关于页的正文，支持 Markdown, HTML