你好，世界

#meta #nextjs

欢迎来到这个用 Next.js 16 + FastAPI 搭起来的小博客。本篇用来打通整个 MDX 渲染链路。

代码高亮

Shiki 通过 rehype-pretty-code 集成，支持深浅色双主题切换：

// app/lib/shiki.ts
export async function highlight(code: string, lang: string) {
  const { codeToHtml } = await import('shiki');
  return codeToHtml(code, { lang, theme: 'github-dark-dimmed' });
}
# 后端用 FastAPI + LangChain 提供 RAG
from fastapi import FastAPI
from langchain_openai import ChatOpenAI
 
app = FastAPI()
llm = ChatOpenAI(model="gpt-4o-mini")

数学公式

行内公式：质能方程 E=mc2E = mc^2，欧拉恒等式 eiπ+1=0e^{i\pi} + 1 = 0。

块级公式：

f^(ξ)=∫−∞∞f(x) e−2πixξ dx\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x)\, e^{-2\pi i x \xi}\, dx ∇⋅E=ρε0\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0}

表格（GFM）

框架用途版本
Next.js前端16
FastAPI后端0.115+
LangChainRAG0.3+

引用与列表

软件工程的本质是处理复杂性。

  • 用 MDX 写作，享受 React 组件的能力
  • 用 Git 管理文章版本
  • 用 LangChain 做语义检索

下一步：把这些文章切块、向量化，做一个能问答的"个人知识库"。