📝 使用者單獨描述指南

「使用者單獨描述」是一項讓你自由設計角色介紹頁面，向使用者展示內容的功能。

填寫額外說明後，角色頁面會顯示這段內容，取代原本的世界觀與角色說明。你可以整理想公開的資訊，也可以運用 Markdown 和 HTML，打造符合角色氛圍的介紹頁面。

單獨描述中的內容不會加入角色的提示詞。 如果有希望 AI 記住或在對話中採用的設定，請填寫在世界觀、角色說明等設定欄位中。

以下內容以角色的使用者單獨描述為準。聊天訊息與小工具可使用的程式碼和處理方式可能不同，請注意區分。

• 單獨描述最多可填寫 15,000 個字元。

• 除了畫面上顯示的文字，Markdown 符號、HTML 標籤、樣式、圖片網址、空格與換行也都會計入字數。

• 某些表情符號與特殊字元即使看起來只有一個字，也可能被計算為多個字元。最終字數請以輸入欄位顯示的數值為準。

• 使用 AI 撰寫時，請要求它以「最後要貼入輸入欄位的完整內容為基準確認字數」，避免只計算文章內容。若使用 JavaScript 計算，請以字串的 length 為準。

建議預留一些空間，方便之後修改或翻譯。例如，可以先以 14,000 個字元左右為目標，再補充需要的內容。

Q. 想放進介紹中的內容太多，怎麼辦？

使用說明或創作者留言等內容，可以分開填寫在「創作者評論」中。創作者評論可單獨輸入最多 30,000 個字元。

若要在這兩個欄位中拆分撰寫 HTML 程式碼，請確保各自填入完整的 HTML 結構。不能在單獨描述中開啟標籤，再到創作者評論中關閉標籤。

Markdown 是一種利用簡單符號來呈現標題、強調、目錄等格式的撰寫方式。想讓內容清楚易讀，又不需要背景色或複雜排版時，就可以使用 Markdown。

額外說明支援以下 Markdown 語法。

標題可以使用 1 到 6 個 # 來區分層級。撰寫標題、目錄與引用文字時，請在符號後加上一個空格。

一般正文中，按一次 Enter 就會換行。想分成不同段落時，請插入空白行。在標題、目錄、引用文字與分隔線的前後加入空白行，也會更容易區分內容。

表格可以像下面這樣撰寫。

| 項目 | 內容 |
| --- | --- |
| 姓名 | 角色名稱 |
| 職業 | 角色的職業 |

如果想原樣展示多行程式碼，請在內容前後各用獨立的一行輸入三個反引號。這項功能是用來顯示程式碼本身，不會執行程式碼，也不會將它套用成設計樣式。

可以複製以下範例，再依照角色設定修改。請只將程式碼區塊中的內容貼入輸入欄位。

只使用 Markdown，較難精細指定背景色、邊框、字體大小或多欄排版。如果需要這些設計，請使用 HTML 撰寫方式。

使用 HTML，可以自行設定背景色、間距、邊框與圖片排列等，打造角色的介紹頁面。

不過，HTML 會先經過處理，只保留允許的標籤與屬性後再顯示。因此，能在一般網頁運作的程式碼，不一定都能套用。

直接撰寫 HTML 時，請使用以下標籤。

以下標籤不在自訂 HTML 的允許目錄中。

<section>, <article>, <header>, <footer>
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>
<table>, <ul>, <ol>, <li>
<details>, <summary>
<button>, <input>
<svg>, <canvas>

如果想製作標題或表格樣式的版面，請使用 <div>、<span> 搭配樣式。獨立描述內不支援使用 <details> 與 <summary> 製作的收合、展開功能。

以 Markdown 撰寫的標題、目錄與表格會另外處理。能用 Markdown 顯示某種元素，不代表也能直接使用對應的 HTML 標籤。

Q. 可以插入 YouTube 影片嗎？

YouTube 嵌入影片屬於例外支援的功能。使用以下網址格式的有效 <iframe> 程式碼，會轉換為專用播放器。

• https://www.youtube.com/embed/影片ID

• https://www.youtube-nocookie.com/embed/影片ID

