# Discourse 自定义头部链接（Custom Header Links）

**URL:** <https://www.isharkfly.com/t/discourse-custom-header-links/14043>\
**Category:** Discourse\
**Tags:** discourse\
**Created:** [July 29, 2022, 6:26pm UTC](https://www.isharkfly.com/t/discourse-custom-header-links/14043 "2022-07-29T18:26:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [July 29, 2022, 6:26pm UTC](https://www.isharkfly.com/t/discourse-custom-header-links/14043/1 "2022-07-29T18:26:34Z")

</div>

Discourse 的头部链接是没有办法自定义的，我们使用下面的这个插件来进行配置

可以从 Git 代码仓库中进行安装，有关这个插件的官方讨论地址为：[Custom Header Links - Theme component - Discourse Meta](https://meta.discourse.org/t/custom-header-links/90588)

我们 Fork 了这个插件：Fork 后的插件的地址为：[GitHub - Discourse-C/discourse-custom-header-links](https://github.com/ossez-com/discourse-custom-header-links)

## 安装效果

安装后的效果如下面的图片。

### 桌面

 ![](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/7/75f0cb6506bc408c88b1d4a272f4d128b79ed480.png)

### 移动界面

因为移动空间的限制，我们不建议在移动界面中显示更多的内容。

 ![](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/a/af584266a5634c483f1110a6e901cb24ee9fa3e4.png)

## 安装方法

从 Git 代码仓库中进行安装。

进入后台中的主题管理，然后选择安装。

 ![2022-07-29_15-16-01](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/f/ff65fcdec66e444ba7456aa38f614c1cc3cc388d.png)

然后可以选择从 Git 仓库中进行安装。

 ![2022-07-29_15-16-40](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/b/b61f0e3ac3403e3fe72d0147ec9f1bb5e12e3852.png)

在仓库地址中，输入你需要安装的仓库地址。

在本例中，我们使用的地址为：[iSharkFly SRC](https://src.ossez.com/Discource-C/discourse-custom-header-links.git)

当然，你也可以使用官方的地址来进行安装的。

如果一切顺利，则显示安装成功。

 ![2022-07-29_15-18-24](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/8/809967885d9e7d8e156e8f44f3ee9c8e139b3e6d.png)

当然，在这里，你需要选择应用的主题才可以让你安装的插件生效。

 ![2022-07-29_15-19-17](https://cdn.isharkfly.com/com-isharkfly-www/discourse-uploads/original/2X/8/800bad72f0f32dfbb16783ac18f59ccee88bfbe1.png)

然后你就可以在你的界面中看到启用的插件了，并查看产生的效果。