E_手册个人配置
,
Source
Edit
History

【手册】Stellar 主题用法

文章目录
  1. 1. 相关美化文章
  2. 2. 引用文章
  3. 3. projects.yml 配置
  4. 4. 文章自定义边栏
  5. 5. 封面
  6. 6. 时间线
  7. 7. FancyBox
  8. 8. 自定义 Hexo 样式

概述: Stellar 主题的用法整理

相关美化文章

引用文章

1
2
3
4
5
6
---
references:
  - '[心跳之旅—💗—iOS用手机摄像头检测心率(PPG)](https://punmy.cn/2016/07/28/15231176397746.html)
  - '[PPG光电容积脉搏波描记法技术概况](https://www.jianshu.com/p/695c131abfa5)
  ...
---

projects.yml 配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Stellar:
  name: Stellar
  title: Hexo 主题配置
  subtitle: '每个人的独立博客 | Designed by xaoxuu'
  tags: Hexo
  cover: false
  logo:
    src: /images/avator.png
    small: 112px
    large: 240px
  description: 个人使用过的 Hexo 主题配置记录
  # repo: xaoxuu/hexo-theme-stellar
  # comment_title: '评论区仅供交流，有问题请提 [issue](https://github.com/xaoxuu/hexo-theme-stellar/issues) 反馈。'
  # giscus:
  #   data-repo: xaoxuu/hexo-theme-stellar
  #   data-mapping: number
  #   data-term: 226
  sections:
      '快速开始': [0, 99]
      '基本使用': [100, 199]
      '文档系统': [200, 299]
      '进阶设定': [900, 999]

文章自定义边栏

1
2
3
4
5
6
7
8
9
sidebar:
  - toc
  - layout: markdown
    title: '重要通知 [NOTE.2022-09]'
    content: |
      请不要原封不动的把本站内容复制到贵站中使用，这样一方面不尊重原作者，另一方面也会因为存在大量重复内容影响贵站收录甚至降权。

      从2022年9月起本站已不再开源，已经持有源码副本或`fork`的朋友请及时删除以防止被他人恶意搬运的情况继续发生。

封面

Stellar 主题可以使用 UnSplash 的图片，可以参照主题 Readme 文档中 UnSplash 章节。参考文章：Unsplash_API

另外，如果文章中有图片，也可以使用文章内图片作为文章封面：

1
../../{从_post开始的图片路径，不含_post}

时间线

1
2
{% timeline api:https://api.github.com/repos/xaoxuu/hexo-theme-stellar/releases?per_page=1 %}
{% endtimeline %}

FancyBox

1
2
3
4
// 添加 data-fancybox 属性
newImgTag = newImgTag.replace(/(<img.*?)(>)/gi, function(ori, before, after) {
  return before + ' data-fancybox="true"' + after;
});

自定义 Hexo 样式