NextBlog是一个基于NextJS, MDX的下一代博客平台,以提升写作体验和扩展性为目标。
图片和字体压缩
, Katex数学公式渲染
, 统计阅读时间
, Highlight代码高亮
, 文章目录
, RSS生成
, 标题链接
, 代码标题
, typographic
, 自动检测http链接并生成链接
, 删除线
, 文章搜索
, 注释
等
搜索功能 请参考 src/pages/search.tsx
支持在Markdown中加入jsx语法。比如
import {Chart} from './snowfall.js'
export const year = 2018
<Chart year={year} color="#fcb32c" />
例举typographic语法
3 <= 2; // 3 ≤ 2
4 >= 4; // 4 ≥ 4
5 +- 1; // 5 ± 1
10 -+ 1; // 10 ∓ 1
2 << 100; // 2 ≪ 10000
999 >> 5; // 999999 ≫ 5
arrow -> right; // arrow → right
getPostsFrontMatter()中填入数字,可以限制获取文章的数目
npm i
npm run dev
npm run build
可以在vercel云部署
-
Markdown 里只有四种媒体信息: title, description, tags, date。tags 里的内容要用[]包住。
-
引用图片前在 next.config.js 中添加图片的域名
-
添加Highlight的CSS来代码高亮。但没有相应的 CSS。需要给 a 标签 添加 before 伪元素来支持标题链接。
-
阅读时间 功能并没有使用,你可以在 pages/posts/[slug].tsx 中加入
{frontMatter.readingTime}
-
使用目录功能请在文章某处添加
## Table of contents
。其它特殊用法参考_posts/test.mdx
如果自用,请修改 源码中所有涉及到我的信息
[v1.3.0] 支持了删除线,注释,链接转超链接。支持搜索功能,源代码请见 src/pages/search.tsx,参见Demo
[v1.3.1] 修复bugs
[v1.3.2] 支持了目录功能,完善了文档