大家好，我是一航；
上周Beta版本出来之后，发到了群里，希望各位大佬能给我指点指点；结果让我万万没想到，这些LSP的关注点竟然全部在右下角的萝莉身上，给我建议也都是如何把萝莉变的更性感一点，这就离了大普，一下给我整不会了.....
目前来说，这只是一个初版，构思的东西其实还挺多的，慢慢迭代吧！对于大家的建议，我也会逐一考虑并酌情调整；
整个网站现在收录了14个大类近500个程序员常用或可能用的上的站点、工具；而且还在持续更新中（整理收录实在是太耗时了）
2022年刚刚开始，给自己定个小目标吧，争取今年把这个导航站做成程序员每天上班打开的第一个网站。
有做这个网站的想法，源于自己的不爱收拾的坏毛病；下面就是我个人的google标签收藏夹，你没看错！结构就是这么的复杂，每次看到个好的工具或者站点，就往某个文件夹一扔；有时候想用一下，明明记得收藏过某个工具，但这一级又一级的目录让我死活找不到放在哪里；但是我又没有办法，只能尽可能把目录详细一些，来方便我日后的查找；
此时，就迫切需要一个能直观展示这些站点的工具...
上个月，群里的小伙伴在聊，有些什么项目适合个人拿来练练手；让我又想起了这个一直想做的导航站；加上11月份各云商的疯狂促销活动，让我又入手了好几台服务器，现在正躺在角落吃灰，为了不暴殄天物，就决定把这个网站给做了。
在这里得感谢@牛奶布丁的香味～帮我设计的logo；@你那么美 给予我的前端指导，以及正在看这篇文章的各位朋友们；
原计划的是花个半个多月时间，在元旦就上线一个Beta版；哎！苦于程序员的通病，终究还是高估了自己的能力和时间；元旦的时候，代码倒是写的差不多了，可素材都还没有没怎么整理；所以最近的一个多星期，就是在老老实实的整理收录各个站点、工具。
交流过程中，也有部分爱学习的铁子问到了实现方案及实现过程，这里就来简单的说说；
个人的站点，我一向的原则就是：
基于这两个原则，最后的方案如下
OpenResty
OpenResty® 是一个基于 Nginx 与 Lua 的高性能 Web 平台；关于他的基础使用，之前写过：；不了解的朋友，可以去看一下；他在这里的主要功能有三个：、以及
管理平台
为了能够方便管理各类型的工具，还给导航站开发了一套管理平台；管理平台是基于一个开源后台管理框架【EL-ADMIN：https://el-admin.vip/】开发的；这是一套非常好用的后台管理框架，通用的权限、用户等等功能已经全部内置好了，开箱即用，基于这套框架，我们只需要关注自己的业务功能开发，能大大提高管理平台的开发效率；
这里的功能比较简单，所以从数据库到后端接口开发，再到前端界面开发及联调，差不多几个小时就完成CURD功能；为我后续的素材整理提供了很多便捷。同时。
EL-ADMIN在线文档：https://el-admin.vip/
SM.MS图床
地址：https://sm.ms/
思考：为什么要考虑使用图床或者OSS（对象存储）？
整个导航站是包含了大量的Logo，图片是非常消耗带宽的；虽然我把所有的Logo全部压缩到最大不超过2kb，在尽量不影响清晰度的前提下已经很小了，但还是挡不住数量多，2kb*500也有1M的大小了；
以下是所有logo素材的空间占用：
假如我的页面、JS等占用，接口数据；也就意味着一个用户的访问需要传输的数据；
如果服务器带宽是8M，把这些素材全部放在服务器的话，那么同一时间，1个人的访问，就将带宽耗尽了,其他用户就需要等待；
当我把这549K的图片素材放到三方的OSS之后，那么8M的带宽就能满足3个用户的同时访问，性能一下就提升了3倍；
为什么选择SM.MS?
市面上有很多平台可以用来做免费图床，比如、、、等；
综上分析，根据我当前做的产品，以及各个图床的特点，最终选定了；因为我不需要大量上传图片，每天200张的数量已经完全足够了；
Python爬虫
Python在本产品中发挥了三个作用：
爬取站点的logo
转换SVG、ico格式为png；有些网站的logo是svg、ico格式，但SM.MS只支持png和jpg，所以需要转换
将整理好的图片素材上传SM.MS并更新数据库的
SM.MS的API使用起来非常的便捷，申请（https://doc.sm.ms/）一个key，通过Python，几行代码就能实现图片的上传
Server酱
https://sct.ftqq.com/
所以大家使用的过程中遇到任何问题，都可以在网站的右侧点击“反馈”提交上来，我会第一时间收到！ 如果你有好的工具，欢迎推荐！
OHTTP
一款免费的SSL证书管理工具，自动更新、自动部署工具，使用教程：
创可贴（在线PS）
https://www.chuangkit.com/
一款免费（免费功能足够我使用了）的在线PS工具，部分站点的logo比较的特殊，太大（512 x 512）占用空间、太小（16 x 16）清晰度不够;为了这些问题，需要将这些素材针对性处理一下；
如果你没有使用专业的PS技能，就可以使用这款在线的工具，能轻松帮你处理图片：
PIXLR
https://pixlr.com/
另一款免费的在线PS工具，和上面的创可贴功能差不多；为什么有创可贴了还要用这款工具，主要是因为部分logo在处理的时候，创可贴提示不支持，所以需要这款工具转换一下；
图片压缩
https://tinypng.com/
图片压缩是当前站点优化的一个重要点，如果大量的大图自然会影响整站的响应速度；
Tinypng一款而非常好用的在线图片无损压缩工具，每次能拖拽20张图片进行无损压缩；由于本次没有太多的图片，所有也没有去整很专业的插件，手动操作了一下；先前有通过插件，来实现对整个文件夹的图片进行自动压缩，由于换电脑，相应的环境丢失，没有去恢复；如果需要对大量图片进行压缩的话，可以百度大家一个环境；
如下图，一张38K的图，经过几轮压缩之后，最后只占用了6.5K，但是清晰度用肉眼完全无法感知。
这里说的”“是个褒义词，意思是要学会利用各种免费的资源来提高自己产品的体验，比如本文中提到的SM.MS图床、OHTTP免费SSL证书、Server酱、Tingpng等免费工具，不仅大大提高的自己的开发效率，还能让网站体验更好，何乐不为；站在巨人的肩膀上，才能爬的更高、看的更远。
如果您有好的工具、好的点子、好的建议，都欢迎您通过”反馈“界面提交给我；