Skip to content

漂亮的起始页

home3.0

image-20240805214647028

目录

[toc]

版权申明

次版本是在原作者 南淮花酱 基础上修改其壁纸无法正常设置的一个新版本,其中感谢 E&T 大佬参与的代码改进,及配合gpt,最终完成代码输出。

版权归 原作者 南淮花酱 所有。

原作者 南淮花酱 仓库地址:

https://github.com/hsBUPT/hsBUPT.github.io

image-20240731061143931

image-20240731061223198

另外,此种风格起始页最初作者应该是如下:

imsyy

原作者站点地址:https://www.imsyy.top/

原作者github仓库:https://github.com/imsyy/home

image-20240805214049469

image-20240805214207445

效果预览

我的起始页demo:

https://onedayxyy.cn/

image-20240805214647028

image-20240805214607670

项目特色

👍 头像点击后会有特效

👍 具有搜索引擎

image-20240613002511500

image-20240613002529058

image-20240613121715738

👍 网站简介

image-20240613002837987

👍 直接编辑html,就可以使用

image-20240613003614895

image-20240613003625665

源码获取

v1-2024.8.6

修复原作者无法正常设置壁纸bug,目前未发现其它bug,完美。

https://gitee.com/onlyonexl/home3.0/releases/tag/v1-2024.8.6

image-20240806063207056

部署方法

直接克隆代码,放在html目录运行即可:

bash
git clone https://gitee.com/onlyonexl/home3.0.git

或者在vscode里安装好live server插件,本地运行测试就好。

image-20240805214527800

使用方法

修改站点链接的图标(已解决)

image-20240615140306808

image-20240615141537720

image-20240615141610816

image-20240615141622514

待改进

将风格换成ruyu-blog风格

2024年8月6日记录

https://blog.onedayxyy.cn/

image-20240805214748608

手机端无法正常显示第二屏幕

这个类型的其他作品好像也没法正常查看。

image-20240613122514962

如何调整页面字体为好看的中文字体

image-20240617074825461

如何增加如下一些效果呢

头像特效闪烁、字体持续输出、视频背景页、背景雪花效果、选项卡点击后效果

视频效果:

如何更改部署方式

可以用一个配置文件来轻松更改不同的配置。

其它风格起始页

风格1-home类型

案例:原作者home(imsyy大佬)(已舍弃)

image-20240610153736279

2024年6月13日舍弃次方法:

因为次方法没法立即调试,需要编译后(docker build)才能查看效果,很影响调试体验,这里停止次软件的更新!

imsyy

原作者站点地址:https://www.imsyy.top/

原作者github仓库:https://github.com/imsyy/home

image-20240805214049469

image-20240805214207445

案例:home改进版-杜帅(大佬)(新增统计数据)(已舍弃)

作者demo:https://dshuais.com/

仓库位置:https://github.com/dshuais/dshuais.com

220ec15d34ec9c60814a68a97bce417

image-20240605165619130

2024年6月5日收藏

  • 优秀特性

新增统计数据;

新增猫玻璃效果;

新增个性化标题;

新增壁纸切换按钮;

存在的问题:

  • 有的图片不太适合做壁纸;

案例:南淮花酱(强烈推荐)

作者demo:https://hsbupt.github.io/

仓库地址: https://github.com/hsBUPT/hsBUPT.github.io

image-20240731061143931

image-20240731061223198

自己部署后demo:

https://onedayxyy.cn

image-20240615061636365

风格2-静态壁纸类型

案例:呓语梦轩(静态home)-2024.6.5(舍弃)

2024年6月5日收藏

大佬手搓作品,nice,666😘🤣😂

https://www.awaae001.top/ 效果

https://github.com/awaae001/home.git 仓库

image-20240605162630199

特色

缺点

####### 👎 这里文字看不清

这里应该也加上磨砂背景。

image-20240614121430813

放弃原因

还是过于单调。

风格3:动态壁纸背景类型

案例:remio(已舍弃)

原作者效果

项目地址:https://github.com/kasuie/remio-home 预览地址:https://home.kasuie.cc

image-20240614121707732

特色

####### 👍 动态壁纸效果&动态图标效果

image-20240614185123608

image-20240614185225292

####### 👍 部署方式、配置方式简单

image-20240614225149450

####### 👍 杂七杂八功能不错

image-20240614225959075

image-20240614225944351

缺点

####### 👎 壁纸没有随机播放功能

单张壁纸过于单调:

image-20240614225324314

####### 👎 壁纸模糊程度修改后不生效……

image-20240614225611811

####### 👎 个人吧这个技能站点功能给下架掉

显得格格不入……

image-20240614225832129

个人放弃原因(壁纸没有随机播放功能)

单张壁纸过于单调:

image-20240614225324314

更新日志

2024.9.8

将壁纸图片修改为压缩过的.webp格式

2024.8.6

修复原作者无法正常设置壁纸bug

关于我

我的博客主旨:

  • 排版美观,语言精炼;
  • 文档即手册,步骤明细,拒绝埋坑,提供源码;
  • 本人实战文档都是亲测成功的,各位小伙伴在实际操作过程中如有什么疑问,可随时联系本人帮您解决问题,让我们一起进步!

🍀 微信二维码

x2675263825 (舍得), qq:2675263825。

image-20230107215114763

🍀 微信公众号

《云原生架构师实战》

image-20230107215126971

🍀 个人主页:

https://onedayxyy.cn

image-20240805214647028

🍀 知识库:

https://wiki.onedayxyy.cn/

image-20240804075128231

🍀 博客:

http://blog.onedayxyy.cn/

image-20240804075845906

🍀 csdn

https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

image-20230107215149885

🍀 知乎

https://www.zhihu.com/people/foryouone

image-20230107215203185

往期推荐

我的开源项目:

https://wiki.onedayxyy.cn/docs/OpenSource

image-20240804173540839

玩转Typora+Docusuaurus-起始页交流群:

image-20240804095452509

最后

好了,关于本次就到这里了,感谢大家阅读,最后祝大家生活快乐,每天都过的有意义哦,我们下期见!

最近更新