[{"content":" 快速複製常用的文字樹狀圖模板與符號，\n用於筆記、結構、文件整理等。\n基本模板 # 主分類 ├── 子分類A │ ├── A1 │ └── A2 └── 子分類B └── B1 快速模板 # 三層結構\n主分類 ├── 分類1 │ ├── 項目1 │ └── 項目2 └── 分類2 ├── 項目3 └── 項目4 基本結構符號 # 整理常用「文字樹狀圖符號」，可自由組合、擴展自己的模板~\n符號 用途 ├ 中間節點（後面還有） └ 最後節點 │ 垂直延續 ─ 水平連接 節點符號（裝飾/層級） # ● ○ ◎ ◉ ■ □ ▢ ▣ ◆ ◇ ▸ ▹ ▶ 括號與框架（分類感） # [ ] ( ) { } \u0026lt; \u0026gt; ","date":"39 Oct 3030","externalUrl":null,"permalink":"/notes/practical/text-tree-diagram/","section":"筆記","summary":"\u003c!--\n\n\u003cfigure\u003e\n      \u003cimg class=\"my-0 rounded-md nozoom flex justify-center w-custom-330\" src=\"images/inner_cover_hugo_blowfish.jpg\" alt=\"Inner Cover Image\" /\u003e\n  \n  \n  \u003c/figure\u003e\n--\u003e\n\u003cp\u003e快速複製常用的文字樹狀圖模板與符號，\u003cbr\u003e\n用於筆記、結構、文件整理等。\u003cbr\u003e\u003c/p\u003e","title":"文字畫樹狀圖：常用符號與可複製模板","type":"notes"},{"content":" ","date":"269 Oct 26260","externalUrl":null,"permalink":"/resources/2026-calendar/","section":"Resources","summary":"View the complete 2026 calendar and quickly check dates, weekdays, and annual schedules.","title":"2026 Calendar","type":"resources"},{"content":"Hugo搭配Blowfish主題的語法，\n大致分成：\nHTML語法：寫模板、樣式，最通用\nMD語法：常用於index.md內頁，簡便\nBlowfish 簡碼：Blowfish主題整理的GO語法\n常用語法 # 標註\n# \u0026lt;!-- --\u0026gt; 換行\n# \u0026lt;br\u0026gt; 程式碼\n# 用👉`👈左右框住\n```go ```markdown ```html 插入圖片\n# 在 Hugo 中， Page Bundle 圖片的相對路徑要注意規則。\n資料夾裡必須要有一個 index.md (・ω・、)\n若只有 index.zh-tw.md Page Bundle會無法成立，圖片破光光 (つд`ﾟ)･ﾟ･\ncontent/文章資料夾/ ├─ index.md # 必須存在，可以是空白檔案 ├─ index.zh-tw.md └─ images/Export_UV_Layout.png 文章資料夾內同時要有\nindex.md index.zh-tw.md images 資料夾\nMD寫法是 ![圖片說明](圖片相對位置)\n![Export UV Layout](images/Export_UV_Layout.png) MD的寫法會強制滿版、圓角，\n若圖片寬度低於 602px，使用MD寫法將會導致圖片模糊\nfigure 寫法的 default=true 能解除強制滿版、圓角，以原尺寸、直角顯示圖片。\n不過 figure 寫法無法放入程式碼框，會強制啟動插入圖片，因此拆成\n{{ 與 \u0026lt; figure...\u0026gt; 與 }} 之間無空格\n{{之間的}}語法如下： \u0026lt; figure src=\u0026#34;images/Export_UV_Layout.png\u0026#34; alt=\u0026#34;Export UV Layout\u0026#34; \u0026gt; \u0026lt; figure src=\u0026#34;images/Export_UV_Layout.png\u0026#34; alt=\u0026#34;Export UV Layout\u0026#34; default=true \u0026gt; id內文跳轉\n# 手動指定目標 id：{#3d}\n跳轉連結寫法：[連結文字](#3d)\n有時候主題或瀏覽器對中文 id 會有問題，所以在標題手動指定 id：\n## 3D筆記 {#3d} ## 架站筆記 {#site} 固定 id 名稱後，再用：\n[3D](#3d)、[架站](#site) 連結\n# [顯示文字](https://sample/go/) 預設會另開視窗\nHTML語法 # 標註\n# \u0026lt;!-- --\u0026gt; 程式碼\n# 用👉`👈左右框住\n換行\n# \u0026lt;br\u0026gt; MD語法 # 官方文檔 # Blowfish Markdown 示例 | Github 範例文章\n連結\n# [顯示文字](https://sample/go/) 預設會另開視窗\nBlowfish 簡碼 # 官方文檔 # Hugo 簡碼 | Blowfish 簡碼\n頁面連結\n# [顯示文字]({{ }}) 同視窗內跳轉\n({{ }})內是\u0026lt; ref \u0026quot;/目標位置\u0026quot; \u0026gt; 強制觸發，用程式碼框也沒用！\n‼️找不到目標時，會整個網站出不出來！慎用‼️\n","date":"59 Oct 5050","externalUrl":null,"permalink":"/notes/dev/web/cheatsheet-hugo-blowfish/","section":"筆記","summary":"\u003cp\u003eHugo搭配Blowfish主題的語法，\u003cbr\u003e\n大致分成：\u003cbr\u003e\n\u003cstrong\u003eHTML語法\u003c/strong\u003e：寫模板、樣式，最通用\u003cbr\u003e\n\u003cstrong\u003eMD語法\u003c/strong\u003e：常用於\u003ccode\u003eindex.md\u003c/code\u003e內頁，簡便\u003cbr\u003e\n\u003cstrong\u003eBlowfish 簡碼\u003c/strong\u003e：Blowfish主題整理的GO語法\u003cbr\u003e\u003c/p\u003e","title":"常用語法：Hugo網站搭配Blowfish主題","type":"notes"},{"content":" Hugo內容架構： # 根據文檔，解釋Hugo內容架構\nhttps://gohugo.io/content-management/page-bundles/\n答\u0026ndash;chatgpt\nHugo 的內容架構基於「內容目錄（content directory）」和「頁面捆綁（Page Bundles）」，透過目錄結構來組織不同類型的內容，讓 Hugo 能夠快速解析和生成網站。\n1. 內容架構概述 # Hugo 主要透過 content/ 目錄來存放網站的內容，每個 Markdown 文件 (.md) 代表一個網頁。根據存放方式，Hugo 內容可以分為 標準頁面（Single Page） 和 列表頁面（List Page）：\n單一頁面（Single Page）：單一文章或獨立頁面，例如 /content/about.md 會對應 /about/ 頁面。 列表頁面（List Page）：負責顯示某類內容的索引，例如 /content/blog/ 目錄下的所有文章可自動生成 /blog/ 頁面。 2. 頁面捆綁（Page Bundles） # Hugo 提供 頁面捆綁（Page Bundles） 來管理每篇內容的相關資源（如圖片、數據檔案等）。頁面捆綁有兩種類型：\n（1）單一頁面捆綁（Leaf Bundles） # 主要用於 單篇文章 或 獨立頁面。 目錄內的 index.md 是主內容，其他文件是該頁面的附屬資源。 例子： content/ ├── about/ │ ├── index.md # 關於頁面 │ ├── image.jpg # 附屬圖片 │ ├── data.json # 附屬資料 about/ 目錄本身對應 /about/ 頁面。 index.md 是主內容，Hugo 會自動識別 image.jpg 和 data.json 作為這篇內容的資源。 （2）目錄列表捆綁（Branch Bundles） # 主要用於 文章分類 或 列表頁面，包含多篇文章。 目錄內的 _index.md 是該分類的主內容，其他 Markdown 檔案是該分類的子內容。 例子： content/ ├── blog/ │ ├── _index.md # 部落格首頁 │ ├── post-1.md # 文章1 │ ├── post-2.md # 文章2 │ ├── images/ │ │ ├── banner.jpg # 共用圖片 blog/ 目錄對應 /blog/ 頁面，_index.md 定義該頁面內容。 post-1.md、post-2.md 代表單篇文章。 images/ 內的 banner.jpg 可供這個分類的文章共用。 3. URL 對應 # Hugo 會根據 目錄結構 來產生對應的網址：\ncontent/about/index.md → /about/ content/blog/_index.md → /blog/ content/blog/post-1.md → /blog/post-1/ 若要調整網址，可在 front matter（前置變數）中設定 slug 或 url。\n4. 內容引用與資源管理 # 使用 Hugo 頁面捆綁，內容可透過 Page Resources 來引用內部資源，例如：\n{{ $image := .Resources.Get \u0026#34;image.jpg\u0026#34; }} \u0026lt;img src=\u0026#34;{{ $image.RelPermalink }}\u0026#34; alt=\u0026#34;描述\u0026#34;\u0026gt; 這讓內容與相關資源能夠更好地組織與管理。\n5. 適用場景 # 頁面類型 適合用法 Leaf Bundle 單篇文章、獨立頁面（如 About 頁面） Branch Bundle 文章分類、部落格列表、產品目錄 這樣的架構讓 Hugo 既能靈活處理單篇內容，也能組織大型網站的多層內容。這對於條漫網站來說，可以用 Leaf Bundle 來管理單篇漫畫，用 Branch Bundle 來分類不同作品或章節。\n頁面種類： # 問：\n我在Hugo架站content/about下建立了_index-zh-tw.md檔案，但在該文章最下面卻顯示了「這裡還沒有任何文章」，有辦法去除嗎？\n答\u0026ndash;Claude ai\n這個問題在 Hugo 中很常見。「這裡還沒有任何文章」的訊息出現是因為 Hugo 預設會在單一頁面底部列出該section下的所有文章列表。對於 about 頁面這類單頁內容，我們可以透過以下方法移除這個訊息：\n在 _index-zh-tw.md 文件的前置設定 (Front Matter) 中加入： type: \u0026#34;page\u0026#34; 或者是：\nlayout: \u0026#34;single\u0026#34; 另一個方法是在前置設定中設定： _build: list: false render: true 這些設定都能讓 Hugo 知道這是一個獨立頁面，而不是一個需要列出子頁面的 section。\n您想試試看哪種方法？我建議先試第一種方法，因為這是最常用且最簡單的解決方案。\nHugo 中 type 和 layout 的概念 # type 的概念與用法： # type 決定了內容的模板查找路徑（template lookup path） 如果沒有明確設定 type，Hugo 會使用內容所在的目錄名稱作為預設 type 舉例來說： 如果文章位於 content/blog/post.md，預設 type 就是 \u0026ldquo;blog\u0026rdquo; 如果在前置設定指定 type: \u0026quot;page\u0026quot;，Hugo 會優先查找 layouts/page/single.html 模板 layout 的概念與用法： # layout 直接指定要使用的模板名稱 它會覆蓋 Hugo 的預設模板查找規則 舉例來說： 設定 layout: \u0026quot;simple\u0026quot; 會直接使用 layouts/_default/simple.html 如果同時設定了 type 和 layout，layout 的優先級更高 模板查找順序： # 如果指定了 layout，Hugo 會直接查找對應的模板 如果指定了 type，Hugo 會查找： layouts/[type]/single.html layouts/[type]/list.html 如果都沒指定，Hugo 會查找： layouts/_default/single.html layouts/_default/list.html 實際應用範例：\n# 一般文章的前置設定 --- title: \u0026#34;我的文章\u0026#34; type: \u0026#34;post\u0026#34; --- # 特殊頁面的前置設定 --- title: \u0026#34;關於我\u0026#34; type: \u0026#34;page\u0026#34; layout: \u0026#34;about\u0026#34; --- # 自定義模板的前置設定 --- title: \u0026#34;作品集\u0026#34; type: \u0026#34;portfolio\u0026#34; layout: \u0026#34;gallery\u0026#34; --- ","date":"2020-20-29","externalUrl":null,"permalink":"/tc/notes/lab-notes/hugo-content-directory-page-bundles/","section":"筆記","summary":"\u003ch2 class=\"relative group\"\u003eHugo內容架構： \n    \u003cdiv id=\"hugo%E5%85%A7%E5%AE%B9%E6%9E%B6%E6%A7%8B\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#hugo%E5%85%A7%E5%AE%B9%E6%9E%B6%E6%A7%8B\" aria-label=\"定位點\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\u003cp\u003e根據文檔，解釋Hugo內容架構\u003cbr\u003e\n\u003ca href=\"https://gohugo.io/content-management/page-bundles/\" target=\"_blank\"\u003ehttps://gohugo.io/content-management/page-bundles/\u003c/a\u003e\u003c/p\u003e","title":"Hugo 內容架構：內容目錄（content directory）\u0026 頁面捆綁（Page Bundles）","type":"notes"},{"content":" H1 及 Meta Description 的解釋與最佳實踐 # 1. H1（Heading 1）是什麼？ # H1 標籤是 網頁的主要標題，通常是一個網頁中層級最高的標題。它應該簡明扼要地描述該頁面的主題，並且與 標題（title）、URL 和 meta description 保持一致，以確保搜尋引擎理解網頁內容的核心概念。\nH1 的特性與作用：\n強調主題：H1 是搜尋引擎和使用者第一眼看到的內容，應該清楚表達頁面主題。 SEO 影響：搜尋引擎會根據 H1 判斷該頁面的內容是否與用戶搜尋意圖匹配，因此 H1 需要包含 關鍵字。 閱讀體驗：H1 也應該對人類讀者友善，避免堆砌關鍵字或過度優化。 H1 的最佳做法：\n✅ 長度適中（20-60 個字）：太短可能無法清楚表達主題，太長會影響可讀性。\n✅ 使用目標關鍵字：關鍵字應該自然融入，避免強行塞入太多關鍵字。\n✅ 簡潔易讀：標題應清晰、吸引人，避免冗長句子。\n✅ 獨特性：每個頁面應該有獨特的 H1，避免重複影響 SEO。\n2. Meta Description 是什麼？ # Meta Description 是 一段描述該頁面內容的文字摘要，會出現在 搜尋引擎結果頁（SERP） 下方的摘要區域。\nMeta Description 的特性與作用：\n影響點擊率（CTR）：一個吸引人的描述可以讓使用者更容易點擊你的網站，提高流量。 不直接影響排名，但影響用戶行為：Google 不直接將 meta description 視為排名因素，但好的描述能提升點擊率，間接影響 SEO。 可能不會完全顯示：如果 meta description 過長，Google 可能會自動截斷或改用頁面內文的部分內容。 Meta Description 會出現在內文中嗎？\n❌ 不會 自動出現在頁面內文，但它應該與頁面內容相關，並且有時可以將這段描述放入內文開頭，以提升 SEO 連貫性。\nMeta Description 的最佳長度與建議：\n✅ 最佳長度：140-160 個字（大約 25-30 個中文字）。\n✅ 使用目標關鍵字，但要自然融入，避免堆砌關鍵字。\n✅ 強調內容價值，例如：「本篇文章將深入解析 XX，讓你掌握 XXX 的技巧與實作方法。」\n✅ 避免過長或過短，太短會讓訊息不完整，太長會被搜尋引擎截斷。\n✅ 加入行動號召（CTA），如「立即閱讀」、「了解更多」、「探索最新方法」。\n3. 簡短寫作，同時兼顧 SEO、流量與閱讀體驗的實作建議 # 如果你希望內容簡短、同時兼顧 SEO、讀者體驗與流量，可以參考以下方法：\n(1) 讓 H1 直接切中主題 # 標題結構：「[關鍵字] + 主要內容亮點」 範例： ✅ 「H1 是什麼？如何撰寫 SEO 友善的標題？」（直擊問題） ✅ 「Meta Description 撰寫指南：最佳長度、SEO 建議」（明確傳達內容） ❌ 「SEO 的一些技巧與建議，你需要知道的內容」（不夠明確） (2) Meta Description 用簡單清楚的句子表達核心價值 # 範例： ✅ 「想提升 SEO 排名？本篇文章解析 H1 與 meta description 的最佳做法，讓你的內容更吸引搜尋引擎與讀者。」 ✅ 「H1 是 SEO 重要的一環，如何撰寫吸引讀者與搜尋引擎的標題？本篇提供完整指南與範例。」 ❌ 「這篇文章將討論 SEO 相關的標題和描述，讓你學會如何優化內容。」（太籠統，沒有吸引力） (3) 內容簡短但有層次，善用標題與要點 # 段落清晰：短句搭配 標題（H2、H3）、要點（Bullet Points）、重點標示（加粗），讓讀者快速掃描。 範例架構： ## H1：H1 是什麼？如何撰寫 SEO 友善的標題？ ### H2：H1 的定義與重要性 - H1 是網站的主要標題，影響 SEO 和用戶體驗。 - 最好包含目標關鍵字，長度約 20-60 字。 ### H2：Meta Description 是什麼？要怎麼寫才有效？ - 這段描述影響點擊率，長度應為 140-160 個字。 - 包含關鍵字、簡潔表達內容，並加入行動號召（CTA）。 ### H2：H1 與 Meta Description 的最佳實踐 - **H1 應該清楚描述內容** - **Meta Description 要吸引讀者點擊** - **保持簡潔但資訊完整** (4) 簡潔但吸引人的 CTA（行動號召） # 在 meta description 末端加上 CTA，引導用戶點擊，例如：\n✅ 「想提升 SEO？本篇文章提供完整指南，讓你的標題與描述更具吸引力，快來看看！」\n✅ 「學會如何撰寫 H1 與 meta description，讓你的內容更容易被搜尋引擎收錄！」\n結論 # H1 是主要標題，需簡單明確、包含關鍵字（長度 20-60 字）。 Meta Description 是摘要，影響點擊率，長度約 140-160 個字，不會自動出現在內文，但應與內容高度相關。 寫作應簡潔明確，使用標題、要點、短句與 CTA，讓讀者容易吸收資訊。 標題、URL、H1、meta description 保持一致性，強化 SEO 影響力。 這樣的寫作方式不僅能兼顧 SEO 排名、流量與讀者體驗，還能讓內容更有吸引力！\n","date":"2020-20-29","externalUrl":null,"permalink":"/tc/notes/lab-notes/seo-title-h1-meta/","section":"筆記","summary":"\u003c!-- gpt --\u003e\n\u003c!-- H1 及 Meta Description 的解釋與最佳實踐 --\u003e\n\u003c!-- https://chatgpt.com/share/68ddec38-0374-8005-b49b-9394bc2d8795 --\u003e\n\n\n\u003ch3 class=\"relative group\"\u003e\u003cstrong\u003eH1 及 Meta Description 的解釋與最佳實踐\u003c/strong\u003e \n    \u003cdiv id=\"h1-%E5%8F%8A-meta-description-%E7%9A%84%E8%A7%A3%E9%87%8B%E8%88%87%E6%9C%80%E4%BD%B3%E5%AF%A6%E8%B8%90\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#h1-%E5%8F%8A-meta-description-%E7%9A%84%E8%A7%A3%E9%87%8B%E8%88%87%E6%9C%80%E4%BD%B3%E5%AF%A6%E8%B8%90\" aria-label=\"定位點\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h3\u003e\n\n\n\u003ch4 class=\"relative group\"\u003e\u003cstrong\u003e1. H1（Heading 1）是什麼？\u003c/strong\u003e \n    \u003cdiv id=\"1-h1heading-1%E6%98%AF%E4%BB%80%E9%BA%BC\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#1-h1heading-1%E6%98%AF%E4%BB%80%E9%BA%BC\" aria-label=\"定位點\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h4\u003e\n\u003cp\u003eH1 標籤是 \u003cstrong\u003e網頁的主要標題\u003c/strong\u003e，通常是一個網頁中層級最高的標題。它應該簡明扼要地描述該頁面的主題，並且與 \u003cstrong\u003e標題（title）、URL 和 meta description 保持一致\u003c/strong\u003e，以確保搜尋引擎理解網頁內容的核心概念。\u003c/p\u003e","title":"網站內容寫作與 SEO 入門：Title、H1、Meta Description 指南","type":"notes"},{"content":"","date":"9090-50-99","externalUrl":null,"permalink":"/tc/tags/3d/","section":"Tags","summary":"","title":"3D","type":"tags"},{"content":"3D、Blender相關筆記集中\n","date":"9090-50-99","externalUrl":null,"permalink":"/tc/notes/3d/","section":"筆記","summary":"\u003cp\u003e3D、Blender相關筆記集中\u003c/p\u003e\n\u003chr\u003e","title":"3D 筆記","type":"notes"},{"content":"","date":"9090-50-99","externalUrl":null,"permalink":"/tc/tags/auto-rig-pro/","section":"Tags","summary":"","title":"Auto-Rig Pro","type":"tags"},{"content":"","date":"9090-50-99","externalUrl":null,"permalink":"/tc/tags/blender/","section":"Tags","summary":"","title":"Blender","type":"tags"},{"content":"","date":"9090-50-99","externalUrl":null,"permalink":"/tc/tags/rigging/","section":"Tags","summary":"","title":"Rigging","type":"tags"},{"content":"","date":"9090-50-99","externalUrl":null,"permalink":"/tc/tags/%E7%B6%81%E5%AE%9A/","section":"Tags","summary":"","title":"綁定","type":"tags"},{"content":"Personal / Commercial\nPersonal # Commercial # Furin Sentai — Webtoon Project Webtoon Commercial ","date":"49 Oct 4040","externalUrl":null,"permalink":"/art/","section":"Gallery","summary":"\u003cp\u003e\u003ca href=\"#art\"\u003ePersonal\u003c/a\u003e / \u003ca href=\"#commercial\"\u003eCommercial\u003c/a\u003e\u003c/p\u003e\n\u003chr\u003e\n\n\n\u003ch2 class=\"relative group\"\u003ePersonal \n    \u003cdiv id=\"art\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#art\" aria-label=\"Anchor\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\n\n\u003cdiv id=\"gallery-3fc74bc0b0211a47cdb1153ca7b92b9d\" class=\"gallery\"\u003e\n  \n  \u003cimg src=\"/img/ThitaCreatorClips_Cover.jpg\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n  \u003cimg src=\"/img/profile_picture_md_thitaart.jpg\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n  \u003cimg src=\"/art/web-visuals-2026/images/hero_background_image_thta.jpg\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n  \n  \u003cimg src=\"/art/images/character-concept_emon_1011-23_thita.png\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n  \u003cimg src=\"/art/images/thita-avatar-character-concept_0302-26_thita.png\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n  \u003cimg src=\"/art/images/character-styleframe_0707-2024_thita.png\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n\n  \u003cimg src=\"/art/3d-scene/images/3d-colored-manga-scene-windmill.png\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n  \u003cimg src=\"/art/images/character-styleframe_0419-24_thita.png\" class=\"grid-w50 md:grid-w33 xl:grid-w25\" /\u003e\n\n\u003c/div\u003e\n\u003chr\u003e\n\n\n\u003ch2 class=\"relative group\"\u003eCommercial \n    \u003cdiv id=\"commercial\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#commercial\" aria-label=\"Anchor\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\n\n\n\n\n\n\n\u003csection class=\"w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3\"\u003e\n    \n        \n\n  \u003ca href=\"/art/commercial/furin-sentai/\" class=\"min-w-full\"\u003e\n    \n    \u003cdiv class=\"min-h-full border border-neutral-200 dark:border-neutral-700 border-2 rounded overflow-hidden shadow-2xl relative\"\u003e\n        \n        \u003cdiv class=\"w-full thumbnail_card nozoom\" style=\"background-image:url(/art/commercial/furin-sentai/featured_hu_8920be238ab23dea.png);\"\u003e\u003c/div\u003e\n        \n      \n\n      \u003cdiv class=\"px-6 py-4\"\u003e\n\n        \n        \u003cdiv class=\"font-bold text-xl text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral\"\n          href=\"/art/commercial/furin-sentai/\"\u003eFurin Sentai — Webtoon Project\u003c/div\u003e\n        \n\n        \u003cdiv class=\"text-sm text-neutral-500 dark:text-neutral-400\"\u003e\n          \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"flex flex-row flex-wrap items-center\"\u003e\n  \n  \n\n  \n  \n\u003c/div\u003e\n\n\n\u003cdiv class=\"flex flex-row flex-wrap items-center\"\u003e\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n\u003c/div\u003e\n\n\n\n\n\u003cdiv class=\"flex flex-row flex-wrap items-center\"\u003e\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \u003cspan style=\"margin-top:0.5rem\" class=\"mr-2\" onclick=\"window.open(\u0026#34;/tags/webtoon/\u0026#34;,'_self');return false;\"\u003e\n    \u003cspan class=\"flex\" style=\"cursor: pointer;\"\u003e\n  \u003cspan class=\"rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400\"\u003e\n    Webtoon\n  \u003c/span\u003e\n\u003c/span\u003e\n  \u003c/span\u003e\n  \n  \u003cspan style=\"margin-top:0.5rem\" class=\"mr-2\" onclick=\"window.open(\u0026#34;/tags/commercial/\u0026#34;,'_self');return false;\"\u003e\n    \u003cspan class=\"flex\" style=\"cursor: pointer;\"\u003e\n  \u003cspan class=\"rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400\"\u003e\n    Commercial\n  \u003c/span\u003e\n\u003c/span\u003e\n  \u003c/span\u003e\n  \n  \n  \n  \n\u003c/div\u003e\n\n\n\n\n        \u003c/div\u003e\n\n        \n      \u003c/div\u003e\n      \u003cdiv class=\"px-6 pt-4 pb-2\"\u003e\n\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/a\u003e\n\n    \n\u003c/section\u003e","title":"Gallery","type":"art"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/","section":"Tags","summary":"","title":"Tags","type":"tags"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/","section":"Thita’s Creator Clips","summary":"","title":"Thita’s Creator Clips","type":"page"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/%E4%B8%BB%E8%A6%96%E8%A6%BA/","section":"Tags","summary":"","title":"主視覺","type":"tags"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/%E4%BE%BF%E5%88%A9%E8%B2%BC%E5%B7%A5%E4%BD%9C%E5%AE%A4/","section":"Tags","summary":"","title":"便利貼工作室","type":"tags"},{"content":"主視覺 / 頭像\n主視覺 # 頭像 # 頭像背景 ","date":"49 Oct 4040","externalUrl":null,"permalink":"/art/web-visuals-2026/","section":"Gallery","summary":"\u003cp\u003e\u003ca href=\"#featured\"\u003e主視覺\u003c/a\u003e / \u003ca href=\"#hero\"\u003e頭像\u003c/a\u003e\u003c/p\u003e\n\n\n\u003ch3 class=\"relative group\"\u003e主視覺 \n    \u003cdiv id=\"featured\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#featured\" aria-label=\"Anchor\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h3\u003e\n\n\n  \u003cfigure\u003e\u003cimg src=\"/img/ThitaCreatorClips_Cover.jpg\"\n    alt=\"網站封面圖\"\u003e\n\u003c/figure\u003e\n\n\n\u003cbr\u003e\n\n\n\u003ch3 class=\"relative group\"\u003e頭像 \n    \u003cdiv id=\"hero\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#hero\" aria-label=\"Anchor\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h3\u003e\n\n\n  \u003cfigure\u003e\u003cimg src=\"/img/profile_picture_md_thitaart.jpg\"\n    alt=\"網站頭像\"\u003e\n\u003c/figure\u003e\n\n\n\u003cbr\u003e\n頭像背景\n\n\n  \u003cfigure\u003e\u003cimg src=\"/art/web-visuals-2026/images/hero_background_image_thta.jpg\"\n    alt=\"網站頭像\"\u003e\n\u003c/figure\u003e","title":"個人主視覺：便利貼工作室","type":"art"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/%E5%89%B5%E4%BD%9C/","section":"Tags","summary":"","title":"創作","type":"tags"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/%E6%8F%92%E7%95%AB/","section":"Tags","summary":"","title":"插畫","type":"tags"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/%E7%BE%8E%E8%A1%93/","section":"Tags","summary":"","title":"美術","type":"tags"},{"content":"","date":"39 Oct 3030","externalUrl":null,"permalink":"/tags/practical/","section":"Tags","summary":"","title":"Practical","type":"tags"},{"content":"","date":"39 Oct 3030","externalUrl":null,"permalink":"/tags/template/","section":"Tags","summary":"","title":"Template","type":"tags"},{"content":"","date":"39 Oct 3030","externalUrl":null,"permalink":"/tags/tree-diagram/","section":"Tags","summary":"","title":"Tree Diagram","type":"tags"},{"content":"","date":"3030-50-39","externalUrl":null,"permalink":"/tc/tags/%E5%AF%A6%E7%94%A8/","section":"Tags","summary":"","title":"實用","type":"tags"},{"content":"","date":"3030-50-39","externalUrl":null,"permalink":"/tc/tags/%E6%A8%B9%E7%8B%80%E5%9C%96/","section":"Tags","summary":"","title":"樹狀圖","type":"tags"},{"content":"","date":"39 Oct 3030","externalUrl":null,"permalink":"/tags/%E7%AD%86%E8%A8%98/","section":"Tags","summary":"","title":"筆記","type":"tags"},{"content":" 筆記 本章節包含了你需要了解的有關 Blowfish 的所有信息。如果你是新用户，請查閲[安裝]指南，或者訪問[示例]來了解 Blowfish 能做什麼。\n","date":"39 Oct 3030","externalUrl":null,"permalink":"/notes/","section":"筆記","summary":"\u003cdiv class=\"lead text-neutral-500 dark:text-neutral-400 !mb-9 text-xl\"\u003e\n  筆記\n\u003c/div\u003e\n\n\u003cp\u003e本章節包含了你需要了解的有關 Blowfish 的所有信息。如果你是新用户，請查閲[安裝]指南，或者訪問[示例]來了解 Blowfish 能做什麼。\u003c/p\u003e","title":"筆記","type":"notes"},{"content":"","date":"3030-100-39","externalUrl":null,"permalink":"/tc/tags/git/","section":"Tags","summary":"","title":"Git","type":"tags"},{"content":"自架網站相關，以Hugo搭配Blowfish主題為主\n","date":"3030-100-39","externalUrl":null,"permalink":"/tc/notes/dev/web/","section":"筆記","summary":"\u003cp\u003e自架網站相關，以Hugo搭配Blowfish主題為主\u003c/p\u003e\n\u003chr\u003e","title":"架站筆記","type":"notes"},{"content":"","date":"3030-100-39","externalUrl":null,"permalink":"/tc/tags/%E9%83%A8%E7%BD%B2/","section":"Tags","summary":"","title":"部署","type":"tags"},{"content":" 前言 # 集中一些Blender操作時遇到的問題。\n雕刻筆刷、切刀離很遠 # 使用雕刻模式\u0026amp;編輯摸式的切刀(K)工具時\n筆刷無法抓到目標頂點 偏移想編修的點位 常見綁定姿勢：T-Pose 或 A-Pose 調整右側標籤 View\u0026raquo;Clip Start數值\n二、建立骨架 (Armature) # 在 Blender 新增 Armature → Single Bone 進入編輯模式，拉出主要骨骼：脊椎、四肢、頭部 使用命名與鏡像功能，快速生成對稱骨骼 三、權重綁定 (Weight Painting) # 將模型與骨架進行 自動權重綁定 (Automatic Weights) 檢查每個骨骼的影響範圍 使用 Weight Paint 工具手動修正不自然的變形 四、測試與調整 # 切換到 Pose Mode 測試基本動作 確認關節變形是否自然 必要時微調骨骼位置或權重分布 五、輸出與應用 # 骨架完成後，可用於角色動畫或遊戲引擎（Unity/Unreal） 匯出時建議使用 FBX 或 glTF，並確認匯出設定 結語 # 整體流程可歸納為：\n建模 → 建立骨架 → 權重綁定 → 測試 → 輸出\nRigging 需要耐心與反覆調整，熟悉流程後將能更有效率地完成角色動畫準備。\n","date":"25250-90-259","externalUrl":null,"permalink":"/tc/notes/3d/oh-no/","section":"筆記","summary":"\u003ch2 class=\"relative group\"\u003e前言 \n    \u003cdiv id=\"%E5%89%8D%E8%A8%80\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#%E5%89%8D%E8%A8%80\" aria-label=\"定位點\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\u003cp\u003e集中一些Blender操作時遇到的問題。\u003c/p\u003e","title":"Blender 操作問題","type":"notes"},{"content":"","date":"25250-90-259","externalUrl":null,"permalink":"/tc/tags/rig/","section":"Tags","summary":"","title":"Rig","type":"tags"},{"content":"","date":"25250-90-259","externalUrl":null,"permalink":"/tc/tags/%E6%93%8D%E4%BD%9C/","section":"Tags","summary":"","title":"操作","type":"tags"},{"content":"","date":"29 Oct 2020","externalUrl":null,"permalink":"/tags/25tt/","section":"Tags","summary":"","title":"25tt","type":"tags"},{"content":"","date":"29 Oct 2020","externalUrl":null,"permalink":"/tags/st/","section":"Tags","summary":"","title":"St","type":"tags"},{"content":"","date":"29 Oct 2020","externalUrl":null,"permalink":"/art/webtoon--see/stb03/","section":"Gallery","summary":"","title":"分鏡03","type":"art"},{"content":"","date":"309 Oct 30300","externalUrl":null,"permalink":"/art/webtoon--see/stb01-jpg/","section":"Gallery","summary":"","title":"分鏡01-jpg","type":"art"},{"content":"","date":"269 Oct 26260","externalUrl":null,"permalink":"/tags/calendar/","section":"Tags","summary":"","title":"Calendar","type":"tags"},{"content":"","date":"269 Oct 26260","externalUrl":null,"permalink":"/tags/daily-tools/","section":"Tags","summary":"","title":"Daily Tools","type":"tags"},{"content":"Everyday Tools / Assets\nEveryday Tools # 2026 Calendar Calendar Web Tools Daily Tools Assets # CSP Assets: 3D Female Model Assets ","date":"269 Oct 26260","externalUrl":null,"permalink":"/resources/","section":"Resources","summary":"A collection of web tools, creative assets, and useful resources for quick access and everyday use","title":"Resources","type":"resources"},{"content":"","date":"269 Oct 26260","externalUrl":null,"permalink":"/tags/web-tools/","section":"Tags","summary":"","title":"Web Tools","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/ja/tags/web%E3%83%84%E3%83%BC%E3%83%AB/","section":"Tags","summary":"","title":"Webツール","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/ja/tags/%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC/","section":"Tags","summary":"","title":"カレンダー","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/sc/tags/%E5%88%9B%E4%BD%9C%E8%B5%84%E6%BA%90/","section":"Tags","summary":"","title":"创作资源","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/tc/tags/%E5%89%B5%E4%BD%9C%E8%B3%87%E6%BA%90/","section":"Tags","summary":"","title":"創作資源","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/sc/tags/%E5%B9%B4%E5%8E%86/","section":"Tags","summary":"","title":"年历","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/tc/tags/%E5%B9%B4%E6%9B%86/","section":"Tags","summary":"","title":"年曆","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/ja/tags/%E6%97%A5%E5%B8%B8%E3%83%84%E3%83%BC%E3%83%AB/","section":"Tags","summary":"","title":"日常ツール","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/tc/tags/%E6%97%A5%E5%B8%B8%E5%B7%A5%E5%85%B7/","section":"Tags","summary":"","title":"日常工具","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/tc/tags/%E7%B4%A0%E6%9D%90/","section":"Tags","summary":"","title":"素材","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/tc/tags/%E7%B6%B2%E9%A0%81%E5%B7%A5%E5%85%B7/","section":"Tags","summary":"","title":"網頁工具","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/tc/tags/%E7%B7%9A%E4%B8%8A%E5%B7%A5%E5%85%B7/","section":"Tags","summary":"","title":"線上工具","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/sc/tags/%E7%BA%BF%E4%B8%8A%E5%B7%A5%E5%85%B7/","section":"Tags","summary":"","title":"线上工具","type":"tags"},{"content":"","date":"26260-40-269","externalUrl":null,"permalink":"/sc/tags/%E7%BD%91%E9%A1%B5%E5%B7%A5%E5%85%B7/","section":"Tags","summary":"","title":"网页工具","type":"tags"},{"content":"","date":"59 Oct 5050","externalUrl":null,"permalink":"/tags/blowfish/","section":"Tags","summary":"","title":"Blowfish","type":"tags"},{"content":"","date":"59 Oct 5050","externalUrl":null,"permalink":"/tags/hugo/","section":"Tags","summary":"","title":"Hugo","type":"tags"},{"content":"","date":"59 Oct 5050","externalUrl":null,"permalink":"/tags/syntax/","section":"Tags","summary":"","title":"Syntax","type":"tags"},{"content":"","date":"59 Oct 5050","externalUrl":null,"permalink":"/tags/web/","section":"Tags","summary":"","title":"Web","type":"tags"},{"content":"","date":"5050-20-59","externalUrl":null,"permalink":"/tc/tags/%E5%9C%96%E7%89%87/","section":"Tags","summary":"","title":"圖片","type":"tags"},{"content":"","date":"59 Oct 5050","externalUrl":null,"permalink":"/tags/%E8%AA%9E%E6%B3%95/","section":"Tags","summary":"","title":"語法","type":"tags"},{"content":" About Thita Hi! I'm Thita\nA digital creator.\nI enjoy art, comics, 3D, and various technologies.\nI long for a life surrounded by creation and notes.\nI often combine 3D and digital painting to visualize my ideas.\nCurrently working as a freelancer with experience in comics and game art.\nPreviously worked on webtoon character art, game company 3D art, and manga assisting.\nFor art, I mainly use CSP and Blender, and do not use AI.\nAI is only used for translation, programming, and language learning.\nAfter my social media accounts mysteriously vanished\nand my hard drive failed,\nI became more aware of unexpected risks and built this website myself:\nThita’s Creator Clips, a cyber bookshelf summoned with tech magic, where I share notes, creations, tools, and resources. Follow Thita # ","date":"49 Oct 4040","externalUrl":null,"permalink":"/about/","section":"","summary":"\u003ch4 class=\"text-primary-600 dark:text-secondary-100\"\u003e\nAbout\u003c/h4\u003e\n\u003cdiv class=\"mt-0 text-2xl font-extrabold text-neutral-900 dark:text-neutral\"\u003e\n  Thita\n\u003c/div\u003e\n\u003cbr\u003e\nHi! I'm \u003cdiv class=\"font-extrabold text-primary-700 dark:text-neutral-200 inline\"\u003eThita\u003c/div\u003e\u003cbr\u003e\nA digital creator.\u003cbr\u003e\nI enjoy art, comics, 3D, and various technologies.\u003cbr\u003e\n\u003cbr\u003e\nI long for a life surrounded by creation and notes.\u003cbr\u003e\nI often combine 3D and digital painting to visualize my ideas.\u003cbr\u003e\n\u003cbr\u003e\nCurrently working as a freelancer with experience in comics and game art.\u003cbr\u003e\nPreviously worked on webtoon character art, game company 3D art, and manga assisting.\u003cbr\u003e\n\u003cbr\u003e\nFor art, I mainly use CSP and Blender, and do not use AI.\u003cbr\u003e\nAI is only used for translation, programming, and language learning.\u003cbr\u003e\n\u003cbr\u003e\nAfter my social media accounts mysteriously vanished\u003cbr\u003e\nand my hard drive failed,\u003cbr\u003e\nI became more aware of unexpected risks and built this website myself:\u003cbr\u003e\n\u003ca class=\"font-extrabold text-primary-700 dark:text-neutral-200 inline\" href=\"/en/\"\u003e\nThita’s Creator Clips\u003c/a\u003e,\na cyber bookshelf summoned with tech magic,\nwhere I share notes, creations, tools, and resources.\n\u003chr\u003e\n\n\n\u003ch2 class=\"relative group\"\u003eFollow Thita \n    \u003cdiv id=\"follow-thita\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#follow-thita\" aria-label=\"Anchor\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\u003cp\u003e\u003ca href=\"https://x.com/THITAart\" target=\"_blank\" class=\"inline-grid p-2 rounded-md\" \nstyle=\"font-size: 48px\"\u003e\n\n  \n    \u003cspan class=\"relative inline-block align-text-bottom icon\"\u003e\n      \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"/\u003e\u003c/svg\u003e\n    \u003c/span\u003e\n  \n\n\u003c/a\u003e\n\u003ca href=\"https://www.instagram.com/thitaart\" target=\"_blank\" class=\"inline-grid p-2 rounded-md\" \nstyle=\"font-size: 48px\"\u003e\n\n  \n    \u003cspan class=\"relative inline-block align-text-bottom icon\"\u003e\n      \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"/\u003e\u003c/svg\u003e\n  \n    \u003c/span\u003e\n  \n\n\u003c/a\u003e\n\u003ca href=\"https://www.facebook.com/THITAart\" target=\"_blank\" class=\"inline-grid p-2 rounded-md\" \nstyle=\"font-size: 48px\"\u003e\n\n   \n     \u003cspan class=\"relative inline-block align-text-bottom icon\"\u003e\n       \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"/\u003e\u003c/svg\u003e\n   \n     \u003c/span\u003e\n   \n\n\u003c/a\u003e\n\u003ca href=\"https://www.youtube.com/@thitaart\" target=\"_blank\" class=\"inline-grid p-2 rounded-md\" \nstyle=\"font-size: 48px\"\u003e\n\n   \n     \u003cspan class=\"relative inline-block align-text-bottom icon\"\u003e\n       \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"/\u003e\u003c/svg\u003e\n   \n     \u003c/span\u003e\n   \n\n\u003c/a\u003e\n\u003ca href=\"https://github.com/thitaart\" target=\"_blank\" class=\"inline-grid p-2 rounded-md\" \nstyle=\"font-size: 48px\"\u003e\n\n   \n     \u003cspan class=\"relative inline-block align-text-bottom icon\"\u003e\n       \u003csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 496 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z\"/\u003e\u003c/svg\u003e\n   \n     \u003c/span\u003e\n   \n\n\u003c/a\u003e\u003c/p\u003e","title":"","type":"about"},{"content":"","date":"4040-20-49","externalUrl":null,"permalink":"/tc/tags/lab/","section":"Tags","summary":"","title":"Lab","type":"tags"},{"content":"測試區\n","date":"4040-20-49","externalUrl":null,"permalink":"/tc/notes/lab-notes/","section":"筆記","summary":"\u003cp\u003e測試區\u003c/p\u003e\n\u003chr\u003e","title":"Lab","type":"notes"},{"content":"","date":"49 Oct 4040","externalUrl":null,"permalink":"/tags/%E5%85%B3%E4%BA%8E/","section":"Tags","summary":"","title":"关于","type":"tags"},{"content":"本篇簡要記錄本站架站資源，\n以供日後查找回顧\n詳細的心得與說明\n## 使用技術 💎Hugo\n靜態網站生成器，免費開源\n➡️下載\n解壓縮之後，將.exe檔案放到專案資料夾內即可\n💎Blowfish\n為Hugo主題，免費開源\n➡️文檔\n➡️GitHub repo\n教學資源 # 文章類 # 💎Ivon的部落格\n➡️Hugo教學集合\nhttps://ivonblog.com/categories/hugo%E7%B6%B2%E7%AB%99%E6%9E%B6%E8%A8%AD/\n➡️新手教學\nhttps://ivonblog.com/posts/build-a-website-with-hugo/\n💎carsonwah專案結構\nhttps://carsonwah.github.io/15213187969014.html\n💎Ivon多語系 https://ivonblog.com/posts/hugo-multilingual-mode/\n💎THITAart自訂Blowfish主題顏色\n待更新\n影片類 # 💎 Ken Harris\n英文，新手向，熟了直接看文檔\nhttps://youtu.be/-05mOdHmQVc?si=pDN6H7uRCdAclp6q git、GitHub相關 # 如果不懂git、GitHub\n➡️問AI\n➡️chatgpt　➡️cloude\n➡️Papaya電腦教室\n💎git常用操作\n➡️檢查自己的名字\n➡️檢查自己的email\n➡️初始化\n➡️ Commit\n➡️修改上傳repo的位置\n➡️Push\n//Push操作\nCommit之後網頁沒更新？\n大概就是忘記Push了\n基礎 # 💎古君葳\n💎吳哲宇\n💎codepen\n程式平台\n可以即時顯示html、css、JavaScript\n測試+挖程式碼\n部署網頁 # 💎部署平台\n➡️ Cloudflare Pages\n\u0026lt;Cloudflare網址\u0026gt;\n➡️ GitHub Pages\n\u0026lt;網址\u0026gt;\n➡️ Net\n\u0026lt;網址\u0026gt;\n網域購買 # ➡️ Cloudflare\n續約不加價😍\n能買的網域比較少\n➡️遠振\n手機寫作 # 💎純純寫作\nmarkdown可編輯+預覽\n體驗流暢\n寫作軟體永遠的神\n💎複製歷史支持\n懸浮剪貼簿\n","date":"4040-20-49","externalUrl":null,"permalink":"/tc/notes/lab-notes/web-resources/","section":"筆記","summary":"\u003cp\u003e本篇簡要記錄本站架站資源，\u003cbr\u003e\n以供日後查找回顧\u003cbr\u003e\n\u003cbr\u003e\n詳細的心得與說明\u003cbr\u003e\u003c/p\u003e","title":"架站-資料集中","type":"notes"},{"content":" 緣起 # 這篇詳細記錄 架站資源，與心路歷程，\n簡要的心得與說明\n我目前的網站是用開源的Hugo 原本我也是個 快樂社群平台人類~♡(⁠´⁠ε⁠｀⁠ ⁠) Instagram、Facebook用得好好的， 幹嘛要架網站啊？\n更何況我還是非常資深的 社群平台潛水強者 幾百年不吭一聲那種，架站輪得到我？\n哼哼哼~ … ！！！\n然後某一天Instagram 就刪了我的帳號 😱\n直到帳號被刪除， 並再也救不回來的那一刻😭 才發覺原來 社群平台方是有權限 刪除任何平台上的內容的 雖然他們很少這樣做\n總之， 我至少7年的Instagram帳號就灰飛煙滅了 🥲\n雖然我還是能註冊 thitaart 這個名子 但過去所有的追蹤者，以及追蹤對象，都被清0了！ 有些是\n現在已經沒有聯絡\n總之我決定來架網站了\n契機 看到WordPress\n0基礎\n問AI\n➡️\n免費影片\n付費課程\n","date":"4040-20-49","externalUrl":null,"permalink":"/tc/notes/lab-notes/website-blog/","section":"筆記","summary":"\u003ch2 class=\"relative group\"\u003e緣起 \n    \u003cdiv id=\"%E7%B7%A3%E8%B5%B7\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#%E7%B7%A3%E8%B5%B7\" aria-label=\"定位點\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\u003cp\u003e這篇詳細記錄  \u003cbr\u003e\n架站資源，與心路歷程，\u003cbr\u003e\n\u003cbr\u003e\n簡要的心得與說明\u003cbr\u003e\u003c/p\u003e","title":"架站筆記--興趣使然的網頁學習blog","type":"notes"},{"content":"","date":"4040-20-49","externalUrl":null,"permalink":"/tc/tags/%E9%97%9C%E6%96%BC/","section":"Tags","summary":"","title":"關於","type":"tags"},{"content":"","date":"2020-20-29","externalUrl":null,"permalink":"/tc/tags/ai/","section":"Tags","summary":"","title":"Ai","type":"tags"},{"content":"","date":"2020-20-29","externalUrl":null,"permalink":"/tc/tags/seo/","section":"Tags","summary":"","title":"Seo","type":"tags"},{"content":"","date":"299 Oct 29290","externalUrl":null,"permalink":"/tags/commercial/","section":"Tags","summary":"","title":"Commercial","type":"tags"},{"content":" Commercial Works # ","date":"299 Oct 29290","externalUrl":null,"permalink":"/art/commercial/","section":"Gallery","summary":"\u003ch2 class=\"relative group\"\u003eCommercial Works \n    \u003cdiv id=\"commercial\" class=\"anchor\"\u003e\u003c/div\u003e\n    \n    \u003cspan\n        class=\"absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100\"\u003e\n        \u003ca class=\"group-hover:text-primary-300 dark:group-hover:text-neutral-700\"\n            style=\"text-decoration-line: none !important;\" href=\"#commercial\" aria-label=\"Anchor\"\u003e#\u003c/a\u003e\n    \u003c/span\u003e        \n    \n\u003c/h2\u003e\n\n\n\n\n\n\n\n\u003csection class=\"w-full grid gap-4 sm:grid-cols-2 md:grid-cols-3\"\u003e\n    \n\u003c/section\u003e","title":"Commercial Works","type":"art"},{"content":" ■ Overview # A vertical-scroll webtoon produced and planned by Nippon Television.\nSet in a world threatened by mysterious enemies, the story follows members of a special task force fighting to protect society.\nBehind the heroic front, however, the organization is filled with affairs, betrayal, and complex relationships,\nblending action with dramatic, scandal-driven storytelling. ■ Credits # Original Concept: M.Marie Production \u0026amp; Copyright: Nippon Television Artwork: THITA / ontembaar Production: NTV / ontembaar / Plus81\n©NTV\n【LINEマンガ】\nhttps://app-manga.line.me/app/periodic/S143030 ■ Release # Release Date: June 29, 2024 Platform: LINEマンガ ■ Contribution # Character design Character expression Early stage Webtoon scene ","date":"299 Oct 29290","externalUrl":null,"permalink":"/art/commercial/furin-sentai/","section":"Gallery","summary":"日本テレビ企画のタテヨミ漫画『不倫戦隊』における制作参加事例。キャラクターデザインや人物作画、初期背景制作を担当。","title":"Furin Sentai — Webtoon Project","type":"art"},{"content":"","date":"299 Oct 29290","externalUrl":null,"permalink":"/tags/webtoon/","section":"Tags","summary":"","title":"Webtoon","type":"tags"},{"content":"","date":"29290-60-299","externalUrl":null,"permalink":"/ja/tags/%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF/","section":"Tags","summary":"","title":"クライアントワーク","type":"tags"},{"content":"","date":"29290-60-299","externalUrl":null,"permalink":"/ja/tags/%E3%82%BF%E3%83%86%E3%83%A8%E3%83%9F/","section":"Tags","summary":"","title":"タテヨミ","type":"tags"},{"content":"","date":"29290-60-299","externalUrl":null,"permalink":"/sc/tags/%E5%95%86%E4%B8%9A/","section":"Tags","summary":"","title":"商业","type":"tags"},{"content":"","date":"29290-60-299","externalUrl":null,"permalink":"/sc/tags/%E6%9D%A1%E6%BC%AB/","section":"Tags","summary":"","title":"条漫","type":"tags"},{"content":"","date":"29290-60-299","externalUrl":null,"permalink":"/tc/tags/%E6%A2%9D%E6%BC%AB/","section":"Tags","summary":"","title":"條漫","type":"tags"},{"content":"","date":"12120-20-129","externalUrl":null,"permalink":"/sc/tags/3d%E5%88%B6%E4%BD%9C/","section":"Tags","summary":"","title":"3D制作","type":"tags"},{"content":"","date":"129 Oct 12120","externalUrl":null,"permalink":"/tags/3d%E5%A0%B4%E6%99%AF/","section":"Tags","summary":"","title":"3D場景","type":"tags"},{"content":"","date":"12120-20-129","externalUrl":null,"permalink":"/tc/tags/3d%E8%A3%BD%E4%BD%9C/","section":"Tags","summary":"","title":"3D製作","type":"tags"},{"content":"","date":"129 Oct 12120","externalUrl":null,"permalink":"/tags/%E5%95%86%E6%A5%AD/","section":"Tags","summary":"","title":"商業","type":"tags"},{"content":"","date":"129 Oct 12120","externalUrl":null,"permalink":"/art/commercial/gun-cake-or-me-3d-scene/","section":"Gallery","summary":"","title":"漫畫3D素材《黑道甜點店》","type":"art"},{"content":"","date":"31310-80-319","externalUrl":null,"permalink":"/tc/tags/art/","section":"Tags","summary":"","title":"Art","type":"tags"},{"content":"","date":"319 Oct 31310","externalUrl":null,"permalink":"/tags/assets/","section":"Tags","summary":"","title":"Assets","type":"tags"},{"content":" ▼ Download 3D Asset Here ▼ https://assets.clip-studio.com/zh-tw/detail?id=1863114\n","date":"319 Oct 31310","externalUrl":null,"permalink":"/resources/thita-3d-body-female_2021/","section":"Resources","summary":"A female 3D drawing figure with built-in guide lines, perfect for anatomy reference and posing.","title":"CSP Assets: 3D Female Model","type":"resources"},{"content":"","externalUrl":null,"permalink":"/art/3d-scene/","section":"Gallery","summary":"","title":"","type":"art"},{"content":"","externalUrl":null,"permalink":"/art/lab-art/webtoon-lab-00/","section":"Gallery","summary":"","title":"","type":"art"},{"content":"","externalUrl":null,"permalink":"/art/me/","section":"Gallery","summary":"","title":"","type":"art"},{"content":"","externalUrl":null,"permalink":"/notes/3d/blender-auto-rig-pro/","section":"筆記","summary":"","title":"","type":"notes"},{"content":"","externalUrl":null,"permalink":"/notes/3d/blender-memo/","section":"筆記","summary":"","title":"","type":"notes"},{"content":"","externalUrl":null,"permalink":"/notes/3d/rigging-overview/","section":"筆記","summary":"","title":"","type":"notes"},{"content":"","externalUrl":null,"permalink":"/notes/dev/web/copy-project-folder/","section":"筆記","summary":"","title":"","type":"notes"},{"content":"","externalUrl":null,"permalink":"/notes/dev/web/images-in-content/","section":"筆記","summary":"","title":"","type":"notes"},{"content":"","externalUrl":null,"permalink":"/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":"","externalUrl":null,"permalink":"/categories/","section":"Categories","summary":"","title":"Categories","type":"categories"},{"content":"測試區\n","externalUrl":null,"permalink":"/art/lab-art/","section":"Gallery","summary":"\u003cp\u003e測試區\u003c/p\u003e\n\u003chr\u003e","title":"Lab","type":"art"},{"content":"","externalUrl":null,"permalink":"/home/","section":"My Homepage","summary":"\u003c!--\n# Welcome!\n\nThis is the English version of my homepage.\n--\u003e","title":"My Homepage","type":"home"},{"content":"","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"}]