有趣元素

常见网站 有趣元素

目录

[[toc]]

[toc]

首页风格

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

https://onedayxyy.cn/

案例：大图模式

https://www.imcao.cn/

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

https://poetize.cn/

案例：大波浪效果

https://liuyuyang.net/

https://poetize.cn/

案例：打字机效果

https://liuyuyang.net/

https://poetize.cn/

案例：文字抖动效果

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

https://www.kuailemao.xyz/

::: video

https://img.onedayxyy.cn/images/PixPin_2025-07-06_09-11-57.mp4

:::

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

首页文章风格

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

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

案例：我的风格

案例：斜对角卡片式

2025年1月4日记录

https://thrivex.liuyuyang.net/

文章背景图

案例：宇阳

https://liuyuyang.net/article/2230

案例：最美博客

https://poetize.cn/article/118

页脚

案例：带点文字（推荐）

https://poetize.cn/

案例：我的风格

案例：好看的样式

https://www.imcao.cn/

案例：常规样式

https://onedayxyy.cn/

案例：游动的小鱼

2025年6月10日记录。

https://blog.nnxx.me/

网站统计

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

案例：我当前的风格

留言

案例：整齐风格

https://liuyuyang.net/wall/all

案例：手工风格

https://blog.grtsinry43.com/thinking

音乐播放器

案例：《myhkw.cn》

2025年3月6日收藏。

https://myhkw.cn/

案例：《Lg-Blog》

https://lg2024.cn/

鼠标

案例：《游戏鼠标》

• 案例

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

案例：《有颜色的鼠标》

2025年3月18日记录。

小鱼吃猫博客

滚动条

案例：彩色滚动条

https://wiki.onedayxyy.cn/

具体代码：

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

头像

案例：小头像+背景图片

2025年4月14日记录。

https://www.kuailemao.xyz/

案例：大头像

2025年4月14日记录。

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

案例：小头像 360翻转 特效

2025年4月14日记录。

https://www.kuailemao.xyz/

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

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

https://onedayxyy.cn/

公告

案例：个人头像下方 风格

2025年4月14日记录。

https://www.kuailemao.xyz/

案例：小图标形式

2025年4月14日记录。

https://onedayxyy.cn/

其它

案例：有特色的头像

2025年1月5日收藏

https://vitepress.dev/zh/

案例：手绘风格

2025年1月4日记录

https://thrivex.liuyuyang.net/

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

2025年1月4日记录

https://thrivex.liuyuyang.net/

文章目录

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

2025年8月26日记录

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

📌 VitePress有趣元素

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

2025年4月13日收录。

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

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

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

自己当前丑丑的风格：

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

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

🍊 文章地址

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

《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/

• vitepress主题

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

• 仓库

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

结尾