Discourse 如何安装一个主题组件或者主题组件

简介:

如何在 discourse 中安装一个主题(Theme)或者主题组件(Theme Component)

希望导入一个新的主题或者主题组件,请在你的网站下访问地址:

www.yoursite.com/admin/customize/themes

或者你也可以通过你的 UI 进行访问,访问路径为: Admin > Customize > Themes

然后单击在这里进行安装:

discourse_theme_01

在弹出的界面中,你应该可以看到下面的内容:

discourse_theme_02

你可以在上面的界面中安装已经预定义的内容,你也可以从你的本地磁盘上上传,更多的时候我们可能会希望从 Git 上进行安装。

这个时候你可以选择从 Git 仓库上进行安装。

你可以选择 Branch 的名字,默认是 master,如果你使用的是私有仓库,你也可以使用私有的仓库。

通过这种开放的方式能够更加容易让你使用和安装。

例如,你希望安装

https://github.com/discourse/discourse-matomo-analytics.git

这个组件。

你可以在仓库路径中复制上面的内容。

discourse_theme_03

然后单击下一步进行安装。

在下一个界面中,你将会看到下面的界面,在这里选择应用的主题,然后进行保存。

discourse_theme_04

通过上面的过程,你已经为你的主题安装了一个新的主题或者主题组件了。

原始链接请参考:https://www.cwiki.us/display/CWIKIKB/questions/62620102

目录
相关文章
|
5月前
|
C# C++
关于VS主题的切换方法以及主题推荐
关于VS主题的切换方法以及主题推荐
55 0
|
1月前
WordPress资源产品展示类主题 官网主题 CeoNova-Pro_v4.4
CeoNova-Pro主题是一款轻量级、且简洁大气、产品官网类主题,定位于高端产品官网、同时包含了知识付费、定制服务、问答社区、论坛交流、网址导航、以及付费产品购买下载等全方位覆盖。
26 0
|
4月前
Nuxt3 实战 (八):优雅的实现暗黑主题模式
这篇文章介绍了在Nuxt3中实现暗黑模式的过程。首先推荐使用color-mode库来轻易实现暗黑模式切换,并通过pnpm命令安装@nuxtjs/color-mode依赖。然后在nuxt.config.ts配置文件中注入依赖,并根据项目实际情况自定义配置。接着通过toggleDark函数实现切换动画,并在需要的地方加载组件<ColorMode/>,从而达到最终效果。
Nuxt3 实战 (八):优雅的实现暗黑主题模式
|
10月前
|
PHP SEO
WordPress 主题和插件
WordPress 主题和插件
129 0
|
JavaScript
ElementUI: 自定义主题
ElementUI: 自定义主题
106 0
|
10月前
hexo主题集成pug
hexo主题集成pug
59 1
|
5月前
|
JavaScript
Vuetify 设置主题
Vuetify 设置主题
100 0
|
算法 前端开发 JavaScript
聊聊 Ant Design V5 的主题(上):CSSinJS 动态主题的花活
聊聊 Ant Design V5 的主题(上):CSSinJS 动态主题的花活
807 0
|
前端开发 CDN
ant-design实现主题暗黑主题 和 亮色主题的 切换(实现网站黑白皮肤)
最近在使用vite+react + ant-design 来搭建个人站点,看到网上好多网站都实现了黑白皮肤的切换,并且ant-design帮我们实现了三套主题色,一个默认亮白色,暗黑主题和紧凑主题。于是我也想来弄一弄。最后还是实现了,打包后也是ok的。
ant-design实现主题暗黑主题 和 亮色主题的 切换(实现网站黑白皮肤)
|
JavaScript 前端开发
【Vue 开发实战】实战篇 # 42:如何定制主题及动态切换主题
【Vue 开发实战】实战篇 # 42:如何定制主题及动态切换主题
132 0
【Vue 开发实战】实战篇 # 42:如何定制主题及动态切换主题