简单的书签导航页

做了一个只有两个文件的导航页，只包含两个文件php+md。md文件负责记录分类超链接，php引用md里的内容生成导航页。这个导航页简单无数据库使用也简单。

使用方式

只需要修改bookmarks.md中的内容即可添加链接，然后访问php页面即可。添加了简单的密码访问功能，默认是关闭的，需要用的话就看index.php的注释，注释很详细。

第一版

文件结构：

|- index.php
|- bookmarks.md //书签填在这里
|- bg.jpg //拟物风格的多一个图片背景

bookmarks.md链接填写格式：

## 搜索引擎
- [Google](https://www.google.com)
- [百度](https://www.baidu.com)
- [必应](https://www.bing.com)

## 社交媒体
- [微信](https://weixin.qq.com)
- [微博](https://weibo.com)
- [Facebook](https://www.facebook.com)
- [Twitter](https://twitter.com)

AI提示语

我是这么告诉AI的：帮我做一个书签导航网页，使用现代化UI。使用PHP语言，会自动引用同目录下bookmarks.md文件中的内容生成导航链接。

预览

预览：https://www.tdrme.cn/file/%E6%BA%90%E7%A0%81/%E4%B9%A6%E7%AD%BE%E5%AF%BC%E8%88%AA/%E7%AC%AC%E4%B8%80%E7%89%88/

最近又加了拟物版本导航，我挺喜欢锤子手机的设计。

锤子便签拟物风格：https://www.tdrme.cn/file/%E6%BA%90%E7%A0%81/%E4%B9%A6%E7%AD%BE%E5%AF%BC%E8%88%AA/niwu/

类webstack主题，2026年5月4日

现在ai更强了就小小改一下，现在可以显示 favicon 图标了，默认获取网站根目录的 favicon.ico 文件暂时没实现，还有点问题，但是无伤大雅，也可以在 bookmarks.md 添加图标链接。没有图标会以符号占位。

文件结构

|- index.php
|- bookmarks.md //书签填在这里

bookmarks.md

## 搜索引擎
- [Google](https://www.google.com) 图标链接 描述
- [百度](https://www.baidu.com) //www.baidu.com/favicon.ico 搜索引擎

## 社交媒体
- [微信](https://weixin.qq.com) //weixin.qq.com/favicon.ico 社交软件
- [微博](https://weibo.com) //weibo.com/favicon.ico 垃圾堆
- [Facebook](https://www.facebook.com) //www.facebook.com/favicon.ico 社交平台
- [Twitter](https://twitter.com) //twitter.com/favicon.ico 海外版垃圾堆

这里不得不说，因为bookmarks.md文件格式变了，这么多链接改起来肯定麻烦，这时候就用到AI了，处理文本是真的舒服。用来用去还是kimi在代码方面好用些。

预览

https://www.tdrme.cn/file/%E6%BA%90%E7%A0%81/%E4%B9%A6%E7%AD%BE%E5%AF%BC%E8%88%AA/webstack/

源码下载