kangood / blog-web

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

Home Page:https://kangod.top

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

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

https://kangod.top


Languages

Language:TypeScript 68.5%Language:MDX 20.2%Language:CSS 6.7%Language:JavaScript 4.6%