# 空气主题

**URL:** https://meta.discourse.org/t/air-theme/197703
**Category:** Theme
**Tags:** air-theme
**Created:** [2021年七月20日 20:24 UTC](https://meta.discourse.org/t/air-theme/197703 "2021-07-20T20:24:30Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年三月14日 14:27 UTC](https://meta.discourse.org/t/air-theme/197703/242 "2022-03-14T14:27:15Z")

</div>

您能否尝试使用 `list` 模式？空气主题会自定义主题列表，缩略图主题组件也会，因此两者之间不会很好地交互。

---

<div class="post-metadata">

### Author: ![yhmtsai](https://avatars.discourse-cdn.com/v4/letter/y/47e85d/32.png) [@yhmtsai](https://meta.discourse.org/u/yhmtsai)
#### Post date: [2022年三月15日 20:59 UTC](https://meta.discourse.org/t/air-theme/197703/243 "2022-03-15T20:59:43Z")

</div>

谢谢，我尝试使用列表模式和空气主题。  
它在列表模式下看起来不错

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/9/d9c8fd257d4a2bc7f25f116e1085b3aa27e0e34e.jpeg)

---

<div class="post-metadata">

### Author: ![cookieman768](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cookieman768/32/118511_2.png) [@cookieman768](https://meta.discourse.org/u/cookieman768)
#### Post date: [2022年三月25日 00:07 UTC](https://meta.discourse.org/t/air-theme/197703/244 "2022-03-25T00:07:44Z")

</div>

