Hexo框架常用内容

发表于 分类于 ，

Hexo常用内容

在Blog工程中存在一个_config.yml配置文件，里面包含了对该Blog项目的基础性配置，详细配置说明可在官网中查询。

基础信息配置

1
2
3
4
5
6
title: FlyZ's Blog 
subtitle: 'Learn & Record & Share'
description: '记录与分享个人成长'
keywords: ['技术','生活']
author: FlyZ
language: zh-CN # 中文模式

设置deploy选项

当需要将编译后的Blog部署目标发布到Github或者Gitee的pages中，可以在更改_config.yml的deploy属性。可以同时设置多个发布源，多个发布源依次发布

  1. 首先在Blog目录中安装插件

    1
    npm install hexo-deployer-git --save

  2. 更改Hexo的配置文件

    1
    2
    3
    4
    5
    deploy:
      type: git
     repo: <repository url> # https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
      branch: [branch]
      message: [message]

此外deploy也支持ftp等多种部署配置方式，详细设置可以看部署文档。

当设置好发布选项后，可以用进行构建并发布（在构建前建议清空缓存）。

1
hexo clean & hexo g -d

文档置顶

在一个MD文件的头信息中添加sticky: order 属性，order属性大于0即可实现置顶效果。

标签插件

hexo提供一些插件用于显示高级样式，例如视频、引用块插件使用方法。更多插件使用方法可参考插件文档。

1
2
3
{% blockquote David Levithan, Wide Awake %}
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
{% endblockquote %}

内容截断

当文本内容太长可以在文档合适的位置添加<!-- more -->标签截断，在主页等地方显示该条内容是会显示更多按钮。

主题切换

首先themes文件夹下下载一款合适的主题，然后在config.yml配置文件中更改主题名字theme: <theme-name>。

通常新下载的主题也包含一个config.yml用于配置主题的功能，可以将其复制到Blog文件下并更名为config.<theme-name>.yml文件。

hexo支持的常用主题下载地址： https://hexo.io/themes/