Hexo搭建博客

Hexo搭建博客

官网

https://hexo.io/zh-cn/docs/

安装

1. 安装基础环境

   Node.js和git

2. 安装Hexo

   npm install -g hexo-cli

3. 建站

   hexo init blog

   目录结构如下

   

4. 初始化博客内容

   # 进入目录
   cd blog
   # 
   npm install

5. 开启服务

   # 生成html等静态资源文件
   hexo generate # 也可以使用缩写版本：hexo g
   # 启动服务
   hexo server	# 也可以使用缩写版本：hexo s
   # 后台启动
   nohup hexo server &

   PS. 生成资源文件时，不会覆盖重名的文件，比如图片banner

6. 访问http://localhost:4000/

主题

安装主题

1. 克隆NexT主题到themes文件夹

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

2. 下载Fluid主题解压到themes文件夹

   主题官网文档：https://hexo.fluid-dev.com/docs/

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

   PS. 使用fluid主题时，下载下来的文件夹名字是这样的hexo-theme-fluid-1.9.3，需要将其修改为fluid；

配置主题

修改_config.yml

# theme: next  # 指定主题
theme: fluid  # 指定主题
language: zh-CN  # 指定语言，会影响主题显示的语言，按需修改

创建「关于页」

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

hexo new page about

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

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

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

创建文章

hexo new post 测试文章

站点设置

修改_config.yml即可

阅读量统计

账号注册：https://console.leancloud.cn/register

需身份验证和邮箱验证

创建应用

获取应用appid

打开主题目录 themes\fluid下的 _config.yml 文件，修改如下配置

1. 开启统计

2. 配置 leancloud的 app_id 、 app_key和REST API 服务器地址

3. 打开计数功能，统计来源改为 leancloud

4. 页面底部展示网站的 PV、UV 统计数

开启评论功能

打开主题目录 themes\fluid下的 _config.yml 文件，修改如下配置

配置

站点设置：根目录_config.yml

主题设置：根目录_config.fluid.yml

在Github上托管

创建仓库

创建token

修改配置

发布

部署后的渲染有点慢，不要着急，请耐心等待~

hexo g -d

创建Readme文件

==发布后记得添加Readme.md文件，否则网站无法访问==

访问

https://unclebryan719.github.io/

域名映射

直接在设置页面配置域名即可，我没有配置域名解析也成功了

配置后会生成一个CNAME的文件，记得把它copy到public文件夹，否则，每次自定义域名都会被清除

Issues

1. 有时发布大量文章可能会导致无法正常加载Title信息，此时可以将public资源清理，重新发布

   hexo clean
   hexo g d