YYsuni: 一个绝美简洁的博客平台，一键部署指南

简介

YYsuni 是一个基于 GitHub 仓库，可以一键部署至 Vercel 和 EdgeOne 的博客平台。它不仅界面简洁美观，而且支持前端编辑文章，一键推送到仓库，非常适合快速搭建个人博客或项目展示页面。本文将详细介绍如何使用 YYsuni，并附上部署教程。

预览体验

你可以通过以下链接预览 YYsuni 的效果：YYsuni。

GitHub 仓库

YYsuni 的 GitHub 仓库地址为：YYsuni/2025-blog-public。

部署教程

1. 安装

在使用 YYsuni 之前，你可以直接部署到 Vercel 或 EdgeOne，然后配置环境变量。以下是环境变量的配置示例：

export const GITHUB_CONFIG = {
    OWNER: process.env.NEXT_PUBLIC_GITHUB_OWNER || 'yysuni',
    REPO: process.env.NEXT_PUBLIC_GITHUB_REPO || '2025-blog-public',
    BRANCH: process.env.NEXT_PUBLIC_GITHUB_BRANCH || 'main',
    APP_ID: process.env.NEXT_PUBLIC_GITHUB_APP_ID || '-'
} as const;

你也可以手动安装，使用命令 pnpm i。

2. 部署

以 Vercel 部署为例，创建项目并导入 YYsuni 项目，无需额外配置，直接点击部署。大约 60 秒后，你的博客就会部署完成，并生成一个 Vercel 域名，例如：https://2025-blog-public.vercel.app/。

3. 创建 Github App 链接仓库

在 GitHub 个人设置中，找到 Developer Settings，创建一个新的 Github App，并设置仓库的 write 权限。创建密钥并下载，复制 App ID。

4. 授权并设置环境变量

在安装页面，只授权当前项目，并设置环境变量，一般只需要设置 OWNER 和 APP_ID。

5. 完成

现在，你可以开始使用前端编辑内容了。更改内容后，等待后台部署完成，再刷新页面即可看到更新。

6. 删除

使用完毕后，记得删除你的博客，避免占用资源。

7. 配置

大部分页面右上角都有编辑按钮，你可以使用 private key 进行配置部署。

8. 写博客

图片管理：点击 + 号添加图片，上传后直接拖入文案编辑区即可。

9. 非前端配置

如果你是非前端开发者，可能需要修改一些代码。例如，移除 Liquid Grass，可以编辑 src/layout/index.tsx 文件，删除相关代码。

结语

YYsuni 是一个简单易用的博客平台，适合快速搭建个人博客或项目展示页面。希望本文的教程能帮助你顺利部署和使用 YYsuni！

标签

博客平台 #一键部署 #GitHub #Vercel #EdgeOne #前端编辑 #开源项目