自定义组件

智能摘要
Kimi·K2-Turbo

自定义组件

Alert

提醒

你好

问题

默认插槽的 超链接 粗体 Inline code

自定义标题

默认插槽的 超链接 粗体 Inline code

卡片风格 标题插槽的 超链接 粗体 Inline code

默认插槽的 超链接 粗体 Inline code

扁平风格 标题插槽的 超链接 粗体 Inline code

默认插槽的 超链接 粗体 Inline code

仅标题,并且自定义图标和颜色

Badge

普通带链接 纯文本指定圆形 纯文本指定方形 https://picsum.photos/100/100带个图

外部域名自动获取站点图标 https://unavatar.webp.se/google/www.zhilu.site?w=32纸鹿https://unavatar.webp.se/google/gug.thisis.host?w=32古怪杂记本, GitHub链接能自动识别头像 https://avatars-githubusercontent-webp.webp.se/KazariEX?s=120KazariEX, 也可指定方形 https://avatars-githubusercontent-webp.webp.se/isYangs?s=120isYangs/GioPic

在其他组件中使用 https://picsum.photos/100/100带链接

https://picsum.photos/100/100指定圆形 背景色 可以 https://picsum.photos/100/100动态变化 使用

BlogHeader

Miku
心有多宽,世界就有多远

鼠标悬浮时的动画 Emoji 📄🦌🙌🐟🏖️ 对应"纸鹿摸鱼处"的汉字,在 app.config.ts 中配置,字体由 阿里妈妈方圆体 分割而来。

sh
# iconfont 网页版生成的字体子集在 Chrome 124 的版本无法解析,需要借助 fonttools 工具手动生成子集
pip install fonttools brotli
pyftsubset ./AlimamaFangYuanTi.ttf --text=Header文本 --flavor=woff2

Blur

你知道得太多了。

也未必。

评论

评论加载中...