######## Stellar info ########
stellar:
version: '1.29.1'
homepage: 'https://xaoxuu.com/wiki/stellar/'
repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
main_css: /css/main.css
main_js: /js/main.js
######## head tags ########
preconnect:
# - https://gcore.jsdelivr.net
# - https://cdn.jsdelivr.net
# - https://unpkg.com
open_graph:
enable: true
twitter_id: # for open_graph meta
######## Sidebar ########
# 左上角显示的 logo 区域,包含图标、大标题、副标题
logo:
avatar: '[{config.avatar}](/about/)' # you can set avatar link in _config.yml or '[https://xxx.png](/about/)'
title: '[{config.title}](/)' # you can set html tag like: '[](/)'
subtitle: '{config.subtitle}' # '文字1 | 文字2' (鼠标放上去会切换到文字2)
# 侧边栏主功能导航菜单
menubar:
columns: 4 # 一行多少个
items: # 可按照自己需求增加,符合以下格式即可
# id: 页面中高亮的 menu_id
# theme: 高亮时的颜色,仅 svg 中 fill="currentColor" 时有效
# icon: 支持 svg/img 标签,可以定义在 icons.yml 文件中,也支持外部图片的 URL
# title: 标题
# url: 点击跳转到哪,支持相对路径和绝对路径
# - id: post
# theme: '#1BCDFC'
# icon: solar:documents-bold-duotone
# title: 博客
# url: /
# - id: wiki
# theme: '#3DC550'
# icon: solar:notebook-bookmark-bold-duotone
# title: 文档
# url: /wiki/
# - id: explore
# theme: '#FA6400'
# icon: solar:planet-bold-duotone
# title: 探索
# url: /explore/
# - id: social
# theme: '#F44336'
# icon: solar:chat-square-like-bold-duotone
# title: 社交
# url: /friends/
######## Main ########
# 站点主结构树
site_tree:
# -- 列表类页面 -- #
# 主页配置
home:
leftbar: welcome, recent
rightbar:
# 博客列表页配置
index_blog:
base_dir: blog # 只影响自动生成的页面路径
menu_id: post # 未在 front-matter 中指定 menu_id 时,layout 为 post 的页面默认使用这里配置的 menu_id
leftbar: welcome, recent # for categories/tags/archives
rightbar:
nav_tabs: # 近期发布 分类 标签 专栏 归档 and ...
# '朋友文章': /friends/rss/
# 博客专栏列表页配置
index_topic:
base_dir: topic # 只影响自动生成的页面路径
menu_id: post # 未在 front-matter 中指定 menu_id 时,layout 为 topic 的页面默认使用这里配置的 menu_id
# 文档列表页配置
index_wiki:
base_dir: wiki # 只影响自动生成的页面路径
menu_id: wiki # 未在 front-matter 中指定 menu_id 时,layout 为 wiki 的页面默认使用这里配置的 menu_id
leftbar: related, recent # for wiki
rightbar:
nav_tabs:
# 'more': https://github.com/xaoxuu
# -- 内容类页面 -- #
# 博客文章内页配置
post:
menu_id: post # 未在 front-matter 中指定 menu_id 时,layout 为 post 的页面默认使用这里配置的 menu_id
leftbar: related, recent # for pages using 'layout:post'
rightbar: ghrepo, toc
# 博客专栏文章内页配置
topic:
menu_id: post
# 文档内页配置
wiki:
menu_id: wiki # 未在 front-matter 中指定 menu_id 时,layout 为 wiki 的页面默认使用这里配置的 menu_id
leftbar: tree, related, recent # for wiki
rightbar: ghrepo, toc
# 笔记本列表页配置
notebooks:
base_dir: notebooks # 笔记本列表页的路径。以及未指定 base_dir 的笔记本的路径前缀。
menu_id: notebooks # 笔记本列表页高亮的主导航栏菜单按钮。
# 笔记本列表页的左侧栏和右侧栏。
leftbar: recent # recent within all notebooks
rightbar: null
# 笔记列表页配置
notes:
# 笔记列表页和笔记页高亮的主导航栏菜单按钮。
# 可以在笔记本 yaml 的 menu_id 字段中覆盖此参数。
# 可以在笔记的 front-matter/menu_id 中覆盖此参数。
menu_id: notebooks
# 笔记列表页的左侧栏和右侧栏。可以在笔记本 yaml 的 leftbar 和 rightbar 字段中覆盖此参数。
leftbar: tagtree, recent # recent of current notebook
rightbar: null
# 笔记页配置
note:
# 笔记页的左侧栏和右侧栏
# 可以在笔记本 yaml 的 note_leftbar 和 note_rightbar 字段中覆盖此参数。
# 可以在笔记的 front-matter/leftbar 和 rightbar 字段中覆盖此参数。
leftbar: tagtree, recent # recent of current notebook
rightbar: toc
# 作者信息配置
author:
base_dir: author # 只影响自动生成的页面路径
menu_id: post
leftbar: recent, timeline
rightbar: timeline
# 错误页配置
error_page:
menu_id: post
'404': '/404.html'
leftbar: recent, timeline
rightbar: timeline
# 其它自定义页面配置 layout: page
page:
leftbar: recent
rightbar: toc
######## Notebook ########
notebook:
# 如果没有指定 excerpt 和 description,将自动取多长的内容作为文章摘要。
auto_excerpt: 128
# 可以为某个 tag 设定图标(显示在标签树中)。
tagcons:
'': solar:hashtag-linear
# 每页显示多少篇笔记。0 表示不分页,null 则 fallback 到 hexo 的配置。
# 可以在笔记本 yaml 的 per_page 字段中覆盖此参数。
per_page: null
# 笔记的排序方式。默认按照 updated 降序排序。
# 可以在笔记本 yaml 的 order_by 字段中覆盖此参数。
# 注意:置顶的笔记会始终排在最前面。
# 在 front-matter 中设置 pin:true|number 或 sticky:true|number 来置顶。
order_by: -updated
# 是否在笔记页面显示许可协议。false 表示不显示。true 表示沿用主题许可协议内容。也可以给定具体的文本指定协议内容。
# 可以在笔记本 yaml 的 license 字段中覆盖此参数。
# 可以在笔记的 front-matter/license 中覆盖此参数。
license: false
# 是否在笔记页面显示分享按钮。
# 可以在笔记本 yaml 的 share 字段中覆盖此参数。
# 可以在笔记的 front-matter/share 中覆盖此参数。
share: false
######## Article ########
article:
# 文章类型,决定布局风格,可以在 front-matter/topic/wiki 中覆盖此参数
type: tech # tech: 默认技术类文章, story: 图文类文章,文字和段落间增距大
# 缩进两个文字宽度,适合文字类博客,可以在 front-matter/topic/wiki 中覆盖此参数
indent: # true / false
# 如果没有指定封面,是否根据 tags 作为关键词搜索封面图片?
auto_cover: false # search from https://source.unsplash.com/
# 封面图宽高比
cover_ratio: 2.4
# 如果没有指定横幅,是否根据 tags 作为关键词搜索横幅图片?
auto_banner: false # search from https://source.unsplash.com/
# 如果没有指定 excerpt 和 description,将自动取多长的内容作为文章摘要?
auto_excerpt: 128
# 分类颜色
category_color:
'探索号': '#f44336'
# 文章许可协议
license: '本文采用 [署名-非商业性使用-相同方式共享 4.0 国际](https://creativecommons.org/licenses/by-nc-sa/4.0/) 许可协议,转载请注明出处。'
# 分享
share: # [wechat, weibo, email, link]
# 相关文章,需要安装插件 (for layout: post)
# npm i hexo-related-popular-posts
related_posts:
enable: false
max_count: 5
search:
service: local_search # local_search, algolia_search, todo...
local_search: # 在 front-matter 中设置 indexing:false 来避免被搜索索引
field: all # post, page, all
path: /search.json # 搜索文件存放位置
content: true # 是否搜索内容
skip_search: # 指定 path 中的内容不被搜索。
algolia_search: # Docsearch https://docsearch.algolia.com/apply/ 申请
appId:
apiKey:
indexName:
######## Comments ########
comments:
service: # beaudar, utterances, giscus, twikoo, waline, artalk
comment_title: 快来参与讨论吧~
lazyload: false # true / false
# beaudar
# https://beaudar.lipk.org/
beaudar:
repo: xxx/xxx
issue-term: pathname
issue-number:
theme: preferred-color-scheme
label:
input-position: top # top/bottom 评论框位置
comment-order: desc # desc 排序
keep-theme: # true/false
loading: false
branch: main
# utterances
# https://utteranc.es/
utterances:
repo: xxx/xxx
issue-term: pathname
issue-number:
theme: preferred-color-scheme
label:
# giscus
# https://giscus.app/zh-CN
giscus:
src: https://giscus.app/client.js
data-repo: xxx/xxx # [在此输入仓库]
data-repo-id: # [在此输入仓库 ID]
data-category: # [在此输入分类名]
data-category-id:
data-mapping: pathname
data-strict: 0
data-reactions-enabled: 1
data-emit-metadata: 0
data-input-position: top # top, bottom
data-theme: preferred_color_scheme
data-lang: zh-CN
data-loading: # lazy
crossorigin: anonymous
# Twikoo
# https://twikoo.js.org/
twikoo:
js: https://gcore.jsdelivr.net/npm/twikoo@1.6.8/dist/twikoo.all.min.js # 建议锁定版本
envId: https://xxx # vercel函数
# Waline
# https://waline.js.org/
waline:
js: https://gcore.jsdelivr.net/npm/@waline/client@3.1.3/dist/waline.js
css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.3/dist/waline.css
meta_css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.3/dist/waline-meta.css
# Waline server address url, you should set this to your own link
serverURL: https://waline.vercel.app
# If false, comment count will only be displayed in post page, not in home page
commentCount: true
# Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`.
pageview: false
# Custom emoji
# emoji:
# - https://unpkg.com/@waline/emojis@1.1.0/weibo
# - https://unpkg.com/@waline/emojis@1.1.0/alus
# - https://unpkg.com/@waline/emojis@1.1.0/bilibili
# - https://unpkg.com/@waline/emojis@1.1.0/qq
# - https://unpkg.com/@waline/emojis@1.1.0/tieba
# - https://unpkg.com/@waline/emojis@1.1.0/tw-emoji
# - https://unpkg.com/@waline/emojis@1.1.0/bmoji
# 设置自己的图床服务,替换默认的 Base 64 编码嵌入(有体积大小限制),在评论中上传图片更加方便
# imageUploader:
# 适配了兰空图床V1、V2版本
# 以兰空图床V1为例,下列填写内容为:
# fileName: file
# tokenName: Authorization
# api: https://xxxxxx/api/v1/upload
# token: Bearer xxxxxxxxxxxxxx
# resp: data.links.url
# 以兰空图床V2为例,下列填写内容为:
# fileName: image
# tokenName: token
# api: https://xxxxxx/api/upload
# token: xxxxxxxxxxxxxx
# resp: data.url
# fileName: # 根据版本二选一
# tokenName: # 根据版本二选一
# api: # 图床 api 地址
# token: # 图床验证
# resp: # 图片地址返回值的字段
# Artalk
# https://artalk.js.org/
artalk:
css: https://unpkg.com/artalk@2.8.5/dist/Artalk.css
js: https://unpkg.com/artalk@2.8.5/dist/Artalk.js
server: # 后端服务地址
placeholder: ''
darkMode: auto
######## Footer ########
footer:
social:
# github:
# icon: ''
# url: /
# music:
# icon: ''
# url: /
# unsplash:
# icon: ''
# url: /
# comments:
# icon: ''
# url: /about/#comments
# theme:
# icon: default:theme
# onclick: 'switchTheme()'
sitemap:
# '博客':
# - '[近期](/)'
# - '[分类](/)'
# - '[标签](/)'
# - '[归档](/)'
# '项目':
# - '[开源库](/)'
# '社交':
# - '[友链](/)'
# - '[留言板](/)'
# '更多':
# - '[关于本站](/)'
# - '[GitHub](/)'
content: | # 支持 Markdown 格式
本站由 [{author.name}](/) 使用 [{theme.name} {theme.version}]({theme.tree}) 主题创建。
本博客所有文章除特别声明外,均采用 [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/) 许可协议,转载请注明出处。
# 主题用户越多,开发者维护和更新的积极性就越高,如果您喜欢本主题,请在适当的位置显示主题信息和仓库链接以表支持。
######## Tag Plugins ########
tag_plugins:
# {% box %} / {% note %}
note:
default_color: '' # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
border: true # true / false
# {% checkbox %}
checkbox:
interactive: false # enable interactive for user
# {% quot %}
quot:
default: # 可以自行配置多种图标方案
prefix: https://bu.dusays.com/2022/10/24/63567d3e092ff.png
suffix: https://bu.dusays.com/2022/10/24/63567d3e0ab55.png
hashtag:
prefix: https://bu.dusays.com/2022/10/24/63567d3e07da3.png
question:
prefix: ph:seal-question-fill
# {% emoji %}
emoji:
default: https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/{name}.gif
twemoji: https://gcore.jsdelivr.net/gh/twitter/twemoji/assets/svg/{name}.svg
qq: https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/{name}.gif
aru: https://gcore.jsdelivr.net/gh/cdn-x/emoji/aru-l/{name}.gif
tieba: https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/{name}.png
blobcat: https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/{name}.png
icon:
# 留空时,图标和文字颜色相同
default_color: accent # theme, accent, red, orange, yellow, green, cyan, blue, purple
# {% button 标题 链接 %}
button:
default_color: theme # theme, accent, red, orange, yellow, green, cyan, blue, purple
# {% image %}
image:
fancybox: false # true, false
# {% copy xxx %}
copy:
toast: 复制成功
# {% timeline %}
timeline:
max-height: 80vh
# {% mark %}
mark:
default_color: yellow # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
# {% hashtag %}
hashtag:
default_color: # red, orange, yellow, green, cyan, blue, purple
# {% okr o1 percent:0.5 status:normal %}
okr:
border: true # 是否显示边框
status: # 可以自行增加
# 进行中状态
in_track:
color: blue # red, orange, yellow, green, cyan, blue, purple
label: 正常
at_risk:
color: yellow
label: 风险
off_track:
color: orange
label: 延期
# 结果状态
finished:
color: green
label: 已完成
unfinished:
color: red
label: 未完成
# {% gallery %}
gallery:
layout: grid # grid / flow
size: mix # s / m / l / xl / mix
ratio: square # origin / square
# 基础依赖
dependencies:
jquery: https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
marked: https://cdn.jsdelivr.net/npm/marked@13.0.1/lib/marked.umd.min.js
# 内置服务,按需加载(页面内用到了就会加载,没有用到就不会加载)
data_services:
# 外部 md 渲染
mdrender:
js: /js/services/mdrender.js
# 数据填充类
siteinfo:
js: /js/services/siteinfo.js
# 设置 api 可以自动提取网页标题、图标,服务部署方法:https://github.com/xaoxuu/site-info-api/
# 接口测试通过后,把按钮的 href 部分替换成 {href} 之后填写到下方,例如:https://api.vlts.cc/site_info/v1?url={href}
api:
ghinfo:
js: /js/services/ghinfo.js
# 网格布局类
sites:
js: /js/services/sites.js
friends:
js: /js/services/friends.js
# 列表布局类
timeline:
js: /js/services/timeline.js
fcircle:
js: /js/services/fcircle.js
weibo:
js: /js/services/weibo.js
memos:
js: /js/services/memos.js
# 扩展插件接入方法:(插件名下面用 #plugin# 代替)
# 1. 在这里增加 #plugin# 配置,至少赢含有 enable 字段,默认为空(不启用)
# 2. 新建文件 layout/_plugins/#plugin#.ejs 文件中设置编写加载代码。
# 2.1. 在该文件中可以直接使用 conf 来读取用户在【步骤 1】填写的配置字段内容
# 2.2. 如果需要引入 css 或 js,可以使用 utils.css(xxx)、utils.js(xxx),具体可参考 layout/_plugins/fancybox.ejs
# 2.3. 如果需要本地 js 文件,请放入 /source/js/plugins 文件夹中,引入方式为:utils.js('/js/plugins/xxx.js');
# 3. 如果这个插件只需要引入外部文件,可以在【步骤 1】处增加 inject 字段,而无需进入【步骤 2】创建 ejs,参考 katex
plugins:
# preload
preload:
enable: true
service: flying_pages # flying_pages
flying_pages: https://cdn.jsdelivr.net/npm/flying-pages@2/flying-pages.min.js
# lazyload
# https://www.npmjs.com/package/vanilla-lazyload
lazyload:
enable: true # [hexo clean && hexo s] is required after changing this value.
js: https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.1.3/dist/lazyload.min.js
transition: fade # blur, fade
# https://fancyapps.com/docs/ui/fancybox/
# available for {% image xxx %}
fancybox:
enable: true
loader: /js/plugins/fancybox-loader.js
js: https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js
css: https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css
# 让 md 语法图片支持放大可以这样写: .md-text img:not([class]), .md-text .image img
# 可以处理评论区的图片(不支持 iframe 类评论系统)例如:
# 使用 twikoo 评论可以写: .tk-content img:not([class*="emo"])
# 使用 waline 评论可以写: #waline_container .vcontent img
selector: .timenode p>img # 多个选择器用英文逗号隔开
# swiper
swiper:
enable: true
css: https://unpkg.com/swiper@10.3.1/swiper-bundle.min.css
js: https://unpkg.com/swiper@10.3.1/swiper-bundle.min.js
# https://scrollrevealjs.org/api/reveal.html
scrollreveal:
enable: #true
js: https://cdn.jsdelivr.net/npm/scrollreveal@4.0.9/dist/scrollreveal.min.js
distance: 16px
duration: 800 # ms
interval: 100 # ms
scale: 1 # 0.1~1
# AI 摘要
# https://github.com/qxchuckle/Post-Summary-AI
tianli_gpt:
enable: #true
js: https://jsd.onmicrosoft.cn/gh/qxchuckle/Post-Summary-AI@6.0/chuckle-post-ai.min.js
field: post # all, post, wiki
key: 5Q5mpqRK5DkwT1X9Gi5e # tianli_gpt key
total_length: 1000 # 设置提交的字数限制,默认为1000字,上限为5000,超过5000字符将被截断
typewriter: true # 打字机动画
summary_directly: true # 是否直接显示摘要,否则显示 AI 简介
rec_method: all # all, web # 文章推荐方式,all:匹配数据库内所有文章进行推荐,web:仅当前站内的文章,默认all
hide_shuttle: true # 是否隐藏矩阵穿梭
summary_toggle: false
interface:
name: AI摘要
introduce: '我是文章辅助AI: QX-AI,点击下方的按钮,让我生成本文简介、推荐相关文章等。'
version: TianliGPT
button: ["介绍自己", "推荐文章", "生成摘要", "矩阵穿梭"]
# Katex - The fastest math typesetting library for the web
# https://katex.org/docs/autorender.html
# https://github.com/KaTeX/KaTeX
# 使用 hexo-renderer-markdown-it-plus 作为公式渲染器:npm uninstall hexo-renderer-marked --save npm install hexo-renderer-markdown-it-plus --save
katex:
enable: #true # hexo-renderer-markdown-it-plus 默认开启 katex,此选项仅用于引入样式
inject: |
# MathJax
# 需在Markdown文件开头加入mathjax: true
# 推荐使用Pandoc: npm uninstall hexo-renderer-marked --save & npm install hexo-renderer-pandoc --save
mathjax:
enable: # true # 可以在特定文章的 front-matter 中设置 mathjax: true 来开启,也可以在这里设置全局开启
js: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.6/MathJax.js?config=TeX-AMS-MML_HTMLorMML
# Mermaid - markdwon to flow chart, seq chart, class chart ...
# 需要安装 npm install --save hexo-filter-mermaid-diagrams
# 使用时 需要在Markdown文件开头加入 mermaid: true
# 使用示例:
# ```mermaid
# graph LR
# A(Section A) -->|option 1| B(Section A)
# B -->|option 2| C(Section C)
# ```
mermaid:
enable: # true # 可以在特定文章的 front-matter 中设置 mermaid: true 来开启,也可以在这里设置全局开启
style_optimization: false # use custom style in stellar
# js: https://unpkg.com/mermaid@9.0.0/dist/mermaid.min.js
js: https://cdn.jsdelivr.net/npm/mermaid@v9/dist/mermaid.min.js
# Available themes: default | dark | forest | neutral
theme: neutral
# 代码块复制按钮
copycode:
enable: true
default_text: 'Copy'
success_text: 'Copied'
toast: 复制成功
# 赫蹏 (Heti) - 专为中文网页内容设计的排版样式增强
# https://github.com/sivan/heti
heti:
enable: false # 此插件会和代码块冲突,仅适用于纯中文博主。
css: https://unpkg.com/heti@0.9.2/umd/heti.min.css
js: https://unpkg.com/heti@0.9.2/umd/heti-addon.min.js
style:
prefers_theme: auto # auto / light / dark
smooth_scroll: false # true / false 开启时如果目录过长可能无法准确定位
font-size:
root: 16px # 改这个会影响全局所有文字的字号
body: 17px # 影响正文区域的字号,如果改成 px 则不受 root 影响
code: 85% # 相较于其所在行的文本大小,建议用百分比
codeblock: 0.8125rem # 13px
font-family:
logo: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
body: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
code: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
codeblock: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
text-align: left
prefix:
h2: https://api.iconify.design/ci:heading-h2.svg
border-radius:
card-l: 16px # 侧边栏、文章横幅位置的圆角
card: 12px # 文章内大部分卡片的圆角
bar: 8px # 横条类元素的圆角
image: 12px # 图片圆角
color:
# 动态颜色(会根据明暗主题重设明度值,只用关心色相和饱和度即可)
background: 'hsl(212 16% 98%)' # 浅色背景颜色
block: 'hsl(212 8% 95%)' # 块背景颜色
code: 'hsl(220 20% 10%)' # 'hsl(14 100% 48%)' # 行内代码颜色
text: 'hsl(0 0% 20%)' # 文本颜色
# 主题色配置(不会根据明暗动态调整,请设置为通用的颜色)
theme: 'hsl(192 98% 55%)' # 主题色
accent: 'hsl(14 100% 57%)' # 强调色
link: 'hsl(207 90% 54%)' # 超链接颜色
hover: 'hsl(14 100% 57%)' # 按钮高亮颜色
animated_avatar:
animate: auto # auto, always
background: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/rainbow64@3x.webp
codeblock:
scrollbar: 4px
highlightjs_theme: https://gcore.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-dark.min.css
loading:
loading: 正在加载
error: 加载失败,请稍后重试。
gradient: # https://webgradients.com/
start: 'linear-gradient(to right, hsl(215, 95%, 64%), hsl(195, 95%, 60%), hsl(165, 95%, 56%), hsl(165, 95%, 56%), hsl(195 95% 60%), hsl(215, 95%, 64%))'
leftbar:
# 可以设置:纯色/渐变色/图片作为背景
# background: var(--leftbar-bg)
background-image: url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.13/image/sidebar-bg1@small.jpg)
blur-px: 100px
blur-bg: var(--alpha60)
paginator:
prev: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/f049bbd4e88ec.svg
next: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/064b95430caf4.svg
error_page: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/404/1c830bfcd517d.svg
site:
background-image: #'url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.14/image/site-bg1@small.webp)' # 未完全适配,慎用
blur-px: 100px
blur-bg: var(--alpha75)
default:
avatar: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg
link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/link/8f277b4ee0ecd.svg
cover: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/cover/76b86c0226ffd.svg
image: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2659360.svg
project: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/2779789.png
banner: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/banner/books.jpg
topic: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/image/10433048.png
api_host:
ghapi: https://api.github.com
ghraw: https://raw.githubusercontent.com
gist: https://gist.github.com