VibeLog

VibeLog

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

0点赞
2025-11-10
VibeLog screenshot 1
点击查看大图
VibeLog screenshot 2
点击查看大图

全面介绍

✨ 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”闪耀!

产品评分

暂无评分
登录后即可评分
访问官网

相关产品