Nextra主要语法和博客功能演示
欢迎来到Nextra的演示页面!这里将介绍你在刚开始写博客时常用到的一些语法和功能。
基本Markdown语法
标题
你可以使用不同级别的标题来组织内容:
列表
无序列表
- 苹果
- 香蕉
- 橙子
有顺序列表
- 第一步
- 第二步
- 第三步
链接和图像
你可以轻松添加链接到其他页面。
插入图像也简单:
代码块
使用反引号包裹内联代码,如 const x = 1。
对于代码块,使用三重反引号:
function greet(name) {
return `Hello, ${name}!`;
}MDX特性
在Nextra中,你可以使用React组件来增强你的文档。
例如,这里是一个简单的按钮:
脚注
Nextra支持脚注1,非常适合学术内容。
博客功能
Frontmatter
每个页面都可以在顶部使用frontmatter(元数据),如上面的title和description。
页面导航
Nextra会自动为你的页面生成导航结构,你可以通过编辑 _meta.js 来自定义。
主题和样式
你可以自定义文档的主题,使其符合你的品牌。
更多详情请参考 Nextra官方文档。
Wikitext示例
下面是一个使用代码块展示Wikitext语法的示例(需要先配置MediaWiki语法高亮):
== 主标题 ==
这是一个[[帮助:编辑页/指南|链接]]的示例。
=== 副标题 ===
; 项目1 : 第一个定义项
; 项目2 : 第二个定义项
* 无序列表项1
* 无序列表项2
** 子列表项
# 有序列表
## 子有序列表
{| class="wikitable"
|-
! 表头1 !! 表头2
|-
| 单元格1 || 单元格2
|}
{{模板:示例模板|参数=值}}
{{#invoke:Infobox|module_function
|参数1 = 值1
|参数2 = 值2
}}注意:要让上述代码块正确高亮,需要在Nextra中集成MediaWiki语法区域配置。
Footnotes
-
这是脚注的内容。 ↩