# 仿Facebook主题

**URL:** https://meta.discourse.org/t/fakebook-theme/109079
**Category:** Theme
**Tags:** official, fakebook-theme
**Created:** [2019年二月13日 20:18 UTC](https://meta.discourse.org/t/fakebook-theme/109079 "2019-02-13T20:18:45Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![tohaitrieu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tohaitrieu/32/151338_2.png) [@tohaitrieu](https://meta.discourse.org/u/tohaitrieu)
#### Post date: [2020年三月11日 13:21 UTC](https://meta.discourse.org/t/fakebook-theme/109079/45 "2020-03-11T13:21:00Z")

</div>

消息在此主题下存在问题。

 ![屏幕截图 2020-03-11 晚上 8:20:11](https://global.discourse-cdn.com/meta/original/3X/8/3/831b1438c715c27abf960fbd326ac37154436e0b.jpeg)

---

<div class="post-metadata">

### Author: ![tohaitrieu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tohaitrieu/32/151338_2.png) [@tohaitrieu](https://meta.discourse.org/u/tohaitrieu)
#### Post date: [2020年三月12日 09:58 UTC](https://meta.discourse.org/t/fakebook-theme/109079/46 "2020-03-12T09:58:02Z")

</div>

你好 @awesomerobot  
如何在评论数量后添加主题浏览量？

谢谢！

 ![Screen Shot 2020-03-12 at 4.56.37 PM](https://global.discourse-cdn.com/meta/original/3X/f/d/fd7319464489701f2f74ab9cac7031560774ffcd.jpeg)

我不知道为什么我的论坛丢失了顶部菜单栏。

 ![Screen Shot 2020-03-12 at 9.40.31 PM](https://global.discourse-cdn.com/meta/original/3X/0/1/01e141e3ce701a76545e8b66dee8e88b732c2c0d.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020年三月12日 15:57 UTC](https://meta.discourse.org/t/fakebook-theme/109079/47 "2020-03-12T15:57:22Z")

</div>

> [@tohaitrieu](#):
>
> 我不知道为什么我的论坛丢失了头部菜单。

如果您打开浏览器的网页检查器，控制台里是否显示任何错误？您是否安装了其他主题或插件？此主题改动很大，因此它不太可能与许多插件或其他主题/组件兼容。

---

<div class="post-metadata">

### Author: ![ninjapenguin](https://avatars.discourse-cdn.com/v4/letter/n/b38774/32.png) [@ninjapenguin](https://meta.discourse.org/u/ninjapenguin)
#### Post date: [2020年三月23日 18:35 UTC](https://meta.discourse.org/t/fakebook-theme/109079/48 "2020-03-23T18:35:00Z")

</div>

玩了一会儿，非常开心。做得很棒。对我来说，“仅分类”设置是个问题，因为我的论坛是用板块（boxes）搭建的。有没有办法让 Fakebook 主题在启用该设置时，将论坛切换为仅分类模式？我打算让用户自行选择主题。或者，我们能否为不同主题设置不同的布局选项？

我还注意到侧边栏与大多数插件（如看板、活动等）兼容性不佳。我在想，未来它们能否变得动态化，这样当其他插件需要使用该区域时，侧边栏可以自动移开？或者一个低技术解决方案是：在角落添加一个小的“隐藏”图标。

---

<div class="post-metadata">

### Author: ![Michael\_SC](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@Michael\_SC](https://meta.discourse.org/u/Michael_SC)
#### Post date: [2020年四月20日 20:58 UTC](https://meta.discourse.org/t/fakebook-theme/109079/51 "2020-04-20T20:58:27Z")

</div>

太棒了！

如果我只使用品牌标题组件，将这个主题用于生产环境是否安全，能否确保运行无误？

另外，它在可预见的未来是否会持续更新？我觉得这个主题非常棒。

---

<div class="post-metadata">

### Author: ![gingerman](https://avatars.discourse-cdn.com/v4/letter/g/47e85d/32.png) [@gingerman](https://meta.discourse.org/u/gingerman)
#### Post date: [2020年四月21日 04:23 UTC](https://meta.discourse.org/t/fakebook-theme/109079/52 "2020-04-21T04:23:43Z")

</div>

这项工作太棒了，为你点赞。

但它在以下位置似乎尚未启用：

- 标签视图 — 例如：[https://meta.discourse.org/tag/theme-full](https://meta.discourse.org/tag/theme-full)
- 拥有子分类的分类 — 例如：[Support - Discourse Meta](https://meta.discourse.org/c/support/6)

---

<div class="post-metadata">

### Author: ![Michael\_SC](https://avatars.discourse-cdn.com/v4/letter/m/96bed5/32.png) [@Michael\_SC](https://meta.discourse.org/u/Michael_SC)
#### Post date: [2020年四月21日 06:57 UTC](https://meta.discourse.org/t/fakebook-theme/109079/54 "2020-04-21T06:57:29Z")

</div>

例如，我注意到在使用此主题时，分类描述看起来显得拥挤且缺乏吸引力，正如您在演示中所见：

 ![分类 - Discourse 主题创建器 - Google Chrome 4_20_2020 11_53_12 PM](https://global.discourse-cdn.com/meta/original/3X/6/3/6395e8546946e40f1cdbaef6385042fdfe3d42a0.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020年四月21日 12:17 UTC](https://meta.discourse.org/t/fakebook-theme/109079/55 "2020-04-21T12:17:36Z")

</div>

已有几个活跃网站在使用该主题。如果您发现任何问题，请在此处报告，我会在有空时处理。该主题是开源的，因此也欢迎其他开发者提出改进建议！

> [@Michael\_SC](#):
>
> 例如，我注意到使用此主题时，分类描述显得拥挤且不够美观，正如您在演示中所见：

正如原始帖子中所述，该主题仅适用于“仅分类”分类页面样式（不幸的是，我们的主题创建器网站上的主题预览无法设置不同的分类页面样式）。

我已在待办事项中添加了支持其他分类样式的计划，本周内我会尽量完成。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020年四月25日 02:22 UTC](https://meta.discourse.org/t/fakebook-theme/109079/56 "2020-04-25T02:22:07Z")

</div>

在此处进行了更新，增加了对所有分类页面样式的支持

> <https://github.com/discourse/Fakebook/commit/3e900d0673e3d36041c96e528cb94c1b10b92502>

 ![Screen Shot 2020-04-24 at 9.33.44 PM](https://global.discourse-cdn.com/meta/original/3X/9/6/964add7cd43d2a3855fd8f1df10a957146ad497b.png)

另外，正在开发对标签页面的支持，预计下周某个时候可以完成。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2020年四月29日 21:24 UTC](https://meta.discourse.org/t/fakebook-theme/109079/57 "2020-04-29T21:24:01Z")

</div>

我已添加对标签主题列表的支持。为了正确支持这些功能，我不得不修复 Discourse 本身中的一些不一致之处，因此如果您也需要使用此更新，请确保将 Discourse 更新到今天或之后的版本。

> <https://github.com/discourse/Fakebook/commit/7bf47cf4c58515b1bf33f71421f385f425e75f62>

---

<div class="post-metadata">

### Author: ![Joshua\_Kogan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joshua_kogan/32/127595_2.png) [@Joshua\_Kogan](https://meta.discourse.org/u/Joshua_Kogan)
#### Post date: [2020年七月29日 15:01 UTC](https://meta.discourse.org/t/fakebook-theme/109079/60 "2020-07-29T15:01:20Z")

</div>

你好 @awesomerobot，将本主题与 dev.to 进行比较，是否有一种方法可以在左侧显示所有分类列表，而不是通过下拉菜单？此外，我记得 Meta 曾测试过一种主题，允许用户关注分类以微调/指定其动态流——该功能是否可用？能否将其与 Fakebook 结合使用？

---

<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: [2020年八月18日 21:36 UTC](https://meta.discourse.org/t/fakebook-theme/109079/61 "2020-08-18T21:36:13Z")

</div>

秉承本主题灵感之源的足迹，Fakebook 现已迎来现代版更新！

这个新主题名为“Fakebook Modern”。

不过请放心！“Fakebook Classic”仍将供您继续享用 😄

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/c/bcccf6cd985e4776541d18738c47ddca15568a23.png)

一如既往，如果您发现任何看起来不对劲的地方，请随时告诉我们！

---

<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: [2020年八月27日 16:44 UTC](https://meta.discourse.org/t/fakebook-theme/109079/63 "2020-08-27T16:44:39Z")

</div>

你好，

我在 Fakebook 和现代 Fakebook 主题中遇到了问题，位于右侧边栏。此脚本不应加载给未登录的访客。有什么办法可以让此脚本仅对已登录用户加载吗？谢谢 🙂

```
<!-- 自定义侧边栏小部件 -->

<script type="text/discourse-plugin" version="0.8">
  const ajax = require('discourse/lib/ajax').ajax;

  let currentUser = Discourse.User.currentProp('username');

  api.registerConnectorClass('discovery-below', 'sidebar', {
    setupComponent(args, component) {
      ajax("/u/" + currentUser + "/summary.json").then (function(result){

        stinkinBadges = [];

        userLikesReceived = result.user_summary.likes_received;
        userLikesGiven = result.user_summary.likes_given;

        result.badges.forEach(function(badges){
          stinkinBadges.push(badges);
        });

        component.set('userLikesReceived', userLikesReceived);
        component.set('userLikesGiven', userLikesGiven);
        component.set('stinkinBadges', stinkinBadges);
        component.set('userName', api.getCurrentUser().name);
        component.set('user', api.getCurrentUser().username);

      });

    }

  });
</script>

```

错误代码如下：

 ![Screen Shot 2020-08-27 at 3.19.36 PM](https://global.discourse-cdn.com/meta/original/3X/7/2/72bbbf6c751805e1f94de65558039ecb96380330.png)

---

<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: [2020年八月27日 18:45 UTC](https://meta.discourse.org/t/fakebook-theme/109079/64 "2020-08-27T18:45:56Z")

</div>

大家好，

我刚完成了。它运行没有错误，但有人能检查一下我的代码是否正确吗？谢谢 🙂

```
<!-- 自定义侧边栏小部件 -->

<script type="text/discourse-plugin" version="0.8">
  const ajax = require('discourse/lib/ajax').ajax;
if(api.getCurrentUser() != null) {
  let currentUser = Discourse.User.currentProp('username');

  api.registerConnectorClass('discovery-below', 'sidebar', {
    setupComponent(args, component) {
      ajax("/u/" + currentUser + "/summary.json").then (function(result){

        stinkinBadges = [];

        userLikesReceived = result.user_summary.likes_received;
        userLikesGiven = result.user_summary.likes_given;

        result.badges.forEach(function(badges){
          stinkinBadges.push(badges);
        });

        component.set('userLikesReceived', userLikesReceived);
        component.set('userLikesGiven', userLikesGiven);
        component.set('stinkinBadges', stinkinBadges);
        component.set('userName', api.getCurrentUser().name);
        component.set('user', api.getCurrentUser().username);

      });

    }

  })};
</script>

```

---

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [2020年八月27日 22:57 UTC](https://meta.discourse.org/t/fakebook-theme/109079/65 "2020-08-27T22:57:51Z")

</div>

需要调整标题、文本和部分元素的位置

iPhone 6s

 ![imagem](https://global.discourse-cdn.com/meta/original/3X/c/2/c2796722c558fedf7db49e4181c74e361a50f66f.png)

---

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [2020年八月27日 23:00 UTC](https://meta.discourse.org/t/fakebook-theme/109079/66 "2020-08-27T23:00:20Z")

</div>

桌面

 ![desktop](https://global.discourse-cdn.com/meta/original/3X/2/2/22d28c56d9556eeb36b4bc0a0957016fc21f4a46.png)

---

<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: [2020年八月28日 07:24 UTC](https://meta.discourse.org/t/fakebook-theme/109079/67 "2020-08-28T07:24:21Z")

</div>

你好，  
创建一个主题组件，并将此代码添加到移动端的 CSS 中。

```
.regular .container.posts{
    width: 100%;
}

```

另一个是桌面端 CSS 中的 CTA 注册按钮：

```
.signup-cta{
    margin: 0;
}

```

---

<div class="post-metadata">

### Author: ![Eduardo\_Braga](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eduardo_braga/32/110348_2.png) [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [2020年八月28日 08:26 UTC](https://meta.discourse.org/t/fakebook-theme/109079/68 "2020-08-28T08:26:14Z")

</div>

> [@Don](#):
>
> 你好，  
> 创建一个主题组件，并将此代码添加到移动端的 CSS 中。

最好等待主题创作者进行更新。

---

<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: [2020年八月28日 08:33 UTC](https://meta.discourse.org/t/fakebook-theme/109079/69 "2020-08-28T08:33:47Z")

</div>

这就是我为什么说创建一个主题组件，因为当主题更新时你可以简单地删除它，在主题更新之前它都能正常工作。但如果你不想在生产环境中使用它，那就再等等吧。

---

<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: [2020年八月28日 14:43 UTC](https://meta.discourse.org/t/fakebook-theme/109079/70 "2020-08-28T14:43:17Z")

</div>

上述问题已修复。

@Don 感谢您指出用户在未登录的情况下仍可运行此脚本的问题。该问题也已修复。

[上一頁](https://meta.discourse.org/t/fakebook-theme/109079.md?page=2)

[下一頁](https://meta.discourse.org/t/fakebook-theme/109079.md?page=4)