有没有办法让主题在类别视图中使用更高分辨率的个人资料图片？图片看起来非常模糊，我想避免直接修改主题，以便能够接收更新。

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/b/f/bfd7e6f258522350ba89c2a4d1ac11fca2d90a08_2_80x500.png)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年三月25日 13:30 UTC](https://meta.discourse.org/t/air-theme/197703/245 "2022-03-25T13:30:06Z")

</div>

这是一个好问题，我会去看看 👍

---

<div class="post-metadata">

### Author: ![piffy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/piffy/32/254198_2.png) [@piffy](https://meta.discourse.org/u/piffy)
#### Post date: [2022年三月27日 05:26 UTC](https://meta.discourse.org/t/air-theme/197703/246 "2022-03-27T05:26:57Z")

</div>

感谢提供主题！我注意到一个细微的移动端问题。这_可能_是由于 discourse 源代码的更改。我之所以这么说，是因为我的网站（以及 [theme-creator.io](http://theme-creator.io)）上存在此问题，但在 OP 中链接的测试站点上似乎不存在此问题。

这是主题列表中的一个格式问题。我突出显示了一些问题。

1. 标题和帖子数的垂直对齐（红色）
2. 日期和元素底部之间的间隙（绿色）
3. 头像和左侧之间的水平间隙（蓝色）
4. 日期（黄色）和帖子数有时（未显示）的错位
5. 忘记注释了，但内容有时会溢出到帖子数上

[https://discourse.theme-creator.io/?preview\_theme\_id=6150&mobile\_view=1](https://discourse.theme-creator.io/?preview_theme_id=6150&mobile_view=1)

 ![themecreator](https://global.discourse-cdn.com/meta/original/3X/6/6/66eba5743a84dd644f8165bbdd18ab6659597507.png)  
[https://discourse.jordanvidrine.com/?mobile\_view=1](https://discourse.jordanvidrine.com/?mobile_view=1)  
 ![jordan](https://global.discourse-cdn.com/meta/original/3X/7/c/7cdbe1f4f0b6227a4b9c0043150bdc8b4d33c24e.png)

我想在检查器中突出显示 topic-list-data 之间的区别。

 ![inspect](https://global.discourse-cdn.com/meta/original/3X/d/e/def607e0e36f57b69dec39da29f3aa40c62de867.png)

希望问题清楚了。再次感谢。

---

<div class="post-metadata">

### Author: ![ammar37](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ammar37/32/250942_2.png) [@ammar37](https://meta.discourse.org/u/ammar37)
#### Post date: [2022年四月5日 05:51 UTC](https://meta.discourse.org/t/air-theme/197703/250 "2022-04-05T05:51:39Z")

</div>

您好 @jordan.vidrine 和此主题的贡献者，非常感谢您提供如此出色和现代的主题！

我注意到在主题摘要卡片上（针对特定主题）有一条线，在点击主题并从浏览器按返回按钮后出现，这是故意的吗？如果刷新浏览器，它就会消失。

 ![Screenshot 2022-04-05 at 1.38.08 PM](https://global.discourse-cdn.com/meta/original/3X/6/2/62a9380fbda1f9f1c5751423c11debb21e9df330.png)

我该如何移除它（它来自某个 CSS 伪类的样式吗？）

谢谢。

---

<div class="post-metadata">

### Author: ![Petr\_Mindl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/petr_mindl/32/253759_2.png) [@Petr\_Mindl](https://meta.discourse.org/u/Petr_Mindl)
#### Post date: [2022年四月5日 11:03 UTC](https://meta.discourse.org/t/air-theme/197703/251 "2022-04-05T11:03:36Z")

</div>

你好。你好，  
也谢谢你提供的主题。

但是，我们希望在主页上显示分类 + 一些 HTML 块 + 最新文章列表。  
我尝试在论坛上搜索，但仍然不知道如何实现。有人能指导我吗？

我应该创建自己的组件还是如何实现这一点？

谢谢。

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/6/96d203831dda2bcc63d4dcd15e6aebc767d1af45.png)

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年四月5日 17:53 UTC](https://meta.discourse.org/t/air-theme/197703/252 "2022-04-05T17:53:54Z")

</div>

我认为这值得添加到主题中。我将添加一些 CSS，以便您可以选择“类别和最新”作为类别显示设置，并且“最新主题”区域将显示在下方，如下所示：

 ![image](https://global.discourse-cdn.com/meta/original/3X/0/f/0fa982c5c3c5f5eb5fcf89b708233ebbe78de302.jpeg)

---

<div class="post-metadata">

### Author: ![Petr\_Mindl](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/petr_mindl/32/253759_2.png) [@Petr\_Mindl](https://meta.discourse.org/u/Petr_Mindl)
#### Post date: [2022年四月6日 06:32 UTC](https://meta.discourse.org/t/air-theme/197703/254 "2022-04-06T06:32:20Z")

</div>

感谢您 @jordan.vidrine，这太棒了。

您能帮我解决另一个问题吗？我们想将自定义 HTML 块添加到 HP（可能在主要内容下方 - 在“最新帖子”下方）。我该如何操作？我知道我必须安装非存储库而是从我的设备安装主题才能进行一些自定义更改。但我的知识仅限于此。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年四月6日 13:42 UTC](https://meta.discourse.org/t/air-theme/197703/255 "2022-04-06T13:42:57Z")

</div>

> [@Petr\_Mindl](#):
>
> HP

我不熟悉您说的 HP 是什么意思，可以解释一下吗？

> [@Petr\_Mindl](#):
>
> (可能在主内容下方 - 在“最新帖子”下方)

如果您想要这类自定义，我建议您阅读这个主题，其中详细介绍了如何创建此类组件和自定义。

> [@Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648):
>
> Discourse Themes and Theme Components can be used to customize the look, feel and functionality of Discourse’s frontend. This section of the developer guides aims to provide all the reference materials you need to develop simple themes for a single site, right up to complex open-source theme components. This introduction aims to provide a map of all the tools and APIs for theme development. If you prefer a step-by-step tutorial for theme development, jump straight to: Themes vs. Theme Compon…

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年四月6日 13:46 UTC](https://meta.discourse.org/t/air-theme/197703/256 "2022-04-06T13:46:29Z")

</div>

这是 Discourse Core 为 A11Y 添加的功能，用于了解您最近访问的主题。由于我在这里重新组织了主题列表项的顺序，因此它看起来不正确。

我可以看看这个问题。

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [2022年四月6日 14:37 UTC](https://meta.discourse.org/t/air-theme/197703/257 "2022-04-06T14:37:53Z")

</div>

> [@jordan.vidrine](#):
>
> 我对你说的 HP 是什么意思不太熟悉，可以解释一下吗？

我想他指的是“主页”。

> [@jordan.vidrine](#):
>
> 如果你想要这类自定义，我建议你阅读这个主题，它详细介绍了如何创建此类组件和自定义。

我阅读了所有帖子，但没有找到这个问题的解决方案（看看你的帖子 [https://meta.discourse.org/t/discourse-air-theme/197703/252）。或者你会在下一次更新中自己实现吗？也许作为一个新组件？](https://meta.discourse.org/t/discourse-air-theme/197703/252%EF%BC%89%E3%80%82%E6%88%96%E8%80%85%E4%BD%A0%E4%BC%9A%E5%9C%A8%E4%B8%8B%E4%B8%80%E6%AC%A1%E6%9B%B4%E6%96%B0%E4%B8%AD%E8%87%AA%E5%B7%B1%E5%AE%9E%E7%8E%B0%E5%90%97%EF%BC%9F%E4%B9%9F%E8%AE%B8%E4%BD%9C%E4%B8%BA%E4%B8%80%E4%B8%AA%E6%96%B0%E7%BB%84%E4%BB%B6%EF%BC%9F)  
你能否指导我找到描述如何像这样设置的帖子？

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年四月6日 14:58 UTC](https://meta.discourse.org/t/air-theme/197703/258 "2022-04-06T14:58:36Z")

</div>

> [@daemon](#):
>
> 你能指引我到描述如何这样设置的帖子吗？

如果您更新站点上的 `modern-category-boxes` 主题组件，现在应该可以使用了。

您需要将分类布局设置为 `categories & latest` 才能在框下方看到列表。

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [2022年四月6日 15:15 UTC](https://meta.discourse.org/t/air-theme/197703/259 "2022-04-06T15:15:32Z")

</div>

非常感谢！我一定是瞎了。 😄

---

<div class="post-metadata">

### Author: ![ammar37](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ammar37/32/250942_2.png) [@ammar37](https://meta.discourse.org/u/ammar37)
#### Post date: [2022年四月8日 02:45 UTC](https://meta.discourse.org/t/air-theme/197703/260 "2022-04-08T02:45:44Z")

</div>

非常感谢您的时间。

> [@jordan.vidrine](#):
>
> 这是 Discourse Core 为 A11Y 添加的功能，用于了解您最近访问的主题是什么。因为我在这里重新组织了主题列表项的顺序，所以它看起来不正确。
> 
> 我可以看看这个问题。

---

<div class="post-metadata">

### Author: ![Matze](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/matze/32/208654_2.png) [@Matze](https://meta.discourse.org/u/Matze)
#### Post date: [2022年四月8日 08:30 UTC](https://meta.discourse.org/t/air-theme/197703/261 "2022-04-08T08:30:33Z")

</div>

您认为有没有简单的解决方案可以像标准主题那样并排显示类别和最新内容？谢谢！

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [2022年四月10日 14:20 UTC](https://meta.discourse.org/t/air-theme/197703/262 "2022-04-10T14:20:26Z")

</div>

你好 @jordan.vidrine

我已经安装了你的主题，但在汉堡菜单中缺少像你的截图那样的“深色/浅色主题切换”（和自动检测）。

> [@Air Theme](https://meta.discourse.org/t/discourse-air-theme/197703#dark-light-scheme-toggle-2):
>
> discourse2Summary Air Theme is a clean & modern theme with a handful of theme components included to enhance your forum!eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/air-theme)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-air](https://github.com/discourse/discourse-air)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme Features Light Mode Dark Mode Categories Page This theme include…

我该如何启用它？

编辑：  
找到了！  
是这个设置隐藏了汉堡菜单中的设置。  
`在站点标题中添加颜色方案切换按钮`

编辑2：  
深色方案好像有问题（或者可能是我电脑的问题）。  
在 Firefox 中所有颜色都正确，但在基于 Chromium 的浏览器中颜色有些不同。  
这是 Vivaldi 的全新安装，所以没有缓存。  
请看截图。

由于某种原因，我无法上传任何图片（png）。🙃 🙄

> **[airtheme-edge hosted at ImgBB](https://ibb.co/yg8NLWx)**
>
> Image airtheme-edge hosted on ImgBB

> **[airtheme-firefox hosted at ImgBB](https://ibb.co/N6P4v4N)**
>
> Image airtheme-firefox hosted on ImgBB

> **[airtheme-vivaldi hosted at ImgBB](https://ibb.co/qYRnXDG)**
>
> Image airtheme-vivaldi hosted on ImgBB

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年四月11日 14:51 UTC](https://meta.discourse.org/t/air-theme/197703/263 "2022-04-11T14:51:20Z")

</div>

您可能需要进入您的特定用户偏好设置页面，并确保在浏览器之间选择的 `dark-theme` 相同。每个浏览器都会存储自己的用户设置，因此我推测这就是问题所在。

---

<div class="post-metadata">

### Author: ![daemon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/daemon/32/256632_2.png) [@daemon](https://meta.discourse.org/u/daemon)
#### Post date: [2022年四月11日 15:59 UTC](https://meta.discourse.org/t/air-theme/197703/264 "2022-04-11T15:59:20Z")

</div>

抱歉，但这不可能是解决方案，因为

1. 我在笔记本电脑上全新安装了操作系统和浏览器，并且
2. 我没有登录，并且我看到了颜色差异。

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2022年四月11日 16:30 UTC](https://meta.discourse.org/t/air-theme/197703/265 "2022-04-11T16:30:52Z")

</div>

您尝试过登录以确保吗？

[上一頁](https://meta.discourse.org/t/air-theme/197703.md?page=3)

[下一頁](https://meta.discourse.org/t/air-theme/197703.md?page=5)
