` 後面。如果樣式具有較高優先權，它應該可以覆蓋掉其他樣式。例如，如果你想給你的登錄頁面一種 **_Night City_** 的感覺，試試這個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: '歡迎來到 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` 屬性中看到一個雜湊值（例如帶有 `vUugRG_container` 的 `<div>`）。要覆蓋這些，你可以使用 `$=` CSS 選擇器來匹配結尾帶有特定值的元素。在這種情況下，它應該是 `div[class$=container]`。 </Note> ### 🔗 更好的配置介面的開放標準連接器 Logto 現在支持標準協議（SAML、OIDC 和 OAuth 2.0）用於創建社交連接器以整合外部身份提供者。每種協議可以創建多個社交連接器，讓你對你的訪問需求有更多的控制權。另外，我們優化了 SAML 連接器的配置界面。試試它，告訴我們你的感受！ ### 📄 新語言新增了俄文翻譯。（感謝 [@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 使用單一埠為普通用戶和管理員以及 Web 管理台提供服務。雖然我們持續維護高水平的安全性，但還是將這些組件分解為兩個獨立的部分，以保持數據的隔離並提供靈活的基礎設施。 ![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 我們致力於改善用戶的登入體驗，並為用戶界面提供品牌色選項。然而，我們知道微調用戶界面的需求可能是不可預測的。雖然 Logto 仍在探索最佳的自定義選擇，我們希望提供一種編程方法來打通你的開發。你現在可以透過 Management API `PATCH /api/sign-in-exp` 設置 `{"customCss": "任意字符串"}`，這樣就可以為登錄體驗設置自定義CSS。你應該看到自定義的 `customCss` 的值附加在頁面的 `` 後面。如果樣式具有較高優先權，它應該可以覆蓋掉其他樣式。例如，如果你想給你的登錄頁面一種 **_Night City_** 的感覺，試試這個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: '歡迎來到 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` 屬性中看到一個雜湊值（例如帶有 `vUugRG_container` 的 `<div>`）。要覆蓋這些，你可以使用 `$=` CSS 選擇器來匹配結尾帶有特定值的元素。在這種情況下，它應該是 `div[class$=container]`。 </Note> ### 🔗 更好的配置介面的開放標準連接器 Logto 現在支持標準協議（SAML、OIDC 和 OAuth 2.0）用於創建社交連接器以整合外部身份提供者。每種協議可以創建多個社交連接器，讓你對你的訪問需求有更多的控制權。另外，我們優化了 SAML 連接器的配置界面。試試它，告訴我們你的感受！ ### 📄 新語言新增了俄文翻譯。（感謝 [@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>