演示

Nextra主要语法和博客功能演示

欢迎来到Nextra的演示页面!这里将介绍你在刚开始写博客时常用到的一些语法和功能。

基本Markdown语法

标题

你可以使用不同级别的标题来组织内容:

  • 一级标题

  • 二级标题

  • 三级标题

列表

无序列表

  • 苹果
  • 香蕉
  • 橙子

有顺序列表

  1. 第一步
  2. 第二步
  3. 第三步

链接和图像

你可以轻松添加链接到其他页面。

插入图像也简单: 示例图片

代码块

使用反引号包裹内联代码,如 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

  1. 这是脚注的内容。