# 仿Facebook主题 **URL:** \ **Category:** Theme\ **Tags:** official, fakebook-theme\ **Created:** [2019 年2 月 13 日 20:18 UTC](https://meta.discourse.org/t/fakebook-theme/109079 "2019-02-13T20:18:45Z")\ **Posts on this page:** 20\ **Page:** 6
作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ 发布日期： [2021 年3 月 19 日 11:31 UTC](https://meta.discourse.org/t/fakebook-theme/109079/113 "2021-03-19T11:31:19Z")
借助布局插件、自选侧边栏以及 TLP（TC）或 TLThumb，您完全可以快速实现上述大部分功能。 ---
作者： ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)\ 发布日期： [2021 年3 月 19 日 11:33 UTC](https://meta.discourse.org/t/fakebook-theme/109079/114 "2021-03-19T11:33:43Z")
是的，没错。我希望能给它一个专属的主题。不过我会照你说的做，谢谢。 ---
作者： ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\ 发布日期： [2021 年3 月 19 日 12:26 UTC](https://meta.discourse.org/t/fakebook-theme/109079/115 "2021-03-19T12:26:23Z")
我认为那是不可能的，因为那是生成的缩略图或帖子的首张图片。 ---
作者： ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)\ 发布日期： [2021 年3 月 19 日 21:36 UTC](https://meta.discourse.org/t/fakebook-theme/109079/116 "2021-03-19T21:36:14Z")
那样的话，最好不为视频生成缩略图，而是直接从 YouTube/Vimeo 嵌入。 ---
作者： ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)\ 发布日期： [2021 年3 月 19 日 21:43 UTC](https://meta.discourse.org/t/fakebook-theme/109079/117 "2021-03-19T21:43:48Z")
> [@merefield](#): > > Layouts 插件 + 任意侧边栏 + TLP（TC） 这个选项是否包含用户墙，还是需要 TLP 插件才能实现？如果我说错了请纠正我，但 TLP 插件是否会导致侧边栏干扰主题的显示？ 看起来对于内容不多但正在成长的新站点来说，TLP（TC）似乎是最佳选择，对吗？ ---
作者： ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ 发布日期： [2021 年3 月 19 日 22:00 UTC](https://meta.discourse.org/t/fakebook-theme/109079/118 "2021-03-19T22:00:58Z")
TC 主题对侧边栏有良好的响应支持，并包含作品集/用户墙功能。建议您在“插件”主题中进一步讨论该问题。 ---
作者： ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)\ 发布日期： [2021 年3 月 19 日 23:27 UTC](https://meta.discourse.org/t/fakebook-theme/109079/119 "2021-03-19T23:27:15Z")
这是一个艰难的选择。🤔 Fakebook 主题仅支持 TLP（TC），不支持 TLP（插件）。 不过，在 Fakebook 主题中，话题列表是单列排列的。 由于 Chrome（桌面版）存在 1000 行的限制，在我的情况下，显示 30 篇帖子后，帖子就会相互重叠。 （两列布局 → 约 60 篇帖子，三列布局 → 约 90 篇帖子） 因此，我更倾向于使用布局插件配合侧边栏，再加上 TLP（插件）。🥳 ---
作者： ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)\ 发布日期： [2021 年3 月 19 日 23:32 UTC](https://meta.discourse.org/t/fakebook-theme/109079/120 "2021-03-19T23:32:29Z")
> [@lhkjacky](#): > > 这就是为什么我更喜欢使用布局插件来设置侧边栏，再加上 TLP 插件。 你选择 TLP 插件仅仅是因为那个 Chrome 的 bug，没有其他原因，对吗？否则你会使用 TLP TC？ ---
作者： ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)\ 发布日期： [2021 年3 月 20 日 00:13 UTC](https://meta.discourse.org/t/fakebook-theme/109079/121 "2021-03-20T00:13:48Z")
> [@Zup](#): > > TLP 插件只是因为那个 Chrome 的 bug，没有其他原因，对吧？ 这确实是主要原因。🥰 Fakebook 主题的设计独特、有趣且引人入胜。🥳 但如果你需要功能更丰富的侧边栏，你可能会更喜欢布局插件。 ---
作者： ![hyd504](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hyd504/32/177122_2.png) [@hyd504](https://meta.discourse.org/u/hyd504)\ 发布日期： [2021 年3 月 24 日 16:15 UTC](https://meta.discourse.org/t/fakebook-theme/109079/122 "2021-03-24T16:15:52Z")
在 iPhone 的 Safari 浏览器中，使用 Fakebook 主题时，用户点击后退按钮返回首页，页面无法保持原有位置。点击后退后，时间线会滚动到随机位置，导致页面无法正常使用。我理解 Safari 本就不推荐用于此场景，但不幸的是，添加到主屏幕的网站仍会调用 Safari 的渲染引擎。我尝试在 Meta 上使用的标准主题中复现此问题，但未能成功。此外，该问题仅出现在 Safari 中，Chrome 浏览器则不受影响。 此问题至关重要，因为它直接影响通过主屏幕按钮访问网站的用户体验。 @awesomerobot ---
作者： ![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)\ 发布日期： [2021 年4 月 8 日 14:02 UTC](https://meta.discourse.org/t/fakebook-theme/109079/124 "2021-04-08T14:02:45Z")
嗨 @Don，我非常喜欢你的网站。你是怎么在页面顶部添加那些链接按钮（我猜是横幅）的？ ---
作者： ![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)\ 发布日期： [2021 年4 月 8 日 14:48 UTC](https://meta.discourse.org/t/fakebook-theme/109079/125 "2021-04-08T14:48:25Z")
我正在运行 Fakebook Modern 主题，并已删除了站点上的所有插件，但左侧边栏出现了以下问题： ![Screen Shot 2021-04-08 at 10.44.18 AM](https://global.discourse-cdn.com/meta/original/3X/b/b/bb0c1b8e820ac87b7c482c3796ac5148239c7f4e.png) 此外，我的主题底部也出现了问题——按钮和控件被强制靠左显示： ![Screen Shot 2021-04-08 at 10.46.51 AM](https://global.discourse-cdn.com/meta/original/3X/0/f/0fb3189250375391762e37ed02efad8e0a7000c8.png) 如何解决这些问题？ ---
作者： ![sok777](https://avatars.discourse-cdn.com/v4/letter/s/82dd89/32.png) [@sok777](https://meta.discourse.org/u/sok777)\ 发布日期： [2021 年4 月 22 日 16:51 UTC](https://meta.discourse.org/t/fakebook-theme/109079/126 "2021-04-22T16:51:45Z")
@awesomerobot 再次非常感谢你提供这个出色的主题。 我遇到了一个 bug：如果我想在分类页面顶部显示子分类，那么下方主题列表会变得 **极其** 狭窄。不知原因何在。 有什么变通办法吗？ ---
作者： ![daniyal](https://avatars.discourse-cdn.com/v4/letter/d/58f4c7/32.png) [@daniyal](https://meta.discourse.org/u/daniyal)\ 发布日期： [2021 年5 月 2 日 14:36 UTC](https://meta.discourse.org/t/fakebook-theme/109079/127 "2021-05-02T14:36:53Z")
@awesomerobot 我在主题方面遇到一个小问题。在使用 Fakebook 时，邀请面板中选中选项卡的文字无法辨认。 ![Capture](https://global.discourse-cdn.com/meta/original/3X/1/7/17cc3f6db9ab66dea076b68872d3982c82f4aac9.jpeg) 我也为此提交了一个拉取请求： > > > Hi, > The background color and text color of selected option is same in invited …panel of discourse > > !\[image\](https://user-images.githubusercontent.com/37538929/116001616-b61c6800-a60e-11eb-9881-ef5a63efc420.png) 麻烦您查看一下，谢谢。 ---
作者： ![png](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/png/32/332783_2.png) [@png](https://meta.discourse.org/u/png)\ 发布日期： [2021 年5 月 5 日 14:14 UTC](https://meta.discourse.org/t/fakebook-theme/109079/128 "2021-05-05T14:14:16Z")
谷歌先是想让用户爱上 Google+，随后又将其弃之不顾。不过言归正传，这个想法非常棒，Google+ 的用户界面相当不错。 ---
作者： ![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)\ 发布日期： [2021 年5 月 10 日 19:03 UTC](https://meta.discourse.org/t/fakebook-theme/109079/129 "2021-05-10T19:03:00Z")
这些问题的修复已包含在我对主题（Fakebook Modern）的最新更新中。 ---
作者： ![thegurjyot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thegurjyot/32/120516_2.png) [@thegurjyot](https://meta.discourse.org/u/thegurjyot)\ 发布日期： [2021 年5 月 25 日 09:43 UTC](https://meta.discourse.org/t/fakebook-theme/109079/130 "2021-05-25T09:43:50Z")
> [@thegurjyot](#): > > > [@Johani](#): > > > > 你之前从未需要编辑主题的 CSS 来投放自家广告。你应该创建一个新的主题组件，将你的 CSS 放入其中，然后将其添加到主题中。 > > 这确实是一个合理的观点，我会确保尽快在我的网站上进行更改。 > > > [@Johani](#): > > > > 这是一个潜在的改进 👍 > > > > > 你能告诉我你在哪里看到这个问题的吗？ > > 这里有一张图片展示了该问题。你还会看到类别前面的“#”符号也存在某种对齐错误。 这些问题仍然存在。能否请有人修复一下，让这个主题变得更加实用？ ---
作者： ![haffax7](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/haffax7/32/123146_2.png) [@haffax7](https://meta.discourse.org/u/haffax7)\ 发布日期： [2021 年6 月 26 日 21:59 UTC](https://meta.discourse.org/t/fakebook-theme/109079/131 "2021-06-26T21:59:25Z")
我想在这个主题中使用 [Discourse Reactions](https://meta.discourse.org/t/discourse-reactions-beyond-likes/183261)。 能否请有人更新列表页面以显示 Discourse Reactions？ ---
作者： ![rsmithlal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rsmithlal/32/220716_2.png) [@rsmithlal](https://meta.discourse.org/u/rsmithlal)\ 发布日期： [2021 年7 月 19 日 14:36 UTC](https://meta.discourse.org/t/fakebook-theme/109079/132 "2021-07-19T14:36:59Z")
我也注意到了这个问题。当开启分类的子分类时，格式会出错。我通过使用自定义主题组件中的以下 SCSS 代码，修正了部分格式问题，使其显示得较为合理： ```css body.categories-list.category { .category-heading { p { font-size: var(--font-up-1); } } table.topic-list tr.topic-list-item > div.main-link { display: table-cell; width: 100%; .link-middle-line > .topic-image { margin: 10px 0; > img { width: 100%; } } } } ``` 不过，要让它完全恢复正常行为，还需要做一些工作。我认为这是主题中的一个 bug。我会在有空时查看一下，看看能否定位问题并修复它。我希望能够显示子分类，但在当前代码版本中这是不可能的。 @awesomerobot 请告诉我我能如何帮忙 =) 如果你有任何建议或想法，我洗耳恭听。 ---
作者： ![楚人西](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/%E6%A5%9A%E4%BA%BA%E8%A5%BF/32/226960_2.png) [@楚人西](https://meta.discourse.org/u/%E6%A5%9A%E4%BA%BA%E8%A5%BF)\ 发布日期： [2021 年8 月 6 日 12:01 UTC](https://meta.discourse.org/t/fakebook-theme/109079/133 "2021-08-06T12:01:54Z")
空间布局不合理，分类选择居然占了三分之一的宽度！或许重新调整下界面中各个组件的比例会更好。 另外，能否单独将topic样式单独做成一个组件？我喜欢这样直接显示部分内容和图片的展示方式。 The space layout is unreasonable, and the classification selection actually accounts for one-third of the width! Perhaps it would be better to re-adjust the proportions of the various components in the interface. In addition, can the topic style be made into a component separately? I like this way of displaying part of the content and pictures directly. [上一页](https://meta.discourse.org/t/fakebook-theme/109079.md?page=5) [下一页](https://meta.discourse.org/t/fakebook-theme/109079.md?page=7)