# 一个强调地点和意图的社区模板

**URL:** https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678
**Category:** Community Building
**Created:** [2022年四月7日 23:44 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678 "2022-04-07T23:44:28Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2022年四月7日 23:44 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/1 "2022-04-07T23:44:28Z")

</div>

我想分享一个我为社区项目所做的布局。我一直在努力抽象化它的一些想法，并希望它能为非营利、开源、分会制或其他分布式社区设置提供一些普遍的灵感。

该设计有两个主要目标：

- 围绕对话始终提供地点和共同意图的建议
- 在特色内容和工作区的更广泛背景下构建对话

概念着陆视图：

 ![Landing Space](https://global.discourse-cdn.com/meta/original/4X/9/8/8/988f14c88a98be4aa52a7a445dda8ea9eb75447b.png)

导航到特定区域将改变上下文提示。除此之外，导航保持一致：

 ![Conversation Space](https://global.discourse-cdn.com/meta/original/4X/d/f/1/df178e7d4c482321745b792f66582c18b5d0b9f7.png)

导航到工作区将把协作工具添加到导航中：

 ![Collaboration Space](https://global.discourse-cdn.com/meta/original/4X/d/3/2/d32f07a187d2b04414229a9bdd22b73283fad134.png)

我们在项目中的实现如下所示：

 ![Couchers Landing](https://global.discourse-cdn.com/meta/original/4X/4/6/a/46a12c0aa3e075639255f686e303b24dd67ed34f.jpeg)

在每个空间，我们通过视觉效果和介绍性文字来暗示独特的背景和意图：

 ![Couchers Conversation Header](https://global.discourse-cdn.com/meta/original/4X/2/7/9/279831093f020407b9edc5833b20bfe852b5c19c.jpeg)

在工作区，导航菜单提供子导航和标签访问：

 ![Couchers Collaboration Header](https://global.discourse-cdn.com/meta/original/4X/7/9/a/79af21cdee42b95f5cb732270a42b831ead99ca6.jpeg)

---

<div class="post-metadata">

### Author: ![Cozdabuch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cozdabuch/32/139120_2.png) [@Cozdabuch](https://meta.discourse.org/u/Cozdabuch)
#### Post date: [2022年四月8日 02:32 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/2 "2022-04-08T02:32:04Z")

</div>

看起来和webcore的discourse实例很像。非常好

---

<div class="post-metadata">

### Author: ![oshyan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/oshyan/32/212644_2.png) [@oshyan](https://meta.discourse.org/u/oshyan)
#### Post date: [2022年四月8日 03:33 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/3 "2022-04-08T03:33:48Z")

</div>

您制作了一些外观出色的 Discourse 设计。太棒了！

抛开您是否会这样做不谈，其中有多少可以作为普通 Discourse 主题共享？有多少是主题组件或其他更深入的自定义？

---

<div class="post-metadata">

### Author: ![Decorbuz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/decorbuz/32/235124_2.png) [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [2022年四月9日 00:01 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/4 "2022-04-09T00:01:44Z")

</div>

太棒了！真是个惊人的模板！😱

你是怎么创建它的？

---

<div class="post-metadata">

### Author: ![P2W](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/p2w/32/304345_2.png) [@P2W](https://meta.discourse.org/u/P2W)
#### Post date: [2022年四月9日 01:26 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/5 "2022-04-09T01:26:08Z")

</div>

看起来很棒。我们需要更多这样的自定义主题。

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2022年四月9日 10:18 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/6 "2022-04-09T10:18:32Z")

</div>

感谢大家的美言 🤗

关于如何实现：概念模板只是一个模型，我用 Figma 来制作。它不是 Discourse 特有的。

对于 [Couchers.org](http://Couchers.org) 社区，我在 Discourse 上实现了它，将样式打包在主题中，并使用了主题组件（Header Search、Category Banners、Custom Nav Links、Featured Cards、Category Showcase、Modern Category Boxes、Easy Footer）。我添加了一些自定义代码，以便在主页和 Latest 路由上获得不同的横幅。

最终的社区布局和运作取决于调整设置：全站范围、组件上、分类上、标签上。因此，你不能仅仅通过共享一个打包的主题和组件来实现模板。

概念上，我不认为这是一个主题，而是一个模板、布局或模型。还不确定最佳术语。它的目标不仅仅是改变外观，而是改变运作方式和用户体验，以支持特定的用例或社区模型。我还在开发其他模板，想知道分享它们的最佳方式是什么。你需要一种导出和导入所有覆盖设置的方法。目前我所知道的唯一方法是使用备份，但如果能找到一种只针对设置而不针对网站内容的方法就太好了。

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [2022年四月9日 11:22 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/7 "2022-04-09T11:22:42Z")

</div>

> [@manuel](#):
>
> 你需要一种导出和导入所有已覆盖设置的方法。目前我所知道的唯一方法是使用备份，但如果能找到一种只针对设置而不针对网站内容的方法就好了。

你已经可以导出/导入网站设置了：

> [@tshenry](#):
>
> ## 导出/导入所有网站设置 [↥](#heading--0)
> 
> 要简单地打印出你网站上已更改的所有设置，请运行：
> 
> ```plaintext
> rake site_settings:export
> 
> ```
> 
> 如果你想将设置导出到文件：
> 
> ```plaintext
> rake site_settings:export > saved_settings.yml
> 
> ```
> 
> 如果你想从文件导入设置：
> 
> ```plaintext
> rake site_settings:import < saved_settings.yml
> 
> ```

记录每个设置可能需要一些工作，但一个简单的方法是在 Meta（打上合适的标签等）中发布一个新主题，使用以下结构概述所有自定义设置：

1. 设计理念和演示网站（如果可用）
2. 主题（作为导出文件）
3. 主题组件（作为列表，并简要概述更改的设置）
4. 插件（附带每个插件配置的简要说明）
5. 与默认设置不同的设置（作为 .yml 文件）

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [2022年四月9日 12:12 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/8 "2022-04-09T12:12:58Z")

</div>

这些建议太棒了！感谢分享@nathank

---

<div class="post-metadata">

### Author: ![P2W](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/p2w/32/304345_2.png) [@P2W](https://meta.discourse.org/u/P2W)
#### Post date: [2022年四月9日 15:00 UTC](https://meta.discourse.org/t/a-community-template-emphasizing-place-and-intent/223678/9 "2022-04-09T15:00:16Z")

</div>

您在寻找更多自由职业工作吗？
