GitHunt
KA

kangood/blog-web

使用 Next.js 13 app 模式 + TailwindCSS 搭建 Blog 前台服务

Blog Web

特性

  • SEO 友好,近乎完美的 Lighthouse 得分
  • 支持 暗黑/明亮 主题,在右上角点击图标切换
  • 响应式 优化,有适合移动端的专用视图
  • 使用 MDX 语法,可以在 Markdown 中写 JSX
  • 使用 SSR 加载标签、项目等数据,和管理后台数据同步
  • 使用 Giscus 做评论系统,可以在每篇文章底部评论
  • 使用 Kbar 做搜索面板,cmd + k 快捷键打开,搜索文章内容

技术栈

  • 主要技术:Next.js + TypeScript
  • CSS:TailwindCSS
  • 内容管理:Contentlayer + MDX
  • 搜索面板:Kbar
  • 评论系统:Giscus

博客后台Blog Admin




后端 APIBlog Api

Languages

TypeScript68.5%MDX20.2%CSS6.7%JavaScript4.6%

Contributors

Created November 21, 2023
Updated January 13, 2025