基于 Next.js 的起步套件,用于发布 Obsidian 风格笔记或 Markdown 内容
Yasow — Next.js 启动器模板
作者 khoeos
Yasow 是一个基于 Next.js 的起步套件,用于把 Obsidian 风格的笔记或 Markdown 内容发布到网上,支持拖拽 Obsidian 库、文件夹导航、自动链接与明暗主题。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
支持拖拽 Obsidian 库,特殊字符完整支持,目录层级不限
带别名支持的自动链接 [[]]、文件夹导航与自动目录
明暗主题,并可用 React 组件自定义 Markdown 渲染
完整 Markdown 支持,包括带语法高亮的代码块
可配置页面可见性;标签页面与 Canvas 为部分支持
模板详细介绍
Yasow 是一个用 Next.js 构建的起步套件,目标是把基于 Obsidian 结构和操作方式的笔记或 Markdown 内容方便地放到线上。README 说明它仍处于早期阶段,部分功能缺失、部分可能有问题,但已经可用。
它面向两类使用者。普通用户可以拖拽自己的 Obsidian 库,放到 GitHub 上并托管到 Vercel,从而在任何地方访问笔记。开发者或懂一点代码的人可以按需定制应用,甚至自行添加功能;作者表示希望保持 Yasow 足够简单。
功能方面,README 列出:拖拽 Obsidian 库(完整支持特殊字符、目录层级不限)、带别名支持的自动链接 [[]]、文件夹导航、自动目录、明暗主题、用 React 组件自定义 Markdown 渲染、完整 Markdown 支持(含带语法高亮的代码块)、可配置的页面可见性。标签页面和 Canvas 支持标注为部分支持。计划中的功能包括:以目录中的 Home.md 或 Index.md 作为该目录首页(文件不存在时显示子项目录)、搜索、文件名或文件夹名中的 Emoji 作为图标、图谱视图、密码保护页面。
README 未说明具体依赖版本、部署配置细节或性能表现。项目采用 MIT 许可证,并声明与 Obsidian 无隶属、背书或关联关系。
适合你的项目吗?
适用场景
- 把个人 Obsidian 笔记库发布为可在线访问的网站
- 将 Markdown 内容按 Obsidian 的文件夹结构组织并展示
- 在 GitHub 上托管内容、部署到 Vercel 后随处访问笔记
- 开发者按自身需求定制 Markdown 渲染或扩展功能
适合人群
- 希望把 Obsidian 库放到线上、又不想使用官方发布功能的用户
- 愿意用 GitHub 与 Vercel 托管笔记内容的普通用户
- 想基于现成起步套件定制笔记站点的开发者
- 需要文件夹导航、自动目录和明暗主题的 Markdown 内容站点
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 给出的安装命令为 npm run install
- 2
开发模式运行 npm run dev,然后在浏览器打开 http://localhost:3000
- 3
README 推荐使用 VSCode 搭配 ESLint 与 Prettier 扩展
- 4
README 未提供生产部署、环境变量或配置项的详细说明
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 普通用户需要把 Obsidian 库放到 GitHub 上并托管到 Vercel,才能在线访问笔记;这依赖 GitHub 与 Vercel 这两个外部服务。
- 项目处于早期阶段,部分功能缺失、部分功能可能存在问题,虽然已可用,但不保证完整或稳定。
- 项目与 Obsidian 无隶属、背书或关联关系,Obsidian 相关商标与版权归其各自所有者。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
As a simple user, you can drag'n'drop your obsidian vault, put it on github and host it on Vercel, and you're done. You can now access your notes from anywhere. Yasow has some basic features and some more coming soon.
README 原文
Yasow is in it's early stage, and some features are missing, some may bug, but it's already usable. Feel free to contribute to the project, or ask for features.
README 原文
https://github.com/khoeos/Yasow/blob/main/LICENSEhttps://github.com/khoeos/Yasow/blob/main/README.mdThis project, Yasow, is an open-source tool developed by the community and is not affiliated with, endorsed by, or associated with Obsidian in any way. All trademarks and copyrights related to Obsidian are the property of their respective owners. This tool is provided as-is with no guarantees or warranties.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-14。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 83 / 100
- 技术栈
- Next.js · React
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2025-12-30
- 截图检查日期
- 2026-10-14
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: codex-user-requested-batch-review-20261015 · 2026-10-15
查看当时使用的来源资料
SHA-256: cb186bd0344a2c235beeb29c336d904bfa847ee73a9ca8980bcfd7ed3d407293
2026-10-14T05:50:15.183Z
来源文件 / 仓库[](https://github.com/Khoeos/Yasow/stargazers)
[](https://github.com/Khoeos/Yasow/graphs/contributors)
[](https://github.com/Khoeos/Yasow/issues)

<h1 align="center">Yasow</h1>
<a href="https://github.com/khoeos/Yasow">
<img src="https://github.com/khoeos/Yasow/blob/main/screenshots/1.png?raw=true" alt="Logo">
</a>
<p align="center">
A bare-bone starter kit for your obsidian vault on modern web technologies.
<br />
<br/>
<a href="https://yasow.vercel.app/">Explore the docs »</a>
<br />
<br />
<a href="https://github.com/khoeos/Yasow/issues">Report Bug</a>
·
<a href="https://github.com/khoeos/Yasow/issues">Request Feature</a>
·
<a href="https://discord.gg/F58Jm36r5J">Join discord server</a>
</p>
</p>
# Yasow
Yasow is a starter kit made with Next.js to easily put online notes or markdown content based on the operation and structure of [Obsidian](https://obsidian.md/).
Yasow is in it's early stage, and some features are missing, some may bug, but it's already usable. Feel free to contribute to the project, or ask for features.
## Why Yasow
I've created Yasow because i wanted to put my notes online, and i wanted to keep the same structure and features as Obsidian. As a developped already having servers, i didn't want to use the official feature, and i wanted to have more control on the app over some other alternatives.
As a simple user, you can drag'n'drop your obsidian vault, put it on github and host it on Vercel, and you're done. You can now access your notes from anywhere. Yasow has some basic features and some more coming soon.
But if you are a developper, or know a little bit of code, that's where things start to be interesting, you can easily customize the app to fit your needs, and even add some features that you want. I want to keep Yasow quite simple.
*Why "Yasow" ? **Y**et **A**nother **S**imple **O**bsidian **W**ebsite.* (Yes i'm very imaginative 🙃)
## Features
- Drag'N'Drop obsidian vault
- Special characters 100% supported
- As deep as you want
- Automatic links `[[]]` with aliases support
- Folder navigation
- Automatic table of content
- Light and dark theme
- Customize markdown rendering with react components
- Full markdown support (even codeblocs with syntax highlighting)
- Configurable page visibility
### Partially supported
- Page for tags
- Canvas support
### Planned
- Home.md of Index.md as homepage of the directory
- If the file dont' exist, a table of content of the childs of the directory
- Search
- Emoji as file/folder icon if it's on the name
- Graph View
- Password protected page
## Contributing
Contributions are what make the open source community. Any contributions you make are **greatly appreciated**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
Don't hesitate to pm me on discord to talk about the app. You can find my tag lower.
## License
This project is licensed under the [MIT License](https://opensource.org/license/mit). You are free to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the software, subject to the conditions stated in the license. In all cases, you must include the full MIT License text in any significant portions or distributions of this project.
## Contact
[](https://discordapp.com/users/170144954964770816)
[](https://www.reddit.com/user/khoeos/)
[](https://www.reddit.com/user/khoeos/)
- Project Link: [https://github.com/khoeos/Yasow](https://github.com/khoeos/Yasow)
- Discord server: [https://discord.gg/F58Jm36r5J](https://discord.gg/F58Jm36r5J)
## Project Setup
### Recommended IDE Setup
- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
### Install
```bash
$ npm run install
```
### Development
```bash
$ npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Disclaimer
This project, Yasow, is an open-source tool developed by the community and is not affiliated with, endorsed by, or associated with Obsidian in any way. All trademarks and copyrights related to Obsidian are the property of their respective owners. This tool is provided as-is with no guarantees or warranties.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

ai-website-cloner-template
Clone any website with one command using AI coding agents
Next.js · 启动器

Next.js SaaS Starter
Next.js SaaS Starter 是 Next.js 官方维护的 SaaS 起点模板,定位介于学习资源和可直接部署的脚手架之间。
Next.js · SaaS

Next.js Commerce
Next.js Commerce 是 Vercel 团队维护的电商启动模板,基于 Next.js App Router 构建,采用服务端渲染、React Server Components、Server Actions …
Next.js · 电商

Next-js-Boilerplate
Next-js-Boilerplate 是一个面向 Next.js 16、Tailwind CSS 4 和 TypeScript 的启动器,核心定位是开发者体验优先。
Next.js · 启动器

tailwind-nextjs-starter-blog
tailwind-nextjs-starter-blog 是一个面向个人技术博客的 Next.js 与 Tailwind CSS 启动模板,其 v2 版本基于 App Router 与 React Server Comp…
Next.js · 博客

next-forge
Production-grade Turborepo template for Next.js apps.
Next.js · 启动器