不支援使用 <iframe> 嵌入一般網頁。嵌入 YouTube 影片時，原始程式碼中的樣式或設定也可能無法完整保留。

如果想設定背景色、間距、邊框等樣式時，請在各個標籤的 style 屬性中撰寫 CSS。這種方式稱為「行內樣式」。

<div style="background:#f5f1eb;color:#302b26;padding:20px;border-radius:12px;">請輸入內容。</div>

行內樣式可以設定顏色、背景、間距、邊框、圓角、陰影、字體大小與行距等，也可以使用 Flex 或 Grid 排版。

position、transform、filter 也不是一律禁止的屬性。不過，某些屬性在不同瀏覽器或 App 中的顯示效果可能不同，請在實際畫面中確認。

以下方式無法使用。

• 使用 <style> 標籤或外部 CSS 檔案定義樣式

• 需要執行 JavaScript 的方式，例如 <script>、onclick、onmouseover

• 需要額外執行環境或外部函式庫的方式，例如 React、JSX、Tailwind、Bootstrap

• 需要另外定義 CSS 規則的方式，例如 @media、@font-face、@keyframes、:hover、::before

只填寫 class 名稱，不會自動套用設計。 請勿依賴平台內部的類別，而是將所需的樣式寫在各個標籤的 style 屬性中。

Q. 可以使用自己喜歡的字體嗎？

可以透過使用 font-family 指定字體。不過，只填寫字體名稱，不會自動下載該字體。

請同時指定預設字型或替代字型，確保在未安裝指定字型的環境中，文字仍能正常顯示。

單獨描述也會經過 Markdown 處理。因此，程式碼中的縮排與換行，可能會讓 HTML 無法呈現預期的樣式，而是直接顯示程式碼。

撰寫 HTML 時，請參考以下注意事項。

• 請在標籤之間按一次 Enter 換行。 不需要把所有程式碼擠在同一行。

• 請不要在行首使用 Tab 或四個以上的空格縮排。 尤其是空白行後方的縮排程式碼，可能被辨識為 Markdown 程式碼區塊。請 AI 協助撰寫時，建議明確告知「請勿在行首加入縮排」。

• 請避免在 HTML 中加入多餘的空白行。空白行不一定會造成錯誤，但可能影響 Markdown 的解析範圍。

• 如果 AI 提供的 HTML 包在程式碼區塊中，請只複製區塊內的 HTML。若要呈現設計樣式，請勿將開頭與結尾的三個反引號，以及開頭的 html 標記一起貼入輸入框。

• 請勿在標籤前加上反斜線，例如 \<div>，也不要使用將標籤轉為文字的寫法，例如 <div>。實際的 HTML 標籤應寫成 <div>。

• 請確認引號與標籤都有完整閉合。屬性值請使用半形直引號 " 或 '。

• 在 HTML 內，請使用 <strong>強調</strong>，不要使用 **強調** 等 Markdown 語法。HTML 內的 Markdown 可能不會轉換，而是直接顯示原始文字。

為了方便閱讀 HTML 程式碼而加入的換行，與畫面上實際顯示的換行並不相同。

在 HTML 程式碼中按下 Enter，不代表畫面上的文字一定會換行。想讓畫面中的句子換行，請使用 <br>；想劃分段落，請使用 <p> 或 <div>。

建議將起始標籤的屬性與樣式寫在同一行，並在標籤與標籤之間換行。

插入圖片時，請在 <img> 標籤的 src 中填入其他使用者也能存取的圖片網址。建議使用上傳至鴨答鴨答的圖片網址。

自己電腦上的檔案路徑、file:// 網址或本機預覽網址，都無法用來向其他使用者顯示圖片。也建議避免將圖片轉為 Base64 字串直接嵌入程式碼，因為這會大幅增加字元數。

使用 Markdown 插入圖片時，也必須使用其他使用者能夠存取的圖片網址。

為了讓內容在電腦與手機上都方便閱讀，請一併確認以下事項。

• 請讓整體寬度能隨螢幕大小縮小。 例如，可以在外層區塊套用width:100%;max-width:640px;box-sizing:border-box;。其中的 640px 僅為範例，並非固定規格。

