` 之后。如果样式具有高优先级，应该能够覆盖。例如，如果你希望给你的登录页面一种 **“夜之城”** 的感觉，尝试以下 CSS： <details> <summary> <b>点击展开 CSS 和预览</b> </summary> ```css @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/rocksalt/v18/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Share Tech'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sharetech/v17/7cHtv4Uyi5K0OeZ7bohU8H0JmBUhfrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #app * { font-family: 'Share Tech'; letter-spacing: 0.5px; } #app > div[class$='viewBox'] { background-image: url(https://silverhand.io/assets/v-in-nc.jpg); background-size: cover; } #app main[class$='main'] { background-image: url(https://silverhand.io/assets/gentle-universe.png); background-size: cover; opacity: 0.98; min-height: initial; padding: 24px; padding-bottom: 72px; border-radius: 12px; } #app main[class$='main'] img[class$='logo'] { content: url(https://silverhand.io/assets/cyberpunk-2077.png); margin: -20px 0 -12px; height: 160px; } #app main[class$='main'] div[class$='headline'] { visibility: hidden; height: 60px; } #app main[class$='main'] div[class$='headline']:before { content: 'Welcome to Night City'; visibility: visible; display: block; font-family: 'Rock Salt'; font-style: italic; line-height: 60px; font-size: 20px; color: rgba(245, 250, 255, 0.6); padding: 0 20px; } #app form div[class$='inputField'] > div { outline: none; border: none; border-radius: 4px; } #app form div[class$='inputField'] > div > input, #app form div[class$='inputField'] div[class$='countryCodeSelector'] { background: initial; background-color: #453f67; font-family: 'Share Tech'; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; } #app button { font-weight: 600; font-size: 16px; border-radius: 4px; } #app button[type='submit'] { background: linear-gradient(270.84deg, #2fd6fb -24.55%, #6369fc 44.33%, #a741eb 119.2%), #5d34f2; } ``` ![custom-css-preview](https://user-images.githubusercontent.com/14722250/221394786-4ae77638-8f35-4791-afae-8ab6a314dbf8.jpg) _“我们有一座城市要燃烧！”_ </details> <Note> 由于 Logto 使用 CSS 模块，你可能会在 DOM 元素的 `class` 属性中看到 hash 值（例如 `<div>` 带有 `vUugRG_container`）。要覆盖这些，你可以使用 `$=` CSS 选择器来匹配以指定值结尾的元素。在这种情况下，它应该是 `div[class$=container]`。 </Note> ### 🔗 更好的配置界面的开放标准连接器 Logto 现在支持标准协议（SAML, OIDC 和 OAuth 2.0）用于创建社交连接器，以集成外部身份提供商。每个协议可以创建多个社交连接器，使你对访问需求有更多的控制。此外，我们优化了 SAML 连接器的配置界面。试试它并告诉我们你的感受！ ### 📄 新语言添加了俄语翻译。（Credit [@evist0](https://github.com/evist0)） ## 🎉 新贡献者 - [@Alanimdeo](https://github.com/Alanimdeo）在 [#3064](https://github.com/logto-io/logto/pull/3064）中做出了首次贡献 - [@gadkins](https://github.com/gadkins）在 [#3032](https://github.com/logto-io/logto/pull/3032）中做出了首次贡献 - [@evist0](https://github.com/evist0）在 [#3158](https://github.com/logto-io/logto/pull/3158）中做出了首次贡献 - [@muratgozel](https://github.com/muratgozel）在 [#3203](https://github.com/logto-io/logto/pull/3203）中做出了首次贡献谢谢你们！ </article></body></html>

虽然 Logto Cloud 仍在建设中，我们希望向大家介绍一些我们基础部分 Logto OSS 的新功能。这将是普遍可用之前的最后一个版本。显著更新包括： - 重构基础设施并增强安全性 - 智能输入和自定义 CSS 添加到登录体验 - 开放标准连接器（SAML, OIDC, 和 OAuth 2.0） - 新语言支持让我们来看看里面有什么！ ## 💥 重大更改 💥 ### 解耦普通用户和管理员 Logto 曾使用一个端口服务普通用户和管理员，以及网络控制台。虽然我们一直保持高水平的安全性，但将这些组件分解为两个独立的部分仍然是一个好主意，以便保持数据隔离并提供灵活的基础设施。 ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) 从这个版本开始，Logto 现在默认监听两个端口，一个用于普通用户（`3001`），一个用于管理员（`3002`）。

‼️ 点击展开详细信息

- 对于普通用户，没有变化。不需要做出适应。 - 对于管理员用户： - 默认的管理员控制台 URL 已更改为 `http://localhost:3002/console`。 - 若要更改管理员端口，请设置环境变量 `ADMIN_PORT`。例如，`ADMIN_PORT=3456`。 - 你可以通过设置环境变量 `ADMIN_ENDPOINT` 指定管理员的自定义端点。例如，`ADMIN_ENDPOINT=https://admin.your-domain.com`。 - 现在可以通过设置 `ADMIN_DISABLE_LOCALHOST=1` 并将 `ADMIN_ENDPOINT` 留空，完全禁用管理员端点。 - 管理员控制台和管理员用户数据无法通过普通用户端点访问，包括环境中的 `localhost` 和 `ENDPOINT`。 - 管理员控制台不再显示管理员用户的审计日志。然而，这些日志仍然存在于数据库中，Logto 仍然插入管理员用户日志。只是没有便捷的界面来查看它们。 - 由于数据隔离，仪表板上的数字可能会轻微下降（排除了管理员）。 - Logto 管理 API 的资源指示器从 `https://api.logto.io` 更改为 `https://default.logto.app/api`。

