个人导航托管笔记

为什么不用 Chrome 自带的书签

我现在只使用 Chrome 书签的收藏功能，个人已经很久没有使用 Chrome 书签访问网站了，因为对我来说不是很好管理，而且在手机上更是难以访问。此外，Google 同步书签需要科学上网，于是我开始自托管书签。

我的需求

  • 简单的对书签进行分类。
  • 未登录时可以隐藏某些书签。
  • 支持自定义书签 logo。
  • 支持自定义书签的 description。
  • 支持自定义权重等。

兜兜转转的经历

1. Homepage （最初的选择）

我最开始在 Selfh.st 上找到了 Homepage 这个服务。

  • 特点：

    • 支持 Docker 安装、k8s 安装、源码安装，还适配了 UNRAID。
    • 可以检测主机的状态、Docker 容器的状态以及书签。
    • 功能丰富，但需要通过 YAML 文件配置。

  • Docker-compose.yaml：

    services:
  homepage:
    image: ghcr.io/gethomepage/homepage:latest
    container_name: homepage
    ports:
      - 3000:3000
    volumes:
      - /path/to/config:/app/config # 确保本地配置目录存在
      - /var/run/docker.sock:/var/run/docker.sock # （可选）用于 Docker 集成

  • 截图：
    homepage_demo_clip

  • 总结：
    Homepage 功能强大，但配置复杂，尤其是 YAML 文件对格式要求严格。对于我来说，它不太适合作为书签导航网站，于是继续寻找其他方案。

2. OneNav （第二选择）

OneNav 是一个基于 PHP 的强大书签管理工具。

  • 特点：

    • 支持分类、隐藏、自定义 logo、description，甚至还有备用网站功能。
    • 高级功能和更多样式需要付费。

  • Demo：
    https://demo.onenav.top/账号密码：xiaoz ｜ xiaoz.me

  • Docker-compose.yaml：

    services:
  onenav:
    container_name: onenav
    ports:
      - "3080:80"
    volumes:
      - './data:/data/wwwroot/default/data'
    image: 'helloz/onenav'
    restart:
      always

  • 截图：
    onenav_preview

  • 总结：
    OneNav 使用起来非常流畅，但偶尔会遇到侧边栏重叠等 Bug。尽管如此，它仍然是一个不错的选择。

3. Homer （第三选择）

Homer 是一个非常简单的服务器静态主页。

  • 特点：

    • 通过编写 config.yaml 文件修改主页样式。
    • 支持第三方 CSS 文件美化，例如 Catpuccin-homer。
    • 支持通过 API 获取 Docker、主机信息，甚至智能家居数据。

  • 官方 Demo：
    https://homer-demo.netlify.app/

  • Docker-compose.yaml：

    services:
  homer:
    image: b4bz/homer
    container_name: homer
    volumes:
      - /path/to/config/dir:/www/assets # 确保本地配置目录存在
    ports:
      - 8080:8080
    user: 1000:1000 # 默认
    environment:
      - INIT_ASSETS=1 # 默认，要求配置目录对容器用户可写
    restart: unless-stopped

  • 截图：
    homer file system
    homer theme.jpg

  • 总结：
    Homer 简单易用，但功能相对较少，适合极简风格的用户。

4. Van-nav （现在使用）

我的导航网站：https://nav.kipjay.org

van-nav

  • 特点：

    • 极简风格，支持分类、隐藏书签/分类、自定义 logo、description、权重。
    • 支持暗夜和白天模式切换。

  • Demo：
    https://demo-tools.mereith.com/

  • Docker-compose.yaml：

    services:
  tools:
    image: mereith/van-nav:latest
    container_name: tools
    restart: always
    ports:
       - "6412:6412"
    volumes:
       - /path/to/your/data:/app/data

    https://nav.kipjay.org

  • 总结：
    Van-nav 是目前我最满意的书签导航工具，极简且功能齐全，完全满足我的需求。

生命不熄，折腾不止