企业官网建设流程全解析

打开浏览器的收藏夹翻了翻，里面躺着两百多个网站，真正近一个月打开过的，不超过二十个。这个比例很讽刺，所以我花了几个晚上，把那些收藏了但基本没用过的、页面已经失效的、以及当初只是顺手存下的全部清理了一遍，最后留下来的，就是标题里说的这130个资源网站。

这份清单不是从哪个导航站一键导入的，每一个站我都在真实场景里用过，有的用了好几年，有的只是救过一次急，但它们都满足同一个要求：当你需要那个东西的时候，打开它就能解决，不需要折腾、不需要付费、不需要研究半天说明书。无论你是学生、上班族、自由职业者，还是刚入行的创作者，里面总有几个对你胃口。下面按场景拆开讲，最后我会聊聊整理这份清单时用到的筛选标准，以及怎样让收藏夹不变成数字垃圾场。

1. 这份清单是怎么来的：三个硬标准与一套分类逻辑

1.1 能进清单的三个前提

我先说筛选标准。因为如果标准不明确，任何资源清单最后都会变成"看起来很全但其实没几个能用"的废纸。

第一个前提是免费可用，或者说免费额度足够日常使用。我收藏过的很多工具，免费版不是用来吊胃口的就是功能砍得太狠，这类一律不放进。比如很多在线格式转换站，免费版限制文件大小限制得特别死，传一个稍大点的文件就跳出付费页，体验很差。真正好用的工具不该靠折磨用户来卖会员。

第二个前提是用起来不折腾。资源网站的价值是省时间，不是让你学习"如何学习使用一个工具"。有的平台功能强大但界面混乱，打开一小时还不知道从哪下手，这一类再强大也不适合放进日常清单。

第三个前提是活着且持续更新。我清理的时候发现，收藏夹里有十几个网站的域名早就过期了，有的被收购变成了完全不相干的内容，这些都是信息的尸体。所以这份清单发布前，我把所有网站都重新打开验证了一遍，能正常访问才保留。

1.2 按"想干的事"分类，比按"工具的属性"分类好用

分类这件事我也纠结了很久，最后没有按照"工具分类法"，而是按照"使用场景分类法"：学习充电、设计创作、编程开发、效率办公、影音娱乐、生活服务、信息查询。

为什么这样分？因为大多数人收藏资源网站，其实是在"遇到问题"的时候想去"找解决办法"，而不是在"某个分类"底下漫无目的地逛。比如你写年终总结需要配图，你脑子里冒出来的需求不是"图库类网站有哪些"，而是"哪里有免费还能商用的图"。场景分类能让你在需要的时候几秒钟定位到正确的分区。

2. 学习充电类：想自学一门技能，优先看这25个网站

2.1 系统课程平台怎么选

如果你要系统地学一门课，从零到一完完整整学完，首选是MOOC性质的平台。中国大学MOOC和学堂在线这两家的课程由高校老师录制，课程结构严谨，作业和考试体系完整，适合正经学了要拿结果的人。我在上面跟完过一门财务基础课，老师的讲解节奏比线下课还舒服，重点是有课后题，能逼着你输出而不是光看。

国际方面，Coursera和edX的覆盖面更广，很多顶尖大学的课都在上面，旁听模式免费，只是拿证书要花钱，对多数自学者来说，免费旁听已经足够。Khan Academy习惯叫它"可汗学院"，从小学数学到大学预科全覆盖，讲解特别啰嗦，但恰恰因为啰嗦所以听不懂都难，家里有小孩的推荐存一个。

2.2 实操类课程和碎片化学习入口

如果你想学的是偏实操的技能，比如剪辑、修图、写作、办公软件，B站反而比很多付费课值得先看。很多UP主把完整教程免费放出，直接在搜索栏输入"XX教程"，记得加上"合集""从零开始"这类关键词，能筛出很多好东西。网易公开课是老牌站点，有很多翻译好的国际名校课程，界面现在看有点旧，但内容底蕴还在。

语言学习我单独说。多邻国适合每天打卡十分钟，它把学习变成游戏，坚持下来词汇和语感都有进步，但深入语法还是得配合教材。沪江网校更像传统在线课程，适合有明确考试目标的人。Anki的卡片制记忆法不能算网站，但它是最被低估的语言工具，把生词做成卡片每天刷三遍，效果比抱着单词书啃强得多。