如果你从以前的版本升级，只需像往常一样运行[数据库更改命令](https://docs.logto.io/docs/tutorials/using-cli/database-alteration)，剩下的我们会处理。在幕后，我们使用强大的 Postgres 功能行级安全性来隔离管理员和用户数据。 ### CORS 政策 - 如果没有指定 `ADMIN_ENDPOINT`，则 `localhost:[admin-port]` 将被允许在 Logto 中执行跨域资源共享（CORS）。 - 如果指定了 `ADMIN_ENDPOINT`，则只允许来自 `ADMIN_ENDPOINT` 来源的请求。 ## 🔐 安全更新在以往版本中，注册或更改密码时，所有新密码在加密并插入数据库之前，都会以明文形式存储在审计日志中。在该版本中，我们更新了流程，在插入审计日志前完全屏蔽密码字段。为了提高安全性和合规性，我们强烈建议删除所有密码日志或删除包含密码的所有日志。如果你对该问题或数据删除有任何疑问，请随时通过电子邮件或 Discord 联系我们。 ## 🧑‍🚀 功能更新 ### 💡 登录体验的智能输入我们将传统的用户名、电话号码和电子邮件输入字段集成到一个智能输入框中：

该高级输入框会自动识别你输入的字符类型，例如 `@` 符号或连续数字，并提供相关错误反馈。通过简化登录过程，用户不再需要浪费时间去猜测要单击哪个按钮来切换他们想要的登录方式。这减少了错误的风险，并确保更顺畅的登录体验。 ### 🎨 登录体验中的自定义 CSS 我们在改善用户登录体验方面投入了大量精力，并为 UI 提供了品牌颜色选项。然而，我们知道精细调整 UI 需求可能难以预测。虽然 Logto 仍在探索最佳的自定义选项，但我们希望提供一种编程方法来畅通你的开发。你现在可以使用管理 API `PATCH /api/sign-in-exp`，其主体为 `{ "customCss": "arbitrary string" }`，设置登录体验的自定义 CSS。你应该看到 `customCss` 的值附加在页面的 `` 之后。如果样式具有高优先级，应该能够覆盖。例如，如果你希望给你的登录页面一种 **“夜之城”** 的感觉，尝试以下 CSS： <details> <summary> <b>点击展开 CSS 和预览</b> </summary> ```css @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/rocksalt/v18/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Share Tech'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sharetech/v17/7cHtv4Uyi5K0OeZ7bohU8H0JmBUhfrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #app * { font-family: 'Share Tech'; letter-spacing: 0.5px; } #app > div[class$='viewBox'] { background-image: url(https://silverhand.io/assets/v-in-nc.jpg); background-size: cover; } #app main[class$='main'] { background-image: url(https://silverhand.io/assets/gentle-universe.png); background-size: cover; opacity: 0.98; min-height: initial; padding: 24px; padding-bottom: 72px; border-radius: 12px; } #app main[class$='main'] img[class$='logo'] { content: url(https://silverhand.io/assets/cyberpunk-2077.png); margin: -20px 0 -12px; height: 160px; } #app main[class$='main'] div[class$='headline'] { visibility: hidden; height: 60px; } #app main[class$='main'] div[class$='headline']:before { content: 'Welcome to Night City'; visibility: visible; display: block; font-family: 'Rock Salt'; font-style: italic; line-height: 60px; font-size: 20px; color: rgba(245, 250, 255, 0.6); padding: 0 20px; } #app form div[class$='inputField'] > div { outline: none; border: none; border-radius: 4px; } #app form div[class$='inputField'] > div > input, #app form div[class$='inputField'] div[class$='countryCodeSelector'] { background: initial; background-color: #453f67; font-family: 'Share Tech'; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; } #app button { font-weight: 600; font-size: 16px; border-radius: 4px; } #app button[type='submit'] { background: linear-gradient(270.84deg, #2fd6fb -24.55%, #6369fc 44.33%, #a741eb 119.2%), #5d34f2; } ``` ![custom-css-preview](https://user-images.githubusercontent.com/14722250/221394786-4ae77638-8f35-4791-afae-8ab6a314dbf8.jpg) _“我们有一座城市要燃烧！”_ </details> <Note> 由于 Logto 使用 CSS 模块，你可能会在 DOM 元素的 `class` 属性中看到 hash 值（例如 `<div>` 带有 `vUugRG_container`）。要覆盖这些，你可以使用 `$=` CSS 选择器来匹配以指定值结尾的元素。在这种情况下，它应该是 `div[class$=container]`。 </Note> ### 🔗 更好的配置界面的开放标准连接器 Logto 现在支持标准协议（SAML, OIDC 和 OAuth 2.0）用于创建社交连接器，以集成外部身份提供商。每个协议可以创建多个社交连接器，使你对访问需求有更多的控制。此外，我们优化了 SAML 连接器的配置界面。试试它并告诉我们你的感受！ ### 📄 新语言添加了俄语翻译。（Credit [@evist0](https://github.com/evist0)） ## 🎉 新贡献者 - [@Alanimdeo](https://github.com/Alanimdeo）在 [#3064](https://github.com/logto-io/logto/pull/3064）中做出了首次贡献 - [@gadkins](https://github.com/gadkins）在 [#3032](https://github.com/logto-io/logto/pull/3032）中做出了首次贡献 - [@evist0](https://github.com/evist0）在 [#3158](https://github.com/logto-io/logto/pull/3158）中做出了首次贡献 - [@muratgozel](https://github.com/muratgozel）在 [#3203](https://github.com/logto-io/logto/pull/3203）中做出了首次贡献谢谢你们！ </article></body></html>