VibeLog

✨ VibeLog：用你的内容传递独特魅力 ✨

借助AI智能美化工具，VibeLog 让你能将任何内容源轻松转化为专业水准的博客，让你的创作闪耀光芒。

---

🚀 核心亮点一览

• AI 驱动的美化： 💡 仅需自然语言描述，AI 就能为你的博客生成精美样式。
• 多种内容源支持： 📚 无论是本地 Markdown、HackMD 笔记还是 Notion 数据库，都能轻松导入。
• 专注于内容： ✍️ 一切皆 Markdown，包括内容和结构，让你回归创作本质。
• 高度可控： 🎨 修改而非生成，在成熟框架基础上进行转化，保证品质与灵活性。
• 命令行工具： 💻 提供强大的 CLI，支持开发、构建与自定义配置。

---

🌟 VibeLog 如何工作？

“Transform any content source into a production-ready blog with AI-powered styling.”
—— VibeLog 官网

我们相信，好的内容值得被更好的呈现方式表达。VibeLog 简化了从内容到美观博客的整个过程：

1. 选择你的内容源：
   • fs@<path>：本地文件系统中的 Markdown 文件，结构清晰，易于管理。
   • hackmd@<username>：自动抓取你的 HackMD 公开笔记，轻松发布。
   • notion@<database_id>：将 Notion 数据库的页面转化为博客文章，私密管理，公开分享。
2. AI 智能美化：

   运行 vibelog dev 启动开发服务器，在浏览器中打开 VibeLog 面板。

   “Simply describe the look you want, and the AI will generate appropriate CSS.”

   输入自然语言提示，如“深色主题带紫色点缀”、“简约白色背景蓝色链接”或“复古80年代风格”，AI 会实时生成并应用样式。你也可以指定特定元素，如“圆角和柔和阴影”、“大胆的排版”。

3. 构建与部署：

   当你的博客看起来“足够好”（“Good enough is perfect.”），运行 vibelog build 即可生成生产环境就绪的静态站点。随后，将 dist 目录上传到任何静态托管服务即可。

---

💡 快速上手示例

📦 定义内容结构

以本地文件系统为例，你的博客内容可以这样组织：

content/
├── blog/ # 博客文章（必需）
│   ├── post1.md
│   ├── post2.md
│   └── post3.md
└── author.md # 作者资料（必需）

每篇文章都支持 YAML Frontmatter 定义标题、日期等元数据。例如：

---
title: "你的文章标题"
date: "2024-01-15"
slug: "自定义-url-slug" # 可选，默认为文件名
---
# 你的文章标题
这里是你的文章内容...

🛠️ 命令行使用

• 启动开发服务器：

  vibelog dev --content hackmd@eastsun5566 --ai openai@gpt-4o-mini

  这会用 HackMD 的内容，配合 OpenAI 的 AI 进行开发。

• 构建生产站点：

  vibelog build --out-dir public --site-url https://myblog.com

  将最终的静态文件输出到 public 目录，并指定站点 URL 用于 Sitemap 生成。

注意： 使用 AI 功能或某些内容源（如 Notion）需要设置相应的环境变量（如 OPENAI_API_KEY, NOTION_TOKEN）。

---

💖 我们的愿景

VibeLog 致力于让每一位创作者都能拥有一个既美观又专业的博客，无需复杂的编码知识，只需专注于内容的魅力。来吧，让你的“Vibe”闪耀！