2.3 论文、文献与扩展阅读

写论文或者研究一个领域，中国知网绕不开（学校里一般有访问权限），国家哲学社会科学文献中心则是完全免费的替代品。英文文献用Google学术搜，用Semantic Scholar跟引用关系和同领域推荐；arXiv上是预印本，计算机和物理的前沿内容都在那里首发。

不写论文但也想保持输入的人，我推荐微信读书和豆瓣读书组合：豆瓣帮你发现评分高、值得读的书，微信读书直接就能看起来，新用户的免费时长够你试读好几本，读到觉得好的再买纸质，决策成本很低。TED演讲视频适合不想看长篇的时候，十几分钟一个主题，观点密度高，顺便还能练听力。

2.4 隐藏的免费知识宝库

这一组容易被忽略，但质量极高。国家数字图书馆和世界数字图书馆，一个是国内官方收藏，一个是联合国教科文组织支持的项目，古籍、老照片、历史地图这些资料免费开放，做研究、做文案、纯涨知识都行。Internet Archive是网上最大的公益性数字图书馆，存了海量的网页存档、老电影、录音和电子书，很多其他地方找不到的绝版内容，它还能回溯网站的历史版本，想象一下：能看到某个网站十年前长什么样，这个站的价值不需要多解释。

2.5 学习资源的三条避坑建议

第一，课不在多而在跟完。我见过太多人收藏了几百节课，结果一门都没学完，资源门槛越低，坚持反而越难。给自己设个规则：同时只跟一门课，完结才允许开新课。

第二，免费的课也可能过时，编程、营销这类更新快的领域，优先选两年内的课程。

第三，群里分享的"内部资料包"大多是旧课程打包，别花太多时间整理它们，整理本身也是一种拖延。

3. 设计创意类：素材、字体、配色、灵感，20个站一次备齐

3.1 免费图库的正确用法

做PPT、做封面、配文章图，图库是刚需。Unsplash是全球知名度最高的免费图库，摄影师主动授权投稿，可商用，风格干净偏欧美，缺点是热门词搜出来的图比较雷同。Pexels和Pixabay可以当成它的补充，图更杂，但特定主题下常常能找到惊喜。

中文场景里，图虫的图更贴近国内审美，山水、城市、美食这类题材尤其好用；花瓣网的采集功能适合建灵感墙，看到喜欢的图先采集下来，慢慢攒出审美方向。有一点必须提醒：虽然这些图库标注可免费商用，但用之前最好看一下每张图的授权说明，尤其是涉及人物肖像的时候，版权意识不能省。

3.2 图标、字体和配色

图标找Iconfont，阿里的图标库，量大，还能自己调整颜色，前端和PPT都能用；Flaticon的风格更统一，图标精致度更高，免费版能在标注出处的情况下使用。字体方面，字体天下和DaFont是两大下载站，按风格筛选特别方便，但一定要注意免费商用的范围，个人用和商用完全是两码事。中文字体想省心，站酷推出的那几款免费商用字体口碑都不错。

配色直接用Coolors，按空格随机生成配色方案，还能锁定某个颜色后重新生成搭配色，做PPT选色的时候效率极高；Material Palette适合需要Material风格的UI设计，一键生成配色和暗色变体。

3.3 从灵感收集到出图出稿的完整路径

我的工作流是这样的：先在站酷、Behance、Dribbble三个作品集网站上搜同类作品参考，看构图、配色、排版思路；然后去花瓣或Pinterest采集灵感素材；接着到图库找主图、到图标库补细节、到字体站挑字型；最后打开Canva或稿定设计套模板出稿。

Canva对新手极其友好，模板多到不太需要设计基础就能排出不错的海报；稿定设计在国内模板更本土化，营销海报、公众号头图这类场景非常顺手。有PS基础的可以继续用Adobe全家桶，但日常快速出图真没必要用那么重的工具——工具越轻，你做图的频率才会越高。

4. 编程开发类：学、写、测、聊，20个网站覆盖全流程

4.1 学语法、查文档、刷算法

编程自学最容易卡住的地方不是"看不懂"，而是"不知道去哪查"。菜鸟教程适合零基础入门，把主流语言的语法都过了一遍，示例能直接跑；MDN则是Web开发的第一权威文档，所有HTML、CSS、JavaScript的问题最终都要回到MDN找答案，搜索引擎结果里标着MDN的条目优先级最高。Learn X in Y minutes适合有经验的人转语言，几分钟把新语言的语法过一遍，省去从头看教程的时间。

