一款好看的樱花个人引导页，基于Dimension的二次修改。普通虚拟主机即可搭建。

碎念_Nian

一款好看的个人引导页，普通虚拟主机即可搭建，无需其他环境。
把源码上传到服务器，修改index.html里面的代码，访问域名就可以使用。
纯Html-Css-JavaScript<!--more-->

---

注意：
此源码是基于 Dimension 的二次修改

Demo 1：https://nianbroken.github.io/Personal_Sakura_Guide_Page/

Demo 2：https://www.nianbroken.top/

Github：https://github.com/nianbroken/Personal_Sakura_Guide_Page/

Gitee：https://gitee.com/nianbroken/Personal_Sakura_Guide_Page/

---

修改内容：

• 将页面内头像改为本地头像
• 将原本的背景替换为动态樱花背景（参考自 fwxiaohan.github.io ）
• 去除<li>标签的锚点链接，改为文本链接
• 去除超链接下方的横线

main.css内的

border-bottom: dotted 1px rgba(255, 255, 255, 0.5);

• 去除页面中间的黑色块块

main.css内的

background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);
background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);

• 增加显示访问者IP地址（调用 https://pv.sohu.com/cityjson?ie=utf-8 接口）

---

Dimension与个人樱花引导页的对比：

Dimension

个人樱花引导页

静态图

动态图

由于Gif较大，可能加载不出来或加载比较慢，建议直接点击图片跳转至演示站查看。

下载地址

Personal_Sakura_Guide_Page

goldli

不错。就是太占资源。

碎念_Nian

fanvalen 发表于 2021-5-4 13:49
效果虽好我不感兴趣，我要gif录制工具，这种点状缺失压缩很好用得样子
大佬给个gif吧

录好视频之后再转换成Gif的

大侠在路上

感谢楼主分享，这个樱花特效看着还不错。

zhangxy3164

mark一下

龍謹

漂亮，谢谢分享，已收藏！

文西思密达

我还是觉得原版好看, 够简洁

TMTT

下载了，感觉还可以。

clb1nin

感谢分享，有就空试试看

我是一只小小

很好看，感谢分享

OneDreamA

漂亮，谢谢分享，已收藏！