查看“︁帮助:网络图使用指南”︁的源代码

= 网络关系图使用指南 =

本站已启用「网络关系图」功能。在页面中插入一段简单的代码，就能自动生成一张展示页面之间相互链接关系的动态网络图。

== 1. 基础用法：展示当前页面的关系 ==

在任意页面的编辑框中，输入以下代码并保存：

<pre>
{{#network:}}
</pre>

* '''效果'''：会以'''当前页面为中心'''，自动抓取所有链接了当前页面的页面（入链），以及当前页面链接出去的页面（出链），生成一张关系网。
* '''适用场景'''：放在页面底部，帮助读者快速了解与当前词条相关的其他内容。

== 2. 进阶用法：指定特定页面 ==

如果你想在一个页面里，展示其他几个特定页面之间的关系，可以在冒号后面加上页面名称。

* '''单页展示'''：以“首页”为中心展示
<pre>
{{#network: 首页 }}
</pre>

* '''多页联展'''：同时以“首页”、“关于”和“帮助:目录”为中心，展示它们混合的关系网（多个页面之间用竖线 <code>|</code> 隔开）
<pre>
{{#network: 首页 | 关于 | 帮助:目录 }}
</pre>

== 3. 让网络图变美观（推荐排版） ==

为了让网络图在页面上显示得更整洁、好看，建议使用表格语法给它套上一个半透明的圆角外框。

你可以直接复制以下代码，把里面的 #network: 首页 换成你需要的代码即可：

<pre>
{| style="background-color: rgba(255, 255, 255, 0.85); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; padding: 20px; box-shadow: 0 6px 12px rgba(0,0,0,0.08); width: 100%;"
|
{{#network: 首页 }}
|}
</pre>

== 4. 如何操作生成的网络图？ ==

生成的网络图是动态的，你可以用鼠标进行以下操作：
* '''拖拽节点'''：按住某个圆点拖动，可以调整它在图中的位置，理清错综复杂的连线。
* '''平移画布'''：在图的空白处按住鼠标拖动，可以移动整张网络图。
* '''滚轮缩放'''：滚动鼠标滚轮，可以放大或缩小网络图。
* '''点击跳转'''：直接点击图上的任意文字标签，即可跳转到对应的 Wiki 页面。

== 5. 注意事项 ==
# 只有'''实际存在'''的页面名称才会显示在图中。如果填错了页面名，不会生成节点。
# 如果页面之间没有任何互相链接，生成的网络图可能会是空的。
# 为了避免页面加载过慢，建议单张图包含的起始页面不要超过 5 个。

有问题请在讨论区留言，祝编辑愉快！