如何在Docusaurus的HTML表格中插入文件路径引用？

给你几个实用的解决办法：

1. 用MDX嵌入Markdown链接（最简便） #

MDX支持在HTML标签内部直接写Markdown语法，你可以在表格单元格里直接用普通的Markdown内部链接写法，Docusaurus会自动解析成正确的URL：

# Concept

This is a concept.

<table>
  <tr>
    <th>header</th>
    <th>header</th>
  </tr>
  <tbody>
    <tr>
      <td>[Concept 1](../Concept1/concept1)</td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
  </tbody>
</table>

注意：路径不用加.mdx后缀，Docusaurus会自动处理路由映射。

2. 使用useBaseUrl辅助函数 #

如果坚持要用HTML的<a>标签，可导入Docusaurus内置的useBaseUrl函数来处理相对路径：

import useBaseUrl from '@docusaurus/useBaseUrl';

# Concept

This is a concept.

<table>
  <tr>
    <th>header</th>
    <th>header</th>
  </tr>
  <tbody>
    <tr>
      <td><a href={useBaseUrl('../Concept1/concept1')}>Concept 1</a></td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
  </tbody>
</table>

这个函数会自动把相对路径转换成适配站点base URL的绝对路径，避免链接失效。

3. 直接使用生成后的绝对路径 #

如果你的站点路由结构固定，也可以直接写最终的绝对URL路径，比如假设你的文档路由前缀是/docs/，就这么写：

# Concept

This is a concept.

<table>
  <tr>
    <th>header</th>
    <th>header</th>
  </tr>
  <tbody>
    <tr>
      <td><a href="/docs/Concept1/concept1">Concept 1</a></td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
  </tbody>
</table>

这种方式不需要额外导入函数，但如果后续站点base URL或路由结构变动，需要手动更新所有链接。

内容的提问来源于stack exchange，提问作者Hao Le Anh