One

主题

00:00:00
2025-03-012025-11-24博客Teek
1506
7.7m
0

文章发布较早，内容可能过时，阅读注意甄别。

有趣元素 ​

常见网站 有趣元素 ​

image-20250318185555822

目录 ​

[toc]

首页风格 ​

案例：大图轮播-我当前的风格（推荐） ​

https://onedayxyy.cn/

image-20250113132330065

案例：大图模式 ​

https://www.imcao.cn/

image-20241222080502741

案例：半背景图+文章模式 ​

https://poetize.cn/

image-20250104072916273

案例：大波浪效果 ​

https://liuyuyang.net/

image-20250104073310567

https://poetize.cn/

image-20250104073334730

案例：打字机效果 ​

https://liuyuyang.net/

image-20250104073310567

https://poetize.cn/

image-20250104073334730

案例：文字抖动效果 ​

  • 案例（2025年7月6日记录）

https://www.kuailemao.xyz/

image-20250706091813323

个人不太喜欢这个元素，感觉有点眩晕！🤣

首页文章风格 ​

案例：对齐卡片式（推荐） ​

案例：https://www.imcao.cn/

image-20241222080638717

案例：我的风格 ​

image-20250113132441077

案例：斜对角卡片式 ​

2025年1月4日记录

https://thrivex.liuyuyang.net/

image-20250104071623893

文章背景图 ​

案例：宇阳 ​

https://liuyuyang.net/article/2230

image-20250506210303384

案例：最美博客 ​

https://poetize.cn/article/118

image-20250506210428418

页脚 ​

案例：带点文字（推荐） ​

https://poetize.cn/

image-20250104073111675

案例：我的风格 ​

image-20250228074327489

案例：好看的样式 ​

https://www.imcao.cn/

image-20241222080351486

案例：常规样式 ​

https://onedayxyy.cn/

image-20241222080411332

案例：游动的小鱼 ​

2025年6月10日记录。

https://blog.nnxx.me/

PixPin_2025-06-10_12-29-54

网站统计 ​

案例：《崔亮的博客》💖（推荐） ​

image-20250108121516076

image-20250108121549418

案例：我当前的风格 ​

image-20250108121013012

image-20250108121036274

留言 ​

案例：整齐风格 ​

https://liuyuyang.net/wall/all

image-20250217123939657

案例：手工风格 ​

https://blog.grtsinry43.com/thinking

image-20250217124026789

音乐播放器 ​

案例：《myhkw.cn》 ​

2025年3月6日收藏。

https://myhkw.cn/

image-20250307122449113

案例：《Lg-Blog》

https://lg2024.cn/

image-20250307122515628

鼠标 ​

案例：《游戏鼠标》 ​

  • 案例

https://note.noxussj.top/?s=y6

image-20250318211648094

案例：《有颜色的鼠标》 ​

2025年3月18日记录。

小鱼吃猫博客

滚动条 ​

案例：彩色滚动条 ​

https://wiki.onedayxyy.cn/

具体代码：

https://onedayxyy.cn/pages/63f456

头像 ​

案例：小头像+背景图片 ​

2025年4月14日记录。

https://www.kuailemao.xyz/

image-20250414060414683

案例：大头像 ​

2025年4月14日记录。

https://teek.seasir.top/ （Teek头像）

image-20250414060911622

案例：小头像 360翻转 特效 ​

2025年4月14日记录。

https://www.kuailemao.xyz/

案例：小头像 一直翻转 特效 ​

2025年4月14日记录。（Teek网站）

https://onedayxyy.cn/

公告 ​

案例：个人头像下方 风格 ​

2025年4月14日记录。

https://www.kuailemao.xyz/

image-20250414061239977

案例：小图标形式 ​

2025年4月14日记录。

https://onedayxyy.cn/

image-20250414061101783

image-20250414061114503

其它 ​

案例：有特色的头像 ​

2025年1月5日收藏

https://vitepress.dev/zh/

image-20250105134549399

案例：手绘风格 ​

2025年1月4日记录

https://thrivex.liuyuyang.net/

image-20250104070709001

案例：开屏烟花和首页小灯笼 ​

2025年1月4日记录

https://thrivex.liuyuyang.net/

image-20250104070833885

文章目录 ​

案例：可收缩-（Grtsinry43’s Blog） ​

2025年8月26日记录

https://blog.grtsinry43.com/posts/grtblog-deploy

📌 VitePress有趣元素 ​

漂亮的友链和开源项目风格 ​

2025年4月13日收录。

下面这2个风格的确好看：

https://example.zbwer.work/Projects.html

image-20250413093143210

https://example.zbwer.work/Friends.html

image-20250413093159556

自己当前丑丑的风格：

image-20250413093258207

image-20250413093246023

《粥里有勺糖》-强制加自动序号 ​

image-20250413111044604

image-20250412184044084

  • 本地位置：sugar-blog-master.zip

image-20250301142207420

🍊 文章地址

《开发了一个VitePress博客主题》

image-20250301142348612

《leelaa.cn》-有些有趣的元素 ​

2025年3月20日收藏。

https://leelaa.cn/

案例：有趣的滚动条进度 ​

2025年3月20日记录

案例网站：

https://leelaa.cn/

案例：有趣的电台风格 ​

2025年3月20日记录

案例网站：

https://leelaa.cn/

案例：有趣的2个元素 ​

2025年3月20日记录

案例网站：

https://leelaa.cn/

《无名小栈》-体验很轻量、丝滑 ​

2024年6月2日记录

  • 博客

https://blog.imsyy.top/

image-20240602221349143

https://blog.imsyy.top/posts/2024/0130

https://github.com/imsyy/vitepress-theme-curve

结尾 ​

最近更新