• 圖片的基本樣式建議使用display:block;max-width:100%;height:auto; ，減少圖片超出區塊範圍的情況。

• 建議不要固定內文區塊的高度，也不要隱藏超出範圍的文字，以免自動翻譯後句子變長，導致內容遭到裁切。

• 使用多欄排版時，請確保各欄在較窄的螢幕上也能自動換行排列。

• 為了方便閱讀，內文字體建議至少使用 12～14px，輔助小字也建議至少使用 10px。這是建議大小，並非平台的強制限制。也請在 App 中確認字體大小與換行情況。

• 需要翻譯的句子，請避免放在圖片中，也不要將每個字拆成獨立標籤，而是以完整句子或語意單位分組撰寫。

• 使用 {{char}}、{{user}} 等替換關鍵字時，請保留原本的拼寫與大括號。

以下是僅使用允許的標籤與行內樣式的簡單範例。請只複製程式碼區塊內的 HTML，並貼到輸入欄位中。

<div style="width:100%;max-width:640px;margin:0 auto;padding:20px;box-sizing:border-box;background:#f5f1eb;color:#302b26;font-size:14px;line-height:1.8;">
<p style="margin:0 0 12px;font-size:20px;font-weight:700;">角色名稱</p>
<p style="margin:0 0 16px;">這裡是介紹角色的文字。<br>請繼續填寫想展示的內容。</p>
<div style="padding:14px;border:1px solid #d7cfc4;border-radius:10px;">
<p style="margin:0;"><strong>基本資訊</strong><br>請填寫年齡、職業等想公開的資訊。</p>
</div>
</div>

HTML 檔案在一般瀏覽器中的顯示效果，可能與套用至鴨答鴨答後有所不同。完成後，請先確認角色製作頁面的預覽效果；儲存後，也請分別使用電腦與手機查看角色介紹頁面。

請 AI 協助製作時，請先指定要使用 Markdown 還是 HTML。

如果只需要用簡單的標題與清單整理內容，可以選擇 Markdown；如果想設定背景色、邊框等更細緻的樣式，則可以選擇 HTML。

也建議一併提供角色的氛圍、想使用的配色、要公開的內容及圖片網址，幫助 AI 製作出更符合期待的介紹頁面。

請 AI 使用 HTML 製作時，可以將以下條件連同想要的設計說明一起提供。

請撰寫可貼入鴨答鴨答角色「單獨描述」欄位的 HTML。

• 完整的最終 HTML 程式碼，請以 JavaScript 字串的 length 計算，控制在 15,000 字元以內，並預留後續修改的空間。標籤、樣式、圖片網址、空格與換行都必須計入字元數。

• 允許使用的 HTML 標籤為：div、p、span、b、strong、i、em、br、hr、img、a。

• 所有樣式都只能寫在各個標籤的 style 屬性中。

• 請勿使用完整的 HTML 網頁結構、<style> 或 <script> 標籤、外部 CSS 或字型載入、JavaScript、React／JSX，以及自訂 CSS 類別。

• 請勿使用 @media、@font-face、@keyframes、:hover、::before 等需要另外撰寫 CSS 規則的方式。

• 請勿使用 <table>、<details>、<summary>、<svg> 等不在允許清單中的標籤。

• 請將起始標籤的屬性與樣式寫在同一行，並在標籤之間實際按一次 Enter 換行。請勿加入不必要的空白行或行首縮排。

• 請勿在 HTML 中混用 Markdown。需要在畫面上顯示的換行，請使用 <br>。

• 請確保內容在手機上不會超出螢幕寬度，且不會因翻譯後句子變長而遭到裁切。

• 內文字體原則上請至少使用 12～14px，輔助小字至少使用 10px。

• 需要翻譯的文字，請以完整句子或語意單位分組，不要將每個字拆成獨立標籤。

• 圖片網址只能使用我提供的 URL，且請勿變更 {{char}}、{{user}} 關鍵字。

• 最終回覆請只輸出可直接貼上的 HTML，不要加上反引號程式碼區塊標記或任何說明文字。