+
{ctx.$t('accountMergeNotice')}
+
+ {usernames.map((u) => (
+
selectUsername(u)}
+ >
+
{u}
+
+ ))}
+
+
+ {!targetName()
+ ? ctx.$t('accountMergeSelectOne')
+ : ctx.$t('accountMergeConfirm', { id: targetName() })}
+
+
{
+ onClose()
+ }}
+ onYes={() => {
+ confirmMerge()
+ }}
+ yesDisabled={() => !targetName()}
+ />
+ 
+
+用户可以通过邮箱注册账号，Artalk 将向用户邮箱发送一封带有验证码的邮件。验证码有效期为 10 分钟，验证码发送频率限制为 1 分钟一次。
+
+
+
+支持自定义验证码邮件模板和邮件标题，可在 Artalk 控制中心的设置页面的社交登录找到「邮箱验证邮件标题」、「邮箱验证邮件模板」选项进行设置。在配置文件中，可以通过 `auth.email.verify_subject` 和 `auth.email.verify_tpl` 进行设置：
+
+```yaml
+auth:
+ enabled: true
+ email:
+ enabled: true
+ verify_subject: "您的验证码是 - {{code}}"
+ verify_tpl: default
+```
+
+默认模版如下：
+
+```html
+您的验证码是：{{code}}。请使用它来验证您的电子邮件并登录到 Artalk。如果您没有请求此操作，请忽略此消息。
+```
+
+
+
+启用邮箱密码登录功能后，仍然可跳过邮箱验证：登录弹窗底部显示 “跳过，不验证” 按钮，点击后评论框顶部恢复为显示原有的昵称、邮箱、网址三个输入框。在设置中勾选「允许匿名评论」可以更改。
+
+## 账号合并工具
+
+登录后如果检测到相同的邮箱下有多个不同用户名的账号，将会弹出账号合并工具，用户可以选择保留其中一个用户名，该邮箱下的所有评论等数据合并到保留的账号下。原有的账号将被删除，评论显示的用户名将会变更为保留的用户名。
+
+
+
+## 多种登录方式
+
+Artalk 支持同时启用多种登录方式，用户可以选择任意一种方式登录。
+
+
+
+如果只启用了唯一一种登录，例如 GitHub 登录，将直接弹出 GitHub 的授权登录页面。
+
+
+
+接入 GitHub 登录可参考文档：[关于创建 GitHub 应用](https://docs.github.com/zh/apps/creating-github-apps/about-creating-github-apps/about-creating-github-apps)，得到 Client ID 和 Client Secret 后，填写到 Artalk 控制中心的设置页面的社交登录中的「GitHub」选项中即可。
+
+## 插件开发
+
+Artalk 的社交登录功能是通过独立的插件实现并采用 Solid.js 开发，代码可在 [@ArtalkJS/Artalk:ui/plugin-auth](https://github.com/ArtalkJS/Artalk/tree/master/ui/plugin-auth) 找到。
+
+在控制中心启用社交登录功能后，将自动在前端加载该插件。
diff --git a/docs/docs/guide/intro.md b/docs/docs/guide/intro.md
index e61c81792..0f04aedea 100644
--- a/docs/docs/guide/intro.md
+++ b/docs/docs/guide/intro.md
@@ -18,8 +18,9 @@
- Markdown 语法 + 代码高亮
- [通知中心](./frontend/sidebar.md) - 站内：侧边栏 + 红点标记
- - [多形式推送](./backend/admin_notify.md) - 站外：邮件、TG、钉钉、飞书 + 异步执行
+ - [多元推送](./backend/admin_notify.md) - 站外：邮件、TG、钉钉、飞书 + 异步执行
- [评论审核](./backend/moderator.md)：折叠 / 反垃圾 / 频率限制 / 滑动验证
+ - [社交登录](./frontend/auth.md)：邮箱密码、GitHub、Google 等多种登录方式
- [多站点](./backend/multi-site.md)：共用同一个后端程序，多站点集中化管理
- [表情包](./frontend/emoticons.md)：支持 OwO 格式 + 动态加载
- [Artrans](./transfer.md)：评论数据快速迁移 (导入 / 导出) 工具
diff --git a/docs/docs/images/auth/email_login.png b/docs/docs/images/auth/email_login.png
new file mode 100644
index 000000000..79092f7bb
Binary files /dev/null and b/docs/docs/images/auth/email_login.png differ
diff --git a/docs/docs/images/auth/email_register.png b/docs/docs/images/auth/email_register.png
new file mode 100644
index 000000000..1bbd15e1a
Binary files /dev/null and b/docs/docs/images/auth/email_register.png differ
diff --git a/docs/docs/images/auth/email_verified.png b/docs/docs/images/auth/email_verified.png
new file mode 100644
index 000000000..feb645918
Binary files /dev/null and b/docs/docs/images/auth/email_verified.png differ
diff --git a/docs/docs/images/auth/github_login.png b/docs/docs/images/auth/github_login.png
new file mode 100644
index 000000000..32f61b072
Binary files /dev/null and b/docs/docs/images/auth/github_login.png differ
diff --git a/docs/docs/images/auth/login_skip.png b/docs/docs/images/auth/login_skip.png
new file mode 100644
index 000000000..213cb7547
Binary files /dev/null and b/docs/docs/images/auth/login_skip.png differ
diff --git a/docs/docs/images/auth/merge_accounts.png b/docs/docs/images/auth/merge_accounts.png
new file mode 100644
index 000000000..8bcf99237
Binary files /dev/null and b/docs/docs/images/auth/merge_accounts.png differ
diff --git a/docs/docs/images/auth/multi_login.png b/docs/docs/images/auth/multi_login.png
new file mode 100644
index 000000000..d98e88dd1
Binary files /dev/null and b/docs/docs/images/auth/multi_login.png differ
diff --git a/docs/landing/src/components/Features/FullFeatureList.tsx b/docs/landing/src/components/Features/FullFeatureList.tsx
index fa8e5436e..92322c479 100644
--- a/docs/landing/src/components/Features/FullFeatureList.tsx
+++ b/docs/landing/src/components/Features/FullFeatureList.tsx
@@ -1,9 +1,10 @@
import React from 'react'
-import { TbLayoutSidebarRightExpandFilled, TbMailFilled, TbEyeFilled, TbTransformFilled, TbLocationFilled, TbCardsFilled, TbPhotoSearch, TbMath, TbPlug, TbLanguage, TbTerminal, TbApi } from 'react-icons/tb'
+import { TbLayoutSidebarRightExpandFilled, TbMailFilled, TbEyeFilled, TbTransformFilled, TbLocationFilled, TbCardsFilled, TbPhotoSearch, TbMath, TbPlug, TbLanguage, TbTerminal, TbApi, TbSocial } from 'react-icons/tb'
import { BiSolidNotification, BiSolidBadgeCheck } from 'react-icons/bi'
-import { RiRobot2Fill, RiUpload2Fill } from 'react-icons/ri'
+import { RiLoader4Fill, RiRobot2Fill, RiUpload2Fill } from 'react-icons/ri'
import { BsFillShieldLockFill } from 'react-icons/bs'
import { PiSmileyWinkBold } from 'react-icons/pi'
+import { GrUpgrade } from 'react-icons/gr'
interface FuncItem {
icon: React.ReactNode
@@ -43,6 +44,12 @@ const FuncList: FuncItem[] = [
desc: '内容检测、垃圾拦截',
link: 'https://artalk.js.org/guide/backend/moderator.html'
},
+ {
+ icon: