什么是Hexo?

快速、简洁且高效的博客框架。

特点

  1. 全是静态文件，访问速度快；
  2. 免费方便，不用花一分钱就可以搭建一个自由的个人博客，不需要服务器不需要后台；
  3. 可以随意绑定自己的域名，无需备案；
  4. 数据绝对安全，基于github的版本管理，想恢复到哪个历史版本都行；
  5. 博客内容可以轻松打包、转移、发布到其它平台；
  6. 等等；

常用命令&操作

目录

Hexo配置文件位于根目录 _config.yml

public为编译后生成的html文件

source为md文件格式文件夹，也是我们写博客的存放位置

1
themes为主题模板存放位置，可在_config.yml中设置主题  theme: indigo #indigo为主题名称, 主题市场：https://hexo.io/themes/

~

新建文章

cd 至 /source目录下

  • hexo new 'blog name'

新建菜单以及类目:

  • hexo new page 'name'

文章头部格式:

1
2
3
4
title: postName #文章页面上的显示名称，一般是中文
date: 2013-12-02 15:30:16 #文章生成时间，一般不改，当然也可以任意修改
categories: 默认分类 #分类
tags: [tag1,tag2,tag3] #文章标签，可空，多标签请用格式，注意:后面有个空格

博客摘要省略:

<!--more-->

编辑文章

修改目录菜单的Icon:

_config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
menu:
  home:
    text: 主页
    url: /
  archives:
    url: /archives
  tags:
    url: /tags
  th-list:
    text: Categories
    url: /categories
  github:
    url: https://github.com/admin79
    target: _blank
  link:
    text: 测试
    url: /custom
  circle-o: 
    text: About
    url: /about

可以到这个网站挑选https://fontawesome.com/icons?from=io

图片上传

安装图片插件：

npm install hexo-asset-image --save

在_config.yml配置文件中，修改为 post_asset_folder: true

当下次新建文章时会在同目录下出现同名文件夹，将图片放到这里即可!

  • ![这里输入图片描述](/xxxx/图片名.jpg)

生成&部署

  • hexo generate #生成静态页面至public目录

  • hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）

  • hexo deploy #部署到GitHub

  • hexo help # 查看帮助

  • hexo version #查看Hexo的版本

缩写：

1
2
3
4
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

自定义域名

域名配置最常见有2种方式，CNAME和A记录，CNAME填写域名，A记录填写IP，由于不带www方式只能采用A记录，所以必须先ping一下你的用户名.github.io的IP，然后到你的域名DNS设置页，将A记录指向你ping出来的IP，将CNAME指向你的用户名.github.io，这样可以保证无论是否添加www都可以访问，如下：

~
~

然后到你的github项目根目录新建一个名为CNAME的文件（无后缀），里面填写你的域名，加不加www看你自己喜好