# FKB Pro - 社交主题

**URL:** <https://meta.discourse.org/t/fkb-pro-social-theme/234323>\
**Category:** Theme\
**Created:** [2022年七月28日 20:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")\
**Posts on this page:** 20\
**Page:** 23

<div class="post-metadata">

**Author:** ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)\
**Post date:** [2025年八月4日 20:16 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/461 "2025-08-04T20:16:25Z")

</div>

> [@David\_Ghost](#):
>
> 另外，能否请您看一下[这个](https://meta.discourse.org/t/im-getting-errors-when-i-switch-categories-too-quickly/374342/2)？  
> 谢谢

我刚又进行了一些测试，注意到这个问题：429 问题只在我登录时发生。当我退出登录时，问题根本不会出现。所以我认为问题确实出在 FKB Panel 上，与用户信息、用户卡片等有关。

---

<div class="post-metadata">

**Author:** ![RoldanLT](https://avatars.discourse-cdn.com/v4/letter/r/da6949/32.png) [@RoldanLT](https://meta.discourse.org/u/RoldanLT)\
**Post date:** [2025年八月4日 22:11 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/462 "2025-08-04T22:11:02Z")

</div>

> [@David\_Ghost](#):
>
> 另外，能否也请看一下[这个](https://meta.discourse.org/t/im-getting-errors-when-i-switch-categories-too-quickly/374342/2)？

我也可以使用这个主题重现这个“429 (请求过于频繁)”的问题。

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2025年八月5日 13:37 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/463 "2025-08-05T13:37:53Z")

</div>

你好 👋

我们现在将这些获取的数据添加到 sessionStorage，希望这会有所帮助：[DEV: Save fetched userDetails and userCardDetails into sessionStorage · VaperinaDEV/fkb-pro-theme@f880e5c · GitHub](https://github.com/VaperinaDEV/fkb-pro-theme/commit/f880e5cb026dd7f5b49cbe05bbd55c316e01624d)

---

<div class="post-metadata">

**Author:** ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)\
**Post date:** [2025年八月14日 04:44 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/464 "2025-08-14T04:44:18Z")

</div>

![IMG_3777](https://global.discourse-cdn.com/meta/original/4X/a/e/f/aef0d12484b462746a90341085d07f75385e7cb4.jpeg)

这个主题更新似乎导致分类的封面图片变小了 🥲

---

<div class="post-metadata">

**Author:** ![Aurora](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aurora/32/523140_2.png) [@Aurora](https://meta.discourse.org/u/Aurora)\
**Post date:** [2025年八月14日 08:13 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/465 "2025-08-14T08:13:34Z")

</div>

更新后，描述不再适合此处：

 ![IMG_1782](https://global.discourse-cdn.com/meta/original/4X/3/3/0/3309597b8238cc09b0a2231e304914f22606af90.jpeg)

 ![IMG_1780](https://global.discourse-cdn.com/meta/original/4X/5/2/2/5224d08797429587998bb5d55b67a3ccb38a70ac.jpeg)

---

<div class="post-metadata">

**Author:** ![Fma965](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fma965/32/259795_2.png) [@Fma965](https://meta.discourse.org/u/Fma965)\
**Post date:** [2025年八月31日 13:08 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/466 "2025-08-31T13:08:57Z")

</div>

在最近的 Discourse 更新中，打开编辑器时聊天似乎会中断

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/0/5/d0578a3b04de1f9d2016dea5a057ba30fde4a742.png)

我以为是我的自定义调整，但我禁用了覆盖默认样式的组件，结果还是一样。

---

<div class="post-metadata">

**Author:** ![Noah](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@Noah](https://meta.discourse.org/u/Noah)\
**Post date:** [2025年八月31日 17:25 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/467 "2025-08-31T17:25:40Z")

</div>

大家好 - 我不确定这里是否是发帖的合适地点，因为我有一段时间没来元社区了 - 曾经有一个备受期待但未发布的“主题”，我记得它是在 Discourse 论坛上的一个演示主题。我现在找不到它了，我很想知道这是否就是那个主题？

非常感谢，  
Noah

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2025年八月31日 17:49 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/468 "2025-08-31T17:49:56Z")

</div>

我认为 FKB Pro 不是您想要的那个主题。它是在 2022 年分享的。  
我猜您在寻找 Central 主题。

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/6/a/16abfd667ff9610e550925a8df2547bccf12b278.jpeg)

该存储库仍在 Github 上可用，但不确定其维护活跃度如何，因为它从未发布过，仍处于实验阶段。

---

<div class="post-metadata">

**Author:** ![Noah](https://avatars.discourse-cdn.com/v4/letter/n/a87d85/32.png) [@Noah](https://meta.discourse.org/u/Noah)\
**Post date:** [2025年八月31日 18:05 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/469 "2025-08-31T18:05:04Z")

</div>

Bingo！！看起来它是 [unlisted](https://meta.discourse.org/t/discourse-central-theme-meta-pre-release-out-now/287495)。 🤔

---

<div class="post-metadata">

**Author:** ![ozkn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ozkn/32/196013_2.png) [@ozkn](https://meta.discourse.org/u/ozkn)\
**Post date:** [2025年九月3日 14:23 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/470 "2025-09-03T14:23:13Z")

</div>

您好，在更新 discourse 后，我遇到了以下错误：  
`deprecated.js:62 [THEME 506 'FKB Pro theme v2'] Deprecation notice: Accessing `site.mobileView` or `site.desktopView` during the site initialization phase is deprecated. In future updates, the mobile mode will be determined by the viewport size and as consequence using these values during initialization can lead to errors and inconsistencies when the browser window is resized. Please move these checks to a component, transformer, or API callback that executes during page rendering. [deprecated since Discourse 3.5.0.beta9-dev] [deprecation id: discourse.static-viewport-initialization] [info:`

---

<div class="post-metadata">

**Author:** ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)\
**Post date:** [2025年十月24日 13:26 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/472 "2025-10-24T13:26:31Z")

</div>

每次 Discourse 更新都给 **FKB Pro – Social Theme** 和 Don 的代码带来了新的挑战。

---

<div class="post-metadata">

**Author:** ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)\
**Post date:** [2025年十月31日 09:42 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/473 "2025-10-31T09:42:16Z")

</div>

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

# 不！

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/6/9/569fc4cad3bdbbe1a6e661c59da194ca66413c6f.jpeg)

# 是！

# 将分类标题图片恢复到之前的样子。

```plaintext
/* =========================================================
   🖼️ 分类标题图片显示优化（Category Heading Logo Fix）
   解除 Discourse 默认 aspect-ratio 限制，显示原图比例
   Fixes Discourse category heading logo aspect ratio limits
   ========================================================= */

/*
   解除分类标题图片比例限制，让图片以原尺寸显示
   Remove aspect ratio restriction so the image displays in its true size
*/
.category-heading__logo.aspect-image {
  aspect-ratio: auto !important; /* 移除固定宽高比 / Remove fixed aspect ratio */
  width: auto !important; /* 自动宽度 / Auto width */
  height: auto !important; /* 自动高度 / Auto height */
  display: inline-block !important; /* 内联块显示 / Inline-block display */
  overflow: visible !important; /* 避免被裁剪 / Prevent cropping */
}

/*
   让图片保持原始比例显示
   Ensure the image keeps its original aspect ratio
*/
.category-heading__logo img {
  width: 250px !important; /* 原图宽度（可修改） / Original image width (adjustable) */
  height: 120px !important; /* 原图高度（可修改） / Original image height (adjustable) */
  object-fit: contain !important; /* 保持完整比例不裁剪 / Maintain full ratio without cropping */
  border-radius: 6px; /* 可选圆角效果 / Optional rounded corners */
  box-shadow: 0 0 4px rgba(0,0,0,0.4); /* 可选阴影效果 / Optional shadow for better visual depth */
}

```

---

<div class="post-metadata">

**Author:** ![jahan\_gagan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jahan_gagan/32/501948_2.png) [@jahan\_gagan](https://meta.discourse.org/u/jahan_gagan)\
**Post date:** [2025年十二月1日 11:18 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/474 "2025-12-01T11:18:18Z")

</div>

@don，在最新的 Discourse 版本中，我收到了以下通知：

**[管理员通知]** 主题 [‘FKB Pro theme’] 包含需要更新的代码。  
（ID：discourse.widgets-decommissioned） ([_了解更多_](https://meta.discourse.org/t/375332/1))

---

<div class="post-metadata">

**Author:** ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)\
**Post date:** [2025年十二月23日 23:35 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/475 "2025-12-23T23:35:28Z")

</div>

我正在调查右侧边栏中的数字为何是过时的，并且 `sessionStorage` 不会过期。当我执行 `sessionStorage.removeItem("userDetails")` 时，点赞数更新了。

看来这就是罪魁祸首：

> [@Don](#):
>
> 我们现在将这些获取到的数据添加到 `sessionStorage` 中，希望这会有所帮助：[DEV: Save fetched userDetails and userCardDetails into sessionStorage · VaperinaDEV/fkb-pro-theme@f880e5c · GitHub](https://github.com/VaperinaDEV/fkb-pro-theme/commit/f880e5cb026dd7f5b49cbe05bbd55c316e01624d)

也许应该为这些数据添加一个过期时间戳。

---

<div class="post-metadata">

**Author:** ![xu2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xu2/32/539078_2.png) [@xu2](https://meta.discourse.org/u/xu2)\
**Post date:** [2026年一月11日 14:26 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/476 "2026-01-11T14:26:51Z")

</div>

如何更改按钮的字体大小，还有按钮的内距？

---

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [2026年一月11日 14:29 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/477 "2026-01-11T14:29:21Z")

</div>

您可以用一些 CSS 来编辑它：

```scss
.btn {
  padding: 1em; // 或任何值
  font-size: 2em; // 或任何值
}

```

---

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [2026年一月14日 10:55 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/478 "2026-01-14T10:55:47Z")

</div>

你好 👋

新更新来了 🎉

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/71>
>
> \*\*Main Changes:\*\*
> 
> \- \*\*Modern Discourse Compatibility:\*\* Updated the component… to be fully compatible with the latest Glimmer patterns and Post Stream changes.
> \- \*\*Adjustable Cache TTL:\*\* Added a new setting fkb\_panel\_cache\_ttl allowing admins to define the cache duration in minutes.
> \- \*\*Live Background Refresh:\*\* Implemented a timer-based background refresh logic. The panel now updates user statistics (likes, solutions, etc.) automatically without requiring page navigation or a manual refresh.
> \- \*\*Cross-tab Synchronization:\*\* Migrated storage to localStorage to ensure data consistency across all open browser tabs.
> \- \*\*Optimized Performance:\*\* Refined the fetching logic to prevent redundant AJAX calls and unnecessary loading spinners during navigation.

本次更新涵盖以下内容：

- **实时自动刷新：** 统计数据现在在后台自动更新，无需导航。
- **跨标签页同步：** 使用 localStorage 在所有打开的浏览器标签页中保持数据一致。
- **新设置：** 添加了 `fkb_panel_cache_ttl` 以自定义刷新间隔。
  - [FKB Pro - Social theme - #475 by RGJ](https://meta.discourse.org/t/fkb-pro-social-theme/234323/475?u=don)

- **兼容性：** 与最新的 Discourse Glimmer Post Stream 更新兼容。
  - [FKB Pro - Social theme - #470 by ozkn](https://meta.discourse.org/t/fkb-pro-social-theme/234323/470?u=don)
  - [FKB Pro - Social theme - #474 by jahan\_gagan](https://meta.discourse.org/t/fkb-pro-social-theme/234323/474?u=don)

---

<div class="post-metadata">

**Author:** ![xu2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xu2/32/539078_2.png) [@xu2](https://meta.discourse.org/u/xu2)\
**Post date:** [2026年一月14日 14:01 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/479 "2026-01-14T14:01:37Z")

</div>

如何更改 new topic button 的 大小？

还有怎么在左侧边栏下方添加自定义内容？

---

<div class="post-metadata">

**Author:** ![Andrew\_Rowe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrew_rowe/32/445877_2.png) [@Andrew\_Rowe](https://meta.discourse.org/u/Andrew_Rowe)\
**Post date:** [2026年一月14日 14:07 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/480 "2026-01-14T14:07:01Z")

</div>

也许这对你有帮助

> [@Making custom CSS changes on your site](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101#p-836623-finding-the-right-css-selectors-4):
>
> bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics CSS…

查找“查找正确的 CSS 选择器”部分

---

<div class="post-metadata">

**Author:** ![xu2](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xu2/32/539078_2.png) [@xu2](https://meta.discourse.org/u/xu2)\
**Post date:** [2026年一月14日 14:20 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/481 "2026-01-14T14:20:39Z")

</div>

我试过了！但是它不起作用！所以我发布了这个问题。

[上一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=22)

[下一頁](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=24)
