首页
Portal
发现
日常
导读
Guide
任务
导航
登录
立即注册
返回列表
发布新帖
精华
创造
我是怎么又开始做网址导航的
865
1
think
Lv.9
发表于 2024-6-25 16:56:18
|
查看全部
阅读模式
马上注册,加入我们,一起分享
您需要
登录
才可以下载或查看,没有账号?
立即注册
×
我是一个非常喜欢看网页的人,但是跟大多数人不一样,我喜欢看的是网站的样式,动效,优化和细节。日积月累看的多了,因此每年我都会评选出一个当年我发现的非常不错的网站。
我称之为 好看的皮囊
比如这个 22 年
https://www.14islands.com/
23 年:
https://www.truestaging.co.uk/
今年如果不出意外: 应该是
https://activetheory.net/
我甚至并不是很关注这些网站内容具体是干什么。只是觉得某些动效或者想法值得借鉴。
又或者我实在不知道具体实现方法是怎样的。这也许是一种职业病(因为我是个前端)。
我这个爱好是从苹果发布第一代垃圾桶,我点开官网的介绍页开始的。不知道当年有没有也被惊艳过的,可以说是因为这个垃圾桶我才决定是个前端的。没想到从业以后,压根就没有遇到过类似的活让我做。
有时候我会去看一个刚遇到的产品的官网,去看看他们官网的文章列表的图片是不是大于 1M ,结果经常会出现个 5M 以上的图。 不管是腾讯还是阿里也都出现过类似的问题。
我们费尽心思的优化打包体积,拆分 js ,调整加载顺序。结果一个运营上传的原图就什么都白费了。
但是在好的网站里,不光是这样的细节。比如苹果,以前新出的手机、pad ,网站会做非常多好看华丽流畅的动效,如果你仔细看,每一个素材都是做过处理。并且还是响应式。并且禁用 js 依旧可以正常展示内容。
不管是什么,越优秀的东西往往就是让你忽视它的存在。
这么些好的内容, 光放收藏夹是没有什么大用的。
于是我开始写导航站,其实不是大家认知里的网址导航,可以算是个酷站集合。但是我的这个爱好太小众了。基本很早就凉凉了。所以还是要做一些正常一点的导航。
后来,vue 2.0 发布了,我发现导航站非常适合拿来练手。每当我知道一个新的框架我都尝试写一个试试,WordPress ,angular ,react ,我都试过。用来提升经验确实很不错。
直到有一天我渐渐地发现,导航的本质是及时的新内容,我的貌似一直在重构代码。
虽然我建立之初安慰自己大不了就我自己用,但是,还是想有人用。
所以我开始转变思路。(是今年才开窍的,之前因为域名没续费,域名都没得了,不得不换了个域名,从头开始)
这次我做导航,定了几个基调
1.做好 SEO 和性能 lighthouse ,web vitals 要绿,尽量满分
虽然是导航站,但是依然要做 SEO ,并且要做好,所以这次选择的就是 WordPress 。
虽然 wordpress 的性能口碑一直都不好,但好在我高中就在玩 dz 和 wp 了,算是有那么一点经验。但目前看来还挺不错的。
2.要好看
尽量符合我的审美,虽然我很喜欢看好的网站,但不一定自己能写的出来,毕竟我的活是还原设计稿,自己设计还真是需要有点水平的,但又要带点不一样的东西。最终的效果是这样的,小人的动画是网上的源码,我拿来修改了一下支持部分人说话,首页的小人会喊话一些热搜。其他页的小人会讲对应行业里的一些梗。我知道做这个一点毛线用没有,但我就是喜欢这种。。看上去就热热闹闹的感觉。(我想等 8.20 黑神话发售那天给每个小人镶一个金箍)
3.内容尽量新鲜
内容来源。这个我最不用担心,我可是一个光从一个网站顺着友链能看一天网站的人。
其次,我还把一些比较容易获得新内容的网站都收录到导航里了。
4.坚持更新内容。
这个应该是最难得吧,在座的导航内容绝对没有自己的收藏夹内容多吧。是不是有一大堆跟我一样,发现一个网址放收藏夹,想着之后更新到导航里,后来就不了了之了。
我的解决方案是,写了一个浏览器的插件,调用后能直接自动获取当前网页的 TDK 信息以及 icon ,并且可以拉取导航分类一键添加。这真的是大大的提高了我的收录速度。
不光如此,我还单独做了处理,如果是公证号文章,可以一键获取公证号信息,steam 游戏也能一键获取游戏的信息。(因为我有公众号分区和游戏分区)主打的就是一个方便快捷。
剩下的信息,比如网站的介绍和网站截图,(因为考虑到 SEO ,加上这些会好点),我在我本地的电脑里写了一个 node 的服务,会定期自动更新网站截图,网站介绍,我是接了 AI ,批量跑的。
最终成品:
https://n.mumingfang.com/
比较特色的收录就是摸鱼板块,有自己的摸鱼站欢迎评论,我秒收录。
https://n.mumingfang.com/my
回复
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
电梯直达
全部评论
1
是汤圆吖
Lv.7
沙发
2024-6-25 17:32:33
|
查看全部
已收藏。
回复
举报
返回列表
发布新帖
回复
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
think
Lv.9
站长
主题
0
回帖
969
积分
+ 关注
发消息
头条资讯
换一批
400+多功能免费在线工具网站-黑点工具
没有链接的互联网
星云导航 - 打破认知壁垒,导航你的网站世
紫苏线报-最新羊毛活动早知道
聚合搜 - 全类型聚合网盘搜索引擎
程序员应该访问的最佳网站中文版
追番 kazumi 有没有用过的
大盘云图—实时A股市场热力图与行情分析平
一个简单好用的个性化导航定制工具
微波炉
风格挺拿人的一个手机调试工具
五十弦 - 根据图片找匹配诗
设计师可用的开源作品集模板
零基础小白一键上手 Python 大模型开发
免费的音效生成网站
遇事不决,每日一问——Yes/No塔罗AI为您即
夸克搜-最优雅的夸克网盘搜索引擎
有什么摸鱼的网站推荐么
生财有迹 | 您专属的资产跟踪与分析工具
简单免费、高质量的反链汇总网站
Office 2024 软件安装教程
m3u8在线播放器
大画丹青 PS-AI插件
一款能写作能聊天的AI工作学习助手—CueMe
推荐栏目
分享发现
问与答
分享日常
关灯
在本版发帖
关注我们
返回顶部
快速回复
返回顶部
返回列表