onur.dev
![onur.dev的封面](https://cdn.sanity.io/images/ntncowsx/production/9770452ff992895a2f0193249fb6eaf0e6601dd0-1200x630.png?auto=format)
onur.dev 是 Onur Şuyalçınkaya 的开源博客模板,基于 shadcn/ui 框架,拥有精美的视觉设计和流畅的用户体验 🎨。通过 Contentful 进行内容管理,让写作和发布变得简单高效 ✍️。onur.dev 也支持移动端展示📱,确保您的内容在任何终端上都能得到完美的呈现。无论是用作个人博客,还是作为专业导航站点都是很好的选择。
核心功能
- 🎨 shadcn/ui 精美主题
- ✍️ 写作发布:使用 Contentful 管理和发布文章内容
- ⭐ 书签收集:集成 Raindrop 服务收集和展示书签,分类管理,方便检索和分享
- 📐 响应式布局
- 📱 支持移动端
🛠️ 技术栈
- shadcn/ui 主题
- Next.js
- Tailwind CSS
- Contentful 内容管理
- Raindrop 书签管理
- Supabase 数据库
- Vercel 部署
🧑💻 PC页面展示
🏡 首页
个人简介、文章列表尽收眼底,侧边栏菜单和作品链接一目了然。
![](https://cdn.sanity.io/images/ntncowsx/production/f2d3b13f960f2055e985931b4e71d0822c4be736-1303x883.png?w=1200&fit=max&auto=format)
📄 文章页
文章页体验非常好,切换文章无需跳转页面,操作丝般顺滑。还集成阅读数统计,了解文章受欢迎程度。
![](https://cdn.sanity.io/images/ntncowsx/production/048ae6d4fb8d1008da322838786d7d7b842e7187-1303x883.png?w=1200&fit=max&auto=format)
⭐ 书签页
配合 Raindrop,就像一个迷你导航站。左边标签分类,右边网站卡片,点击即可访问。
![](https://cdn.sanity.io/images/ntncowsx/production/b3d8dee1a90e3256821b66ff28760f8ba09db866-1303x883.png?w=1200&fit=max&auto=format)
📱 移动端页面展示
首页
![](https://cdn.sanity.io/images/ntncowsx/production/3313670fe0d145d56a25e3b500ef7bc7acd08b47-360x780.png?w=1200&fit=max&auto=format)
菜单样式
![](https://cdn.sanity.io/images/ntncowsx/production/59d4b8a48b021f2c578034c69a5f2b14eeda514e-360x780.png?w=1200&fit=max&auto=format)
文章页列表页
![](https://cdn.sanity.io/images/ntncowsx/production/f9d244290e94638b6fa074ceea7080c0117588d0-360x780.png?w=1200&fit=max&auto=format)
文章详情页
![](https://cdn.sanity.io/images/ntncowsx/production/95a1827bfe362a23b82569982ff73024156bb268-360x780.png?w=1200&fit=max&auto=format)
书签列表页
![](https://cdn.sanity.io/images/ntncowsx/production/602be61f512391e28567fa1515448706f4189b2c-360x780.png?w=1200&fit=max&auto=format)
书签页面列表页
![](https://cdn.sanity.io/images/ntncowsx/production/bb43ac3c0d7ba68ca115fec283117ba83e5771a8-360x780.png?w=1200&fit=max&auto=format)
使用场景
- 导航站
- 个人博客
评论