概述: 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;
});