【手册】Stellar 主题用法

概述: 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 样式

E_手册 > 个人配置
#手册 #Stellar
【手册】Stellar 主题用法
https://hodlyounger.github.io/2024/09/23/E_手册/个人配置/【手册】Stellar主题用法/
作者
mingming
发布于
2024年9月23日
许可协议