 一款好看的个人引导页，普通虚拟主机即可搭建，无需其他环境。
把源码上传到服务器，修改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/
更新日志：
1.1 - 2021年7月21日
- 修复 Svg 无法显示 的问题
- 增加 Meta Description 优化SEO
- 增加 图像的 Alt 属性 优化SEO
- 增加 Meta Language 标记 优化SEO
- 增加 万能收款码 （需自行修改
\money_receiving_QR_code\index.html 相关参数）
- 此版本可通过Bing、Google搜索引擎的质量检查
修改内容：
- 将页面内头像改为本地头像
- 将原本的背景替换为动态樱花背景（参考自 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 - 1.1.zip | 
[复制链接]
发表于 2021-7-21 14:09
|
发表于 2021-7-21 14:47
