深色模式，搜索，有用的帖子组件及更多 - xLog 每周总结 #14

刚出炉 🔥#

这是我们社区开发者最忙的一周，他们疯狂地向 xLog 提交拉取请求。

暗黑模式#

暗黑模式是一个令人难以置信的项目，是我们才华横溢的社区开发者共同努力的 “黑暗奇迹”。

暗黑模式会根据您的系统偏好自动切换，但页面底部也有一个手动切换按钮。

我们想提醒您在夜间使用电子设备时打开灯光，以保护您的眼睛。

致谢 @innei-4525 @suemor @daidr @365cent

代码更改: #312 #331 #332 #333 #335 #340 #341 #353

提及语法#

@xlog

为了帮助博主们轻松提及彼此，并在 xLog 中培养更强的社区感，我们引入了一种简单的提及语法。只需使用 '@' 符号后跟您想提及的用户的用户名（这也是子域名）。我们将很快在通知系统中添加提及通知。

代码更改: 9e2db05

APlayer 组件#

光るなら

Goose house

<audio src="ipfs://bafybeihjiyr5r6zawpartvqbaqkfbeyyehvz5sk6cvpd7g6ir7cz73yz5q" name="光るなら" artist="Goose house" cover="ipfs://bafkreia4ytkhiqbdxt7kh2x5brhihuuql3vcr6nbrqco2hacgkrahfj4vq" lrc="[00:15.440]雨上がりの虹も (雨过天晴的彩虹)" loop><audio>

APlayer 是一款备受赞誉的网页音频播放器，我们很高兴我们的社区开发者将其集成到 xLog 中。现在，只需将音频文件拖放到编辑器中，系统将读取并自动填写文件的封面、歌曲名称、艺术家及其他信息，然后上传到 IPFS。

支持的属性：

src
name
artist
cover
lrc
muted
autoplay
loop

致谢 @steveyu @doma-6565

代码更改: #349 0886273

Mermaid 组件#

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```\

Mermaid Loading...

Mermaid 是一个基于 JavaScript 的图表和图形工具，它将 Markdown 风格的文本定义动态渲染为图表。我们的社区开发者将这个出色的工具集成到 xLog 中。

图表语法: https://mermaid.js.org/

致谢 @innei-4525

代码更改: #309

搜索#

我们在整个平台和各个站点中添加了搜索功能，使读者能够快速找到感兴趣的内容。您可以在活动页面的右上角和每个站点上访问搜索功能。

代码更改: ccf4bdc 46fac4d

移动应用#

我们目前正在使用 React Native 开发移动应用，当然，这完全是开源的。您可以在这里找到它的 GitHub 仓库: https://github.com/Crossbell-Box/xLog-mobile

该应用仍处于开发的早期阶段，因此目前没有太多可以分享的内容。不过，请放心，它将很快可供下载。请关注我的 GitHub 以获取更新！

其他更新#

图片缩放，致谢 @innei-4525 #355 a6519df
分享到 Twitter 菜单项，致谢 @innei-4525 #342
三个新的编辑器快捷键，致谢 @daidr #338
多项性能优化，致谢 @daidr #358
优化打印模式，致谢 @innei-4525 #354
将站点链接添加到连接按钮下拉菜单 d0493b5
修复 Firefox 编辑器光标问题，致谢 @daidr #348

👏 向我们的社区开发者热烈鼓掌，xLog 是大家共同努力的结果。

与 xLog 保持联系#

如果您有任何建议或期望，或者只是想随便聊聊，请随时加入我们的社区或在下面留言。干杯！🍻