跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[问与答] 如何在 Hexo 搭建的 Blog 中优雅地展示聊天记录🧐

发表于

鄙人最近在写回忆或者说总结类文章

在讲到一些事件的时候,感觉把当时群聊里的一些聊天记录也放上去能很好地丰富细节或者增加代入感

(当然也会隐去一些个人信息,并在适当的时候征求同意)

但是一直没有比较好的展示形式

我之前一直是放截图,但是有时候记录的确有些长,这时我就会放到折叠栏里,按一下才会展开

但是感觉还是不够优雅,我希望就能像我转发了个消息记录给你看一样👀

kmvLRFt.png

有一个按钮,然后按一下能弹出一个小窗口,然后能在里面滚动

urqt2RL.png

我从未见过这样的实现,我也不知道有没有方法能做到这个效果🧐

我想可能的一个途径是做一个插件然后在 hexo 里装上,就能有一个 tag 能让我直接使用

例如这个 tag 是可以类似于这样的语法

Butterfly 安裝文檔(三) 主題配置-1 | Butterfly

我能在里面插入一些结构化的内容,来描述这个聊天记录,这样就能渲染出来

但是我是纯后端,前端只能说是真的不是很懂,所以可能有佬能做出这样的内容?

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.