一款好看的个人引导页，普通虚拟主机即可搭建，无需其

聪明小米

一款好看的个人引导页，普通虚拟主机即可搭建，无需其他环境。
把源码上传到服务器，修改index.html里面的代码，访问域名就可以使用。
纯Html-Css-JavaScript
注意：
此源码是基于 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);[size=0.8em]CSS
Copy

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

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%);[size=0.8em]CSS
Copy

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

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

https://html5up.net/dimension

个人樱花引导页

静态图

动态图
https://www.nianbroken.top/

下载地址Personal_Sakura_Guide_Page.zip
补充内容 (2021-5-5 21:38):
好家伙，没人来个回复吗

下载地址

Personal_Sakura_Guide_Page.zip

网盘失效？举报有奖

立即下载

免费

您已购买

星币

设置星币兑换防止恶意倒卖

无任何充值系统，星币每日签到登录即可获得！

自用完全够用，免费下载全站所有资源！

超级小爱

看着挺顺手，等我用用看