欢迎光临
我们一直在努力

一款好看的樱花个人引导页1.1版本更新

%title插图%num
一款好看的个人引导页,普通虚拟主机即可搭建,无需其他环境。
把源码上传到服务器,修改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搜索引擎的质量检查

————

### 修改内容:
1. 将页面内头像改为本地头像
2. 将原本的背景替换为动态樱花背景(参考自 fwxiaohan.github.io )
3. 去除<li>标签的锚点链接,改为文本链接
4. 去除超链接下方的横线
main.css内的

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

复制代码

5. 去除页面中间的黑色块块
main.css内的

  1. <div>background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);</div><div>background-image: radial-gradient(rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 55%);</div>

复制代码

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

————

### Dimension与个人樱花引导页的对比:
#### Dimension
%title插图%num
> #### 个人樱花引导页
> 静态图
%title插图%num
> 动态图
%title插图%num
由于Gif较大,可能加载不出来或加载比较慢,建议直接前往演示站查看。

相关文件下载地址
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
赞(4)
未经允许不得转载:阿强爱分享 » 一款好看的樱花个人引导页1.1版本更新

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址