这是一个基于 Next.js 16、TypeScript 和 Tailwind CSS 构建的现代化技术博客平台。
NingBlog 采用 "Docs as Code" 理念,所有文章都使用 MDX 格式编写:
博客采用极简主义设计,专注于内容本身:
// 示例代码:配置文件
export const siteConfig = {
name: 'NingBlog',
description: 'A personal technical blog',
url: 'https://ningblog.com',
}核心技术选型包括:
支持多种编程语言的语法高亮,并且带有复制按钮:
function greet(name) {
console.log(`Hello, ${name}!`)
}
greet('World')def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))可以在文章中直接使用 React 组件:
支持标准的 Markdown 语法:
这是一段引用文字。 引用可以跨多行显示。
| 特性 | 状态 | 说明 |
|---|---|---|
| 响应式设计 | ✅ | 移动端友好 |
| 深色模式 | ✅ | 自动切换 |
| SEO 优化 | ✅ | Sitemap & RSS |
| 性能优化 | ✅ | 静态生成 |
NingBlog 实现了全面的 SEO 优化:
博客采用了多项性能优化措施:
创建新文章非常简单,只需在 content/posts 目录下新建 .mdx 文件:
---
title: 文章标题
date: 2026-01-08
description: 文章描述
published: true
category: 分类名称
tags: [标签1, 标签2]
---
# 文章内容
这里是正文...NingBlog 是一个功能完整、性能优秀的技术博客平台。它专注于提供最佳的内容阅读和写作体验。
欢迎使用 NingBlog 开始你的技术写作之旅!