依赖环境

  • 安装node.js：node.js下载可以从其官方界面开始https://nodejs.org/zh-cn/
  • 安装git：git下载则可以从其官方界面开始https://git-scm.com/

Hexo安装

新一个blog文件夹，单机右键启动Git Bash Here，输入如下命令：



npm install -g hexo-cli


初始化Hexo相关目录：



hexo init


Hexo常用三个命令：



hexo clean # 清空已有hexo网站文件
hexo generate(or g) # 依据网页文本与新的CSS样式生成新网站文件
hexo server(or s) # 启动本地服务器，可以在localhost:4000查看网站修改效果


在浏览器打开localhost:4000端口可以查看本地环境网页效果。

主题安装与下载

Hexo官网上提供了丰富的主题可选，你只需要打开对应的界面（https://hexo.io/themes/）选择喜欢的，然后点击名称跳转到GitHub仓库选择下载或者克隆对应的zip文件到本地，并且解压到网站目录下的themes目录即可。

我喜欢的一个主题

把克隆下来的活zip下载的包解压放到根工程中的themes文件夹下面。

其中修改根下面的_config.yml文件，修改theme：XXX(当前下载的主题名称，根据下载的主题要求进行配置)。

替换主题后经常会报错，常见错误如下：

extends includes/layout.pug block content include includes/recent-posts.pug include includes/partial

解决办法，执行如下指令即可：



npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive


然后清理缓存：hexo clean

生成静态文件即可：hexo g

Hexo常见操作

1、使用命令添加页面，例如：使用：hexo new page "about" 新建一个 关于我 页面

2、添加含有标签、分类的文章：



---
title: 标签标题
tags:
  - tag1                       （这个就是文章的标签）
  - tag2                       （这个就是文章的标签）
categories: Javscript （这个就是文章的分类）
---


3.添加自定义页面



menu:
  home: /      //主页
  categories: /categories //分类        
  archives: /archives   //归档   
  tags: /tags   //标签                  
  about: /about   //关于
  guestbook: /guestbook    //自定义             （添加此行即可）