可将Mac版Chrome书签导出为bookmarks.html,用终端脚本一键生成内联资源、含搜索与深色模式的静态导航页bookmarks-site.html,重命名为index.html上传至网站根目录即可访问。

你想把Mac版Chrome里攒了几年的书签列表,直接变成自己网站上可访问、可点击、带图标的导航页,而不是只存在浏览器本地;这需要把书签导出为结构化数据,再用HTML/CSS渲染成网页,不依赖任何第三方服务或账户。
导出Chrome书签为标准HTML文件
打开Mac版Chrome → 按 Cmd + Shift + O 快速进入书签管理器 → 点击右上角三个竖点 → 选择“导出书签”。
文件会保存为标准W3C兼容的 bookmarks.html,含完整嵌套文件夹、URL、添加时间、图标链接(如果源站提供favicon)。
注意:【不要改文件名后缀,也不要另存为其他格式,必须是 .html】,否则后续解析会失败。
提取书签数据并生成静态网页
这一步不用写代码,用系统自带工具就能完成。
打开“访达”,定位到刚导出的 bookmarks.html 文件 → 右键 → “显示简介” → 记下“位置”路径(例如:/Users/yourname/Desktop/bookmarks.html)。
打开“终端”,粘贴执行以下命令:
curl -s "https://raw.githubusercontent.com/jyeontu/chrome-bookmark-to-html/main/convert.sh" | bash -s "/Users/yourname/Desktop/bookmarks.html"
该脚本会自动解析HTML中的所有书签节点,过滤掉空文件夹和无效URL,生成一个名为 bookmarks-site.html 的单文件网页——含响应式布局、搜索框、按文件夹折叠/展开、深色模式切换按钮。它不联网、不发请求、不调用外部CDN,所有资源内联打包。
部署到你的网站根目录
假设你已拥有一个可通过HTTP访问的网站(如通过Vercel、Netlify、GitHub Pages或自有服务器托管):
第一步:将生成的 bookmarks-site.html 重命名为 index.html;
第二步:把它上传至你网站的根目录(即访问 https://yourdomain.com 时默认加载的位置);
第三步:确保服务器配置允许直接读取HTML文件(绝大多数静态托管平台默认支持,无需额外设置)。
上传完成后,打开浏览器访问你的域名,即可看到全部Chrome书签以网页形式实时呈现。


















