https://github.com/kangood/blog-web

使用 Next.js 13 app 模式 + TailwindCSS 搭建 Blog 前台服务
https://github.com/kangood/blog-web

contentlayer giscus kbar mdx nextjs seo ssr tailwindcss typescript

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kangood/blog-web
• Owner: kangood
• Created: 2023-11-21T00:16:15.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-06-29T08:02:31.000Z (6 months ago)
• Last Synced: 2024-06-30T06:43:44.702Z (6 months ago)
• Topics: contentlayer, giscus, kbar, mdx, nextjs, seo, ssr, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://kangod.top
• Size: 12 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Blog Web

**特性**

- 对 `SEO` 友好，近乎完美的 `Lighthouse` 得分

- 支持 **暗黑/明亮** 主题，在右上角点击图标切换

- **响应式** 优化，有适合移动端的专用视图

- 使用 `MDX` 语法，可以在 `Markdown` 中写 `JSX`

- 使用 `SSR` 加载标签、项目等数据，和管理后台数据同步

- 使用 `Giscus` 做评论系统，可以在每篇文章底部评论

- 使用 `Kbar` 做搜索面板，`cmd` + `k` 快捷键打开，搜索文章内容

**技术栈**

- 主要技术：Next.js + TypeScript

- CSS：TailwindCSS

- 内容管理：Contentlayer + MDX

- 搜索面板：Kbar

- 评论系统：Giscus

**博客后台**：[Blog Admin](https://github.com/kangood/blog-admin)







**后端 API**：[Blog Api](https://github.com/kangood/blog-api)