算法和面试准备用LeetCode刷题，中文版的题解区有很多人分享思路，按标签和难度刷；时间充裕的还可以用HackerRank，它的实战场景题更多一些。国内求职的话，牛客网上有大量互联网公司的笔试真题和面经，春秋招之前刷一遍很有帮助。

4.2 在线运行、调试和格式处理工具

很多时候不需要装本地环境就能调试代码。CodePen是前端的游乐场，HTML、CSS、JS一起写，实时预览，非常适合试做小效果；JSFiddle更简洁，适合快速验证一段JS逻辑。正则表达式写不对是每个程序员都经历过的痛，Regex101能实时高亮匹配、逐段解释表达式含义，写完还能导出成多种语言的代码。

接口调试离不开Postman，发请求、看响应、保存接口集合都靠它；JSON.cn是格式化校验JSON的最快方式，前端联调时必开；Can I use查浏览器兼容性，避免写完才发现某个特性在旧环境里不可用。

4.3 代码托管、开源社区和技术问答

GitHub既是代码托管平台，也是最大的学习库，项目文档、开源代码、awesome系列的清单都是宝藏。GitLab更适合需要私有仓库或团队协作的场景。遇到报错先别急着问人，把报错信息原样复制到搜索框，结果里的Stack Overflow页面大概率已经有答案——这是每个程序员都应该养成的第一习惯。

中文技术社区掘金和CSDN的文章量非常大，搜具体问题时常常能命中，但要注意甄别内容的时效性，三年前的文章很可能已经过时。InfoQ和开源中国可以作为资讯入口，了解行业动态和技术趋势。

4.4 给编程新手的经验之谈

代码教程最容易让人产生"我看懂了"的错觉，实际上手敲一遍才发现全是问题。我的建议是不要只看，跟着敲，敲完改需求再敲一遍。另外，遇到报错不要慌，把报错信息拆成关键词去搜，绝大多数问题的答案都在前面提到的那些网站里，你缺的不是能力，是搜索技巧。

5. 效率办公类：25个工具把日常杂事变成流水线

5.1 笔记与知识管理，选一个长期用的

笔记工具的终极问题不是"哪个最强"，而是"哪个你能坚持用"。Notion是综合能力最全面的，文档、表格、看板、数据库一体化，个人用它管理知识库和项目进度，小组用它当协作空间，上限很高；飞书文档在团队场景里体验最好，文档、表格、会议、日历打通成一个系统；语雀适合喜欢干净编辑器的人；Obsidian更适合本地文件党，所有内容存成Markdown，双链笔记在梳理复杂知识的时候能渐入佳境。

我的建议很直接：不要同时用三个笔记工具。选一个，把所有零散想法都放进去，坚持三个月，形成习惯后再考虑扩展。

5.2 协作编辑与思维导图

腾讯文档和石墨文档是多人协作的主流选择，免费且支持实时编辑，适合跨团队一起改表格和文档。飞书的文档在信息整合上有明显优势，适合公司内部使用。思维导图我常用XMind，功能成熟、导出方便；幕布可以边写大纲边自动生成思维导图，特别适合先列大纲再展开成文这种写作习惯。

还有一类容易被忽略的效率工具：ProcessOn可以在线画流程图、架构图、思维导图，免费额度日常够用，和同事讨论流程设计时特别方便。

5.3 传输文件、临时分享和格式转换

文件传输这件事，看起来小事，卡起来真要命。奶牛快传和文叔叔是我常用的免注册传文件工具，大文件传完生成链接给对方，限时有效，不用加好友不用登录，临时协作场景比微信传文件靠谱得多。网盘方面，百度网盘资源多但限制也多，阿里云盘不限速所以体验更好，两个都备着不冲突。

格式转换用Convertio，支持文档、图片、音频、视频之间各种格式互转，免费额度够日常用；本地的格式工厂适合批量转换音视频，HandBrake是视频压缩神器，剪辑完的视频用它压一遍，体积能小很多。

5.4 桌面端这三个小工具能改变日常体验

严格说它们不算网站，但效果比很多网站都猛。Everything是Windows上的文件名秒级搜索工具，打开就是输入框，按下回车结果就出来了，找文件再也不用一层层翻文件夹。Snipaste是截图工具，截图以后可以"贴"在屏幕上，写文档、对比代码、记录信息都靠它。Quicker给系统装了一个快捷菜单，把常用操作绑定成动作，鼠标一点就能执行多步操作，熟练之后会回不去。

6. 影音娱乐与生活服务：40个网站，从解压到办事都管

6.1 视频、音乐和阅读

影音娱乐这块，B站和豆瓣是最好的搭配。B站的纪录片区、知识区存量很大，老电影、演讲、教程应有尽有，弹幕氛围让一个人看视频都不孤单；豆瓣的评分和评论是筛选内容的利器，看书看电影前先刷一眼，能避开很多雷。音乐方面，网易云音乐的推荐算法很懂人，私人FM越听越准；QQ音乐的曲库更全，两个配合着用基本够用。

读书的话，微信读书的体验确实领先同行，阅读时长换取免费章节的机制让读书成本变低，书城里的书籍量也很可观。豆瓣阅读上有不少原创小说和杂志，适合喜欢短篇幅内容的人。

6.2 消费决策和生活服务

购物之前先查历史价格，慢慢买能显示商品的历史价格曲线，大促是不是真便宜，一查便知。什么值得买是消费决策讨论社区，商品值不值得买、有什么坑，上面的真实晒单和评论写得比很多导购网站实在。线下生活靠大众点评和美团，餐厅、电影、周边游的评分和团购都能覆盖，虽然评分偶尔有水分，但结合差评一起看基本靠谱。

6.3 办事与信息查询

这些是平时不起眼、但真正办正事时特别好用的。国家企业信用信息公示系统可以免费查企业的注册信息，找工作、谈合作之前先查一下目标公司，有没有经营异常一看便知；天眼查和企查查是把这些信息整理得更友好的站，股权结构、司法风险也能查到。火车票直接用12306，手机App的体验比网页版好不少。社保、公积金、交通违章这类政务服务，各地的一网通办平台都能在线处理，现在绝大多数业务真的不用去窗口排队了。

6.4 生活类资源的整理心得

生活类网站有个特点：用的时候觉得到处都是，需要的时候想不起来。所以我的习惯是，把生活服务类的网址放到手机浏览器书签或收藏夹前排，有事直接点进去，而不是临时去搜"XX查询入口"——很多官方入口混在广告和山寨链接里，直接存官方地址能省掉很多麻烦。

7. 收藏夹不积灰的方法：我筛选网站和自检的流程

7.1 每周五分钟的使用频率排序

收藏夹吃灰的根源，是收藏后没有使用机制。我的办法是每周一花五分钟，把上一周用过的网站拖到书签栏前面，没用过的往后挪，两个月后自然就形成了一份高频使用清单。不是靠整理强迫自己分类，而是让使用习惯自己做出选择。这个方法试了两年多，书签栏前二十个位置基本就是我的常用工具集合，后面的旧库想起来才翻。

7.2 收到新推荐先拿真实场景试一次

朋友推荐一个新网站，我的标准动作不是立刻收藏，而是想一个真实需求当场去试。推荐了一个在线OCR工具，我就拿一张带文字的截图去识别；推荐一个思维导图工具，我就拿手头正在写的项目提纲画一遍。十分钟能判断这个工具好不好用、快不快、有没有反人性的设计，试用通过了才值得进收藏夹，这就避免了绝大多数收藏闲置。

7.3 半年一次的大扫除和版本维护

资源网站和数字工具更新很快，域名会失效，免费会变收费，功能会改版。我大概每半年会把这份清单从头到尾过一遍，失效的删掉、转型的更新描述、新增的补进去。这也是一种数字断舍离：收藏不清理，收藏夹就会变成一座沉没成本博物馆，整理的过程反而是重新审视自己需求的过程。

说回清单本身。这130个网站，没有一个是完美的，也没有一个是"非用不可"的，但它们组成了一个够用的"候选池"。你不需要一次性全用起来，挑几个解决手上真实需求的先试试，觉得好就留在常驻位置，觉得不合适就跳过——资源推荐类的内容，最怕的不是不全面，而是你收藏了、然后忘了。

最后说个我自己的习惯：看到这类清单，我会先截图存一份，然后立刻挑一个当前会遇到问题的类目，比如"最近正好要做PPT，那就去试试里面的图库和配色工具"，用起来了才真正变成了你的资源。收藏和用是两回事，用起来的那一天，这份清单才算真正到了你手上。