chill_notes/实践积累/MeNav个人导航站生成器.md

title, tags, created, source, stars, forks, language

title	tags	created	source	stars	forks	language
MeNav 个人导航站生成器	开源 导航站 静态网站 GitHubPages 书签管理	2026-04-21	https://github.com/rbetree/menav	256	167	JavaScript

MeNav

一键部署的个人导航站生成器，支持书签导入与自动构建

概述

轻量级、高度可定制的个人导航网站生成器，完全静态部署，无需数据库和后端服务。

核心功能

• 🔖 浏览器书签一键导入（HTML → YAML）
• 🚀 GitHub Pages 一键部署（Fork + Actions）
• 🔄 MarksVault 扩展集成，自动同步书签
• 🎨 明亮 / 黑暗双主题，响应式布局
• 🐳 Docker 部署支持
• 📁 2-4 层多层级嵌套分类结构

预览: https://rbetree.github.io/menav/

技术栈

• HTML5 + CSS3 + JavaScript（原生）
• Handlebars 模板引擎
• Google Favicon API + Font Awesome 图标

安装使用

git clone https://github.com/rbetree/menav.git
cd menav
npm install
npm run dev          # 本地预览
npm run build        # 构建静态文件

书签导入

npm run import-bookmarks
# 放入 HTML 格式书签 → 自动转换为 config/user/pages/bookmarks.yml

部署方式

方式	说明
GitHub Pages（推荐）	Fork → 启用 Actions → 提交配置 → 自动部署
Vercel / Netlify / Cloudflare Pages	Build: npm run build / Output: dist/
Docker	docker compose up -d
自建服务器	npm run build → 复制 dist/ → nginx/Apache

定时更新

• RSS 文章聚合自动刷新
• GitHub Actions 默认每天 UTC 02:00 触发

评分

⭐⭐⭐⭐（4/5）

优点：

• 零成本部署（GitHub Pages）
• 书签导入 + 自动同步，工作流完整
• 主题美观，响应式设计
• 模块化配置，易于定制

局限：

• 需要 GitHub 生态（书签同步依赖 Actions）
• 书签导入格式有要求

适合场景：个人主页、浏览器起始页、书签整理