
点击查看大图

点击查看大图
全面介绍
✨ 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 简化了从内容到美观博客的整个过程:
-
选择你的内容源:
fs@<path>:本地文件系统中的 Markdown 文件,结构清晰,易于管理。hackmd@<username>:自动抓取你的 HackMD 公开笔记,轻松发布。notion@<database_id>:将 Notion 数据库的页面转化为博客文章,私密管理,公开分享。
-
AI 智能美化:
运行
vibelog dev启动开发服务器,在浏览器中打开 VibeLog 面板。“Simply describe the look you want, and the AI will generate appropriate CSS.”
输入自然语言提示,如“深色主题带紫色点缀”、“简约白色背景蓝色链接”或“复古80年代风格”,AI 会实时生成并应用样式。你也可以指定特定元素,如“圆角和柔和阴影”、“大胆的排版”。
-
构建与部署:
当你的博客看起来“足够好”(“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”闪耀!
产品评分
暂无评分
登录后即可评分















