主题说明

关于zhaoo主题的一些说明。

hexo-theme-zhaoo

My personal theme for Hexo.

预览地址

GitHub

主题配置

文章置顶功能

  1. 找到node_modules\hexo-generator-index\lib\generator.js文件,替换成如下代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    'use strict';
    var pagination = require('hexo-pagination');
    module.exports = function (locals) {
    var config = this.config;
    var posts = locals.posts;
    posts.data = posts.data.sort(function (a, b) {
    if (a.top && b.top) {
    if (a.top == b.top) return b.date - a.date;
    else return b.top - a.top;
    } else if (a.top && !b.top) {
    return -1;
    } else if (!a.top && b.top) {
    return 1;
    } else return b.date - a.date;
    });
    var paginationDir = config.pagination_dir || 'page';
    return pagination('', posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
    __index: true
    }
    });
    };
  2. 创建文章时添加top字段,指定数值,数值越大,显示越靠前:

    1
    2
    3
    4
    5
    6
    7
    8
    ---
    title: 配置说明
    date: 2020-01-30 16:17:14
    tags: [Hexo,主题]
    keywords: Hexo,主题,配置说明
    image: https://pic.izhaoo.com/20200125102916.jpg
    top: 10 #添加该字段
    ---

菜单功能

  1. config.yml文件中配置menu项,用||将内容分割为两部分,前面部分为页面URL,后面部分为菜单中显示的名字,示例如下:

    1
    2
    3
    4
    5
    menu:
    home: / || 首页
    archives: /archives || 归档
    works: /works || 作品
    about: /about || 关于
  2. 对于系统默认页面,如归档(/archives)等,直接添加即可;如用户需自定义页面,可用以下命令新建页面,再添加即可。

    1
    hexo new about	#新建关于页面

未完待续……

内部演示

文本

一个幽灵,共产主义的幽灵,在欧洲游荡。为了对这个幽灵进行神圣的围剿,旧欧洲的一切势力,教皇和沙皇、梅特涅和基佐、法国的激进派和德国的警察,都联合起来了。

使用 Shift + Ctrl + ESC 打开任务管理器

图片

图片测试

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
'use strict';
var pagination = require('hexo-pagination');
module.exports = function(locals){
var config = this.config;
var posts = locals.posts;
posts.data = posts.data.sort(function(a, b) {
if(a.top && b.top) {
if(a.top == b.top) return b.date - a.date;
else return b.top - a.top;
}
else if(a.top && !b.top) {
return -1;
}
else if(!a.top && b.top) {
return 1;
}
else return b.date - a.date;
});
var paginationDir = config.pagination_dir || 'page';
return pagination('', posts, {
perPage: config.index_generator.per_page,
layout: ['index', 'archive'],
format: paginationDir + '/%d/',
data: {
__index: true
}
});
};

链接

普通链接

https://www.izhaoo.com

段落

字体

斜体文本

粗体文本

粗斜体文本

线条

删除线

下划线

列表

无序列表
  • 第一项
  • 第二项
  • 第三项
有序列表
  1. 第一项
  2. 第二项
  3. 第三项
嵌套列表
  1. 第一项:
    • 第一项嵌套的第一个元素
    • 第一项嵌套的第二个元素
  2. 第二项:
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

区块

区块引用

表格

表头 表头
单元格 单元格
单元格 单元格
左对齐 右对齐 居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

标题

一级

二级

三级

四级

五级
六级

开发日志

v0.0.191202

  • Add 创建项目
  • Add 完成部分功能

v0.0.191203

  • Add 新增基础分页功能
  • Add 新增图片灯箱效果 (FancyBox)
  • Add 新增页面跳转效果 (pjax)

v0.0.191204

  • Add 配置项新增插件配置、CDN配置
  • Fix 修复pjax与其他插件之间的冲突

v0.0.191212

  • Add 新增文章置顶功能
  • Fix 修复文章列表摘录截断Bug

v0.0.191213

  • Add 新增代码高亮功能 (Highlight)
  • Add 新增文章评论功能 (Gitalk)
  • Add 新增文章标签功能
  • Add 新增文章导航功能
  • Fix 图片不可拖拽
  • Fix 新增区块样式

v0.0.191214

  • Add 新增阅读量统计功能 (LeanCloud)
  • Add 新增文章内容字数统计功能

v0.0.191217

  • Add 配置项新增菜单配置
  • Add 新增用户代码配置

v0.0.191223

  • Add 头部新增水波模式

v0.0.200126

  • Add 新增归档页面
  • Add 新增页面底部(社交、版权)

v0.0.200127

  • Add 新增捐赠功能
  • Fix 页面底部设计按钮自定义选中颜色
  • Fix 配置项CDN配置支持iconfont

v0.0.200128

  • Fix 新增查看评论按钮

v0.0.200129

  • Add 一言支持外部API引入,需配合“hexo-plug-motto”插件使用
  • Fix 配置项支持颜色配置

v0.0.200326

  • Fix 菜单关闭按钮样式美化
查看评论