菜鸟教程官网上的菜鸟那些HTML、CSS、教程JavaScript手册，下载我用了快十年。到电以前一直在线查，菜鸟直到上个月地铁里信号差得连页面都刷不出来，教程才动了下载到本地的下载念头。折腾了三个晚上，到电踩了一堆坑，菜鸟现在把最省事的教程办法写下来。

别想着去点网页上的下载“下载PDF”按钮。那个按钮生成的到电PDF排版混乱，代码块经常被拦腰截断，菜鸟而且只覆盖了部分章节。教程真正靠谱的下载做法是找GitHub上的开源镜像仓库。有人把整个菜鸟教程的内容做成了Markdown格式，按语言分门别类存着，更新还算及时。你只需要用Git工具把仓库克隆到本地，或者直接点“Download ZIP”打包下载。

下载完是一堆.md文件，直接看会很痛苦。这时候需要个阅读器——Typora或者Obsidian都行。Typora胜在所见即所得，打开文件就像看排版好的网页，代码块有深色背景，标题层级分明。Obsidian更强大，能建立笔记之间的双向链接，适合你边学边记。我个人偏向Typora，双击即读，不用建库那么麻烦。

有个细节容易忽略：仓库里的文件是按英文目录名组织的，比如“html”、“css”、“js”。你最好在本地新建一个总文件夹，把下载的内容按自己的学习顺序重新排列。比如我建了“前端基础”、“后端语言”、“数据库”三个子文件夹，把对应的.md文件挪进去。这样翻起来比在官网上一层层点菜单快得多。

要是你嫌Git和Markdown麻烦，还有更粗暴的路线。用浏览器的“另存为网页，全部”功能，把菜鸟教程的常用页面一个个存下来。缺点很明显——每个页面会带一堆JS和CSS文件，几百个页面存下来，文件夹里混着几千个乱七八糟的文件，找起来头疼。但好处是页面样式和在线版一模一样，连侧边栏的目录都能点。我试过存十几页最常用的，比如“CSS选择器参考”、“JavaScript内置对象”，放手机里当速查手册，挺方便。

文件有了，还得解决搜索问题。Windows系统自带的文件搜索对.md文件支持很差。我装了Everything这个免费工具，索引整个硬盘只要几秒，输入“array”立刻就能定位到JavaScript的数组教程文件。配合Typora的全局搜索功能，基本能做到秒开秒查。比在线版还快——在线版得先打开浏览器，再输入网址，再等页面加载。

最后提醒一句：下载的内容可能比官网滞后一两个版本。菜鸟教程本身更新不算频繁，但偶尔会有勘误。你要是发现本地文件跟线上对不上，以线上为准。毕竟这工具适合当离线字典，不适合当唯一的知识来源。

折腾完这套流程，我再也没为查个标签属性等过网。地铁上、飞机上，开着Typora翻翻文件，比刷短视频打发时间强点。