<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-Hant">
    <title>琳的備忘手札</title>
    <subtitle>軟體工程師是一種懶惰的生物，
我們是為了未來的懶惰而努力。</subtitle>
    <link rel="self" type="application/atom+xml" href="https://xn--jgy.tw/atom.xml"/>
    <link rel="alternate" type="text/html" href="https://xn--jgy.tw"/>
    <generator uri="https://www.getzola.org/">Zola</generator>
    <updated>2026-01-26T10:32:25.161+00:00</updated>
    <id>https://xn--jgy.tw/atom.xml</id>
        <entry xml:lang="zh-Hant">
            <title>VTuber 該不該做官方網站？成本分析、SEO 優化與 AI 時代品牌策略</title>
            <published>2026-01-16T10:37:02.366+00:00</published>
            <updated>2026-01-16T12:13:04.305+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Livestream/vtuber-official-website-guide/"/>
            <id>https://xn--jgy.tw/Livestream/vtuber-official-website-guide/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.55c22db8166a153b.png"/>
              <p>之前在 <a href="https://xn--jgy.tw/SideProject/suda-yoruka-official-website-zola-ssg/">打造 VTuber 須多夜花官方網站</a> 一文中，我分享了為 VTuber 製作官網的技術開發經驗。那篇文章的讀者設定是開發人員，內容偏向技術實作。這次我想換個角度，寫給沒有資訊背景的一般人，特別是正在考慮投資製作官方網站的 VTuber 和內容創作者。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.55c22db8166a153b.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>[個人專案] OBS Weather Widget - 可愛風 OBS 天氣小工具</title>
            <published>2026-01-11T12:18:52.075+00:00</published>
            <updated>2026-01-14T07:31:02.535+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/SideProject/obs-weather-widget/"/>
            <id>https://xn--jgy.tw/SideProject/obs-weather-widget/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/SideProject/obs-weather-widget/preview.png"/>
              <iframe src="https://weather.obs.xn--jgy.tw/widget?locations=%5B%7B%22name%22%3A%22%E5%8F%B0%E5%8C%97%22%2C%22lat%22%3A25.0531%2C%22lon%22%3A121.5264%7D%2C%7B%22name%22%3A%22%E5%8F%B0%E4%B8%AD%22%2C%22lat%22%3A24.1469%2C%22lon%22%3A120.6839%7D%2C%7B%22name%22%3A%22%E5%8F%B0%E5%8D%97%22%2C%22lat%22%3A22.9908%2C%22lon%22%3A120.2133%7D%5D&interval=3000&unit=celsius" title="OBS Weather Widget Preview" width="500" height="300" style="border:none; overflow:hidden;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" style="width: 500px" ></iframe>
<blockquote>
<p>OBS Weather Widget - 可愛風 OBS 天氣小工具<br />
<a class="external" rel="noopener external" target="_blank" href="https://weather.obs.%E7%90%B3.tw/">https://weather.obs.琳.tw/</a></p>
</blockquote>
<p>一個適用於 OBS Studio 瀏覽器來源的可愛風格天氣小工具，顯示明日天氣預報並支援多個地點輪播。</p>
<h2 id="qi-yuan"><a class="zola-anchor" href="#qi-yuan" aria-label="Anchor link for: qi-yuan"><i class="icon"></i></a>
起源</h2>
<p>這個專案的緣由要從上次看 <a class="external" rel="noopener external" target="_blank" href="https://www.youtube.com/@anainainainai">阿奈奈</a> 的直播說起。</p>
<p>昨天阿奈在直播中提到想要買一個能在 OBS 上顯示天氣的小工具。我聽到之後跟她說，實作這個其實很簡單，於是這小專案就誕生了。核心功能大概花了兩個小時，剩下的時間都花在美術素材和介面調整。</p>
<iframe class="youtube-embed" src="https://www.youtube.com/embed/TUx0XUa4Smw?si=bAbZiG-jSWB3psjh&amp;clip=Ugkxj-LnOl22BIRSc8Eo9BDHUfFZx6VTSOqW&amp;clipt=EKaPkAMYhuSTAw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<div class="chat-message chat-message--left" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;anainai.webp" alt="阿奈奈 𝒜𝒩𝒶𝒾  avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: #e9a1b1">
			阿奈奈 𝒜𝒩𝒶𝒾 
		</div>
		<div class="chat-bubble chat-bubble--left">
			<p>我想要一個天氣的啊，天氣的很酷誒，你不覺得嗎</p>

		</div>
	</div>
</div>
<div class="chat-message chat-message--right" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;jim.jpg" alt="琳 avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: white">
			琳
		</div>
		<div class="chat-bubble chat-bubble--right">
			<p>天氣的到底誰會需要</p>

		</div>
	</div>
</div>
<div class="chat-message chat-message--left" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;anainai.webp" alt="阿奈奈 𝒜𝒩𝒶𝒾  avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: #e9a1b1">
			阿奈奈 𝒜𝒩𝒶𝒾 
		</div>
		<div class="chat-bubble chat-bubble--left">
			<p>可是...可是你們不覺得很酷嗎！...可是很酷誒！</p>
<p>你想你想你想你想你想，在看主播的時候旁邊還可以有一個天氣預報，而且主播常常都開台到晚上十二點，你就可以看明天的天氣耶，不覺得很酷嗎？</p>

		</div>
	</div>
</div>
<div class="chat-message chat-message--left" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;anainai.webp" alt="阿奈奈 𝒜𝒩𝒶𝒾  avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: #e9a1b1">
			阿奈奈 𝒜𝒩𝒶𝒾 
		</div>
		<div class="chat-bubble chat-bubble--left">
			<p>...不酷嗎？</p>

		</div>
	</div>
</div>
<div class="chat-message chat-message--right" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;jim.jpg" alt="琳 avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: white">
			琳
		</div>
		<div class="chat-bubble chat-bubble--right">
			<p>太酷了吧</p>

		</div>
	</div>
</div>
<figure>
<a href="&#x2F;SideProject&#x2F;obs-weather-widget&#x2F;usage.png" target="_blank">
		<img class=""alt="阿奈奈在直播中使用可愛風 OBS 天氣小工具"src="usage.png" srcset="//xn--jgy.tw/processed_images/usage.608ef7af65b8a0bd.avif 240w, //xn--jgy.tw/processed_images/usage.13d64e9d3dec294b.avif 360w, //xn--jgy.tw/processed_images/usage.d7907cd464bd695f.avif 720w, //xn--jgy.tw/processed_images/usage.fbcca30d0ed1c4fd.avif 1192w" sizes="(max-width: 720px) 100vw, 720px"/>
	</a>
<figcaption>阿奈奈在直播中使用可愛風 OBS 天氣小工具</figcaption>
</figure>
<h3 id="guan-yu-mei-shu-su-cai"><a class="zola-anchor" href="#guan-yu-mei-shu-su-cai" aria-label="Anchor link for: guan-yu-mei-shu-su-cai"><i class="icon"></i></a>
關於美術素材</h3>
<p>這個專案的圖像素材是<a class="external" rel="noopener external" target="_blank" href="https://gemini.google.com/share/0ccfcfe3dce7">與 Nano Banana Pro by Gemini 3 協作完成</a>。</p>
<p>Gemini 3 幫我產生了可愛風格的天氣圖示和小工具設計。在裁切圖示的時候，由於使用美術軟體做去背圖檔超出我跟 AI 的能力範圍，是請阿奈幫忙處理的。</p>
<figure>
<a href="&#x2F;SideProject&#x2F;obs-weather-widget&#x2F;art-style-reference.png" target="_blank">
		<img class=""alt="Gemini 設計的美術風格參考"src="art-style-reference.png" srcset="//xn--jgy.tw/processed_images/art-style-reference.4d3406cee1341081.avif 240w, //xn--jgy.tw/processed_images/art-style-reference.362cb3f08e6cdd03.avif 360w, //xn--jgy.tw/processed_images/art-style-reference.8320d517d31a9925.avif 720w, //xn--jgy.tw/processed_images/art-style-reference.01681b565e380f32.avif 800w" sizes="(max-width: 720px) 100vw, 720px"/>
	</a>
<figcaption>Gemini 設計的美術風格參考</figcaption>
</figure>
<figure>
<a href="&#x2F;SideProject&#x2F;obs-weather-widget&#x2F;icon-reference.png" target="_blank">
		<img class=""alt="Gemini 產生的圖示"src="icon-reference.png" srcset="//xn--jgy.tw/processed_images/icon-reference.08656b28666b24f9.avif 240w, //xn--jgy.tw/processed_images/icon-reference.ac4b840d00051c93.avif 360w, //xn--jgy.tw/processed_images/icon-reference.995e055bcd1e588b.avif 720w, //xn--jgy.tw/processed_images/icon-reference.350bc796f564f9b1.avif 2816w" sizes="(max-width: 720px) 100vw, 720px"/>
	</a>
<figcaption>Gemini 產生的圖示</figcaption>
</figure>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/SideProject/obs-weather-widget/preview.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>使用 Fedora CoreOS 在雲端部署 Misskey 聯邦宇宙節點</title>
            <published>2026-01-05T10:29:11.875+00:00</published>
            <updated>2026-01-06T06:23:25.269+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Container/fedora-coreos-misskey-deployment/"/>
            <id>https://xn--jgy.tw/Container/fedora-coreos-misskey-deployment/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/Container/fedora-coreos-misskey-deployment/preview.png"/>
              <p>這篇文章要分享的是我架設 <a class="external" rel="noopener external" target="_blank" href="https://misskey-hub.net/tw/">Misskey</a> 伺服器的經驗。我選擇了一條跟大多數人不太一樣的路：用 <a class="external" rel="noopener external" target="_blank" href="https://docs.fedoraproject.org/en-US/fedora-coreos/">Fedora CoreOS</a> 搭配 <a class="external" rel="noopener external" target="_blank" href="https://coreos.github.io/ignition/">Ignition</a> 設定檔來部署，而不是常見的 Docker Compose 加上 Ubuntu。</p>
<p>為什麼要這麼做？那是因為我想實現一個理想：<span class="success">透過設定檔一鍵重建整台伺服器</span>。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Container/fedora-coreos-misskey-deployment/preview.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>打造 VTuber 須多夜花官方網站：Zola SSG 與 AI 協作開發實錄</title>
            <published>2025-12-29T09:27:20.808+00:00</published>
            <updated>2026-01-14T10:06:29.570+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/SideProject/suda-yoruka-official-website-zola-ssg/"/>
            <id>https://xn--jgy.tw/SideProject/suda-yoruka-official-website-zola-ssg/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.c165b2db3e1e410d.png"/>
              <blockquote>
<p><span style="color: #e34565ff">
		須多夜花
	</span>官方網站<br />
<a class="external" rel="noopener external" target="_blank" href="https://SudaYoruka.com">https://SudaYoruka.com</a></p>
</blockquote>
<p>這篇文章記錄了我為 VTuber <a class="external" rel="noopener external" target="_blank" href="https://www.youtube.com/@sudayoruka"><span style="color: #e34565ff">
		須多夜花
	</span></a> 打造官方網站的開發歷程。我是琳，是須多夜花的 IP 營運負責人，同時也是這個官方網站的獨立開發者。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.c165b2db3e1e410d.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>Cloudflare DDNS 完整教學：自動更新浮動 IP 的 DNS 記錄</title>
            <published>2025-12-26T08:55:48.741+00:00</published>
            <updated>2025-12-27T20:06:19.282+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/SideProject/simple-cloudflare-ddns/"/>
            <id>https://xn--jgy.tw/SideProject/simple-cloudflare-ddns/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/SideProject/simple-cloudflare-ddns/preview.png"/>
              <div class="chat-message chat-message--left" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;user.svg" alt="User avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: white">
			User
		</div>
		<div class="chat-bubble chat-bubble--left">
			<p>@jim 我家裡架了一台伺服器，想用自己的網域連回去。但問題是我家是浮動 IP，對外 IP 會變動，每次 IP 一換 DNS 設定就不對了，該怎麼辦呢？</p>

		</div>
	</div>
</div>
<div class="chat-message chat-message--right" role="article" aria-labelledby="chat-speaker- 0">
	<div class="chat-message__avatar">
		<img src="&#x2F;avatars&#x2F;jim.jpg" alt="琳 avatar" class="chat-avatar no-hover" width="40" height="40" loading="lazy" decoding="async"/>
	</div>
	<div class="chat-message__content">
		<div class="chat-speaker" id="chat-speaker- 0" style="color: white">
			琳
		</div>
		<div class="chat-bubble chat-bubble--right">
			<p>這是架設 Home Lab 或自架服務常遇到的問題。你需要的是 <strong>DDNS (Dynamic DNS)</strong> 解決方案。簡單來說，DDNS 會定期檢查你目前的對外 IP，發現變動時就自動更新 DNS 記錄，讓你的網域始終指向正確的 IP 位址。</p>
<p>既然你的網域已經託管在 Cloudflare，我們就可以利用 Cloudflare API 來實現這件事。我有一個開源專案 <a class="external" rel="noopener external" target="_blank" href="https://github.com/jim60105/simple-cloudflare-ddns">simple-cloudflare-ddns</a>，設定好環境變數就能使用了喔！</p>

		</div>
	</div>
</div>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/SideProject/simple-cloudflare-ddns/preview.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>自家網路拓撲重新設計：FortiGate 60F 與 Mikrotik hEX S 的角色轉換</title>
            <published>2025-12-25T16:44:38.693+00:00</published>
            <updated>2025-12-25T20:10:03.060+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/SystemAdmin/home-network-topology-redesign/"/>
            <id>https://xn--jgy.tw/SystemAdmin/home-network-topology-redesign/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/SystemAdmin/home-network-topology-redesign/preview.jpg"/>
              <h2 id="bei-jing"><a class="zola-anchor" href="#bei-jing" aria-label="Anchor link for: bei-jing"><i class="icon"></i></a>
背景</h2>
<p>我家原本使用的 FG-50E UTM 防火牆過期了，於是又買了一台（二手的😝）FG-60F 來替換。趁這個時候把家裡的網路拓撲架構也稍微調整了一下。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/SystemAdmin/home-network-topology-redesign/preview.jpg" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>VTuber 「須多夜花」正式宣布復出 轉型個人勢並發表首支原創曲</title>
            <published>2025-12-21T19:00:00+00:00</published>
            <updated>2025-12-21T19:00:00+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Livestream/sudayoruka-return-announcement/"/>
            <id>https://xn--jgy.tw/Livestream/sudayoruka-return-announcement/</id>
            
            <content type="html" xml:base="https://xn--jgy.tw/Livestream/sudayoruka-return-announcement/"><![CDATA[
              <img src="https://xn--jgy.tw/Livestream/sudayoruka-return-announcement/preview.jpg"/>
              <p>VTuber 「須多夜花」於昨 (21) 日正式宣布復出，完成 IP 權利轉移後轉為個人勢身分，並同步發表首支原創曲《第一，與你》。此次復出標誌著須多夜花在演藝生涯上獲得更彈性的自主規劃，未來將以兼職 VTuber 形式進行長期活動。</p>
<iframe
	class="youtube-embed"
	src="https://www.youtube-nocookie.com/embed/K4Saywm1QKg"
	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
	referrerpolicy="strict-origin-when-cross-origin"
	allowfullscreen
	credentialless
	sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox"
	title="【原創曲】第一，與你 &#x2F; 須多夜花"
>
</iframe>
<p>須多夜花的智慧財產權已由營運負責人「琳」從前所屬公司 Renewlive 完整取得，並授權藝人使用。此次權利轉移使須多夜花脫離企業勢體制，轉為個人勢 VTuber，在內容創作與活動規劃上擁有更大的彈性空間。</p>
<a href="&#x2F;Livestream&#x2F;sudayoruka-return-announcement&#x2F;1-2.png" target="_blank">
		<img class="no-hover"alt="須多夜花"src="1-2.png" srcset="//xn--jgy.tw/processed_images/1-2.26d8b78427cb1497.avif 240w, //xn--jgy.tw/processed_images/1-2.12960b1cf737c1bc.avif 360w, //xn--jgy.tw/processed_images/1-2.f10077f9c497b451.avif 720w, //xn--jgy.tw/processed_images/1-2.88211c39f8a1aff2.avif 1441w" sizes="(max-width: 720px) 100vw, 720px"/>
	</a>
<p>「我們為須多夜花設定的目標是長久經營並樂在其中。比起追求數字或收益，我更希望能建立一個讓她與所有油民都能感到舒適、開心的環境。」營運負責人琳表示。</p>
<a href="&#x2F;Livestream&#x2F;sudayoruka-return-announcement&#x2F;2.png" target="_blank">
		<img class="no-hover"alt="須多夜花"src="2.png" srcset="//xn--jgy.tw/processed_images/2.a8819576be8e0ced.avif 240w, //xn--jgy.tw/processed_images/2.3d0f2f794bb1c102.avif 360w, //xn--jgy.tw/processed_images/2.fb4aa416b68fe33d.avif 720w, //xn--jgy.tw/processed_images/2.0babc0720ccd954c.avif 1205w" sizes="(max-width: 720px) 100vw, 720px"/>
	</a>
<p>須多夜花將以兼職 VTuber 身分回歸，直播與活動頻率將採取彈性安排，直播活動將在 YouTube 與 Twitch 雙平台同步進行。目前 YouTube 頻道的收益化功能需重新累積達標，但不影響既有的直播與內容發布計畫。</p>
<p>配合復出，須多夜花發表首支原創曲《第一，與你》。該曲已於 YouTube 平台公開，另有一首翻唱曲目正在製作中。</p>
<a href="&#x2F;Livestream&#x2F;sudayoruka-return-announcement&#x2F;cover-coming-soon.png" target="_blank">
		<img class="no-hover"alt="須多夜花 Cover 曲待續"src="cover-coming-soon.png" srcset="//xn--jgy.tw/processed_images/cover-coming-soon.31efba28724eacb0.avif 240w, //xn--jgy.tw/processed_images/cover-coming-soon.28f011e85b120859.avif 360w, //xn--jgy.tw/processed_images/cover-coming-soon.2f5d5d6e50e85271.avif 720w, //xn--jgy.tw/processed_images/cover-coming-soon.9933f2c31618ebb2.avif 1441w" sizes="(max-width: 720px) 100vw, 720px"/>
	</a>
<p>須多夜花是以盟龍族角色設定為特色的台灣 VTuber，擅長歌唱、遊戲實況、雜談，回歸角色設定為來自盟龍世界的正式文化探索人員。須多夜花於 2021 年 4 月 1 日出道，並於 2024 年 10 月 31 日停止活動，此次復出距離上次活動中斷已逾一年。</p>
<hr />
<h2 id="xiang-guan-lian-jie"><a class="zola-anchor" href="#xiang-guan-lian-jie" aria-label="Anchor link for: xiang-guan-lian-jie"><i class="icon"></i></a>
相關連結</h2>
<p>復出官方公告：<a class="external" rel="noopener external" target="_blank" href="https://sudayoruka.com/posts/2025-12-21-return-announcement/">https://sudayoruka.com/posts/2025-12-21-return-announcement/</a><br />
原創曲《第一，與你》MV：<a class="external" rel="noopener external" target="_blank" href="https://youtu.be/K4Saywm1QKg">https://youtu.be/K4Saywm1QKg</a><br />
原創曲官方公告：<a class="external" rel="noopener external" target="_blank" href="https://sudayoruka.com/posts/2025-12-22-original-song-first-with-you/">https://sudayoruka.com/posts/2025-12-22-original-song-first-with-you/</a><br />
YouTube 頻道：<a class="external" rel="noopener external" target="_blank" href="https://www.youtube.com/@sudayoruka">https://www.youtube.com/@sudayoruka</a><br />
Twitch 頻道：<a class="external" rel="noopener external" target="_blank" href="https://www.twitch.tv/sudayoruka">https://www.twitch.tv/sudayoruka</a><br />
X (Twitter)：<a class="external" rel="noopener external" target="_blank" href="https://x.com/sudayoruka">https://x.com/sudayoruka</a></p>
]]></content>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Livestream/sudayoruka-return-announcement/preview.jpg" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>Fedora Kinoite 開發者快速上手指南</title>
            <published>2025-12-15T09:42:16.460+00:00</published>
            <updated>2025-12-18T15:45:46.436+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/SystemAdmin/fedora-kinoite-intro/"/>
            <id>https://xn--jgy.tw/SystemAdmin/fedora-kinoite-intro/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.3b3b89aea31047e2.png"/>
              <blockquote class="markdown-alert-edit">
	<p>這篇文章是我寫給同事的指南，放在公司電腦的桌面上，目的是讓下一位接手這台電腦的人能夠順利使用 Fedora Kinoite，而不是把它重灌成 Ubuntu 或 Windows 🙏</p>
<p>也在這裡分享給大家參考。</p>

</blockquote>
<p>Hi, 我是 Jim。</p>
<p>歡迎使用 Fedora Kinoite！這是一套基於 KDE Plasma 桌面的「原子化」(Atomic) 作業系統。如果你第一次使用它，這份指南會幫助你快速上手。</p>
<p>為了不要讓它變成長長的沒人看的文件，本篇指南僅重點說明最實務面的使用方式和指令，只有淺淺的摸了一下表面而已。我希望你在上手之後能再多花點時間閱讀其它教學，更深入的了解它們的設計理念。</p>
<hr />
<h2 id="wei-shen-mo-bu-yao-ba-ta-zhong-guan-cheng-ubuntu-huo-windows"><a class="zola-anchor" href="#wei-shen-mo-bu-yao-ba-ta-zhong-guan-cheng-ubuntu-huo-windows" aria-label="Anchor link for: wei-shen-mo-bu-yao-ba-ta-zhong-guan-cheng-ubuntu-huo-windows"><i class="icon"></i></a>
為什麼不要把它重灌成 Ubuntu 或 Windows？</h2>
<p>Fedora Kinoite 帶來幾個傳統系統做不到的好處：</p>
<p><span class="success">系統永遠不會壞掉</span>：更新是原子化操作，要嘛整個成功、要嘛整個失敗。不會發生「更新到一半斷電，系統就開不了機」的慘況。每次更新前都會自動保留前一個版本，出問題可以隨時 rollback 回去。</p>
<p><span class="success">開發環境乾淨隔離</span>：透過 Toolbx 容器，你可以為每個專案建立獨立的開發環境。Python 3.10 和 Python 3.12 專案能各自有自己的容器，刪掉容器就能清除所有髒東西，不會像傳統系統那樣越用越亂。</p>
<p><span class="success">SELinux 預設開啟且完整支援</span>：這是企業級的安全機制，可以防止惡意程式取得不該有的權限。很多人在其他發行版會因為「太麻煩」而關掉它，但 Kinoite 的設計讓你幾乎不會遇到 SELinux 造成的問題，因為大部分軟體都跑在容器或 Flatpak 沙盒裡。</p>
<p><span class="success">由 Red Hat 贊助</span>：Fedora 是 RHEL 的上游，這裡學到的東西可以直接套用到企業環境。</p>
<p><span class="success">它是 Linux</span>：Linux 是自由的。我喜歡自由，我希望你也喜歡。😉</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.3b3b89aea31047e2.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>台灣 VTuber 須多夜花畢業一年後安排直播 神秘倒數網站引發猜測</title>
            <published>2025-12-14T19:10:57.784+00:00</published>
            <updated>2025-12-14T19:10:58.079+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Livestream/sudayoruka-secret-stream/"/>
            <id>https://xn--jgy.tw/Livestream/sudayoruka-secret-stream/</id>
            
            <content type="html" xml:base="https://xn--jgy.tw/Livestream/sudayoruka-secret-stream/"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.597d25028d78a9f9.png"/>
              <p>2025 年 12 月初，VTuber 須多夜花的<a class="external" rel="noopener external" target="_blank" href="https://countdown.sudayoruka.com">神秘倒數網站</a> 悄悄上線，而她的 YouTube 頻道預定了 12 月 21 日的直播活動。這是須多夜花自 2024 年 10 月 31 日停止活動以來，超過一年的沉寂之後，首次出現的公開動靜。</p>
<p>倒數網站顯示的時間點也是指向 2025 年 12 月 21 日，這個日期正是須多夜花的生日。網站採用復古電視機視覺風格，螢幕中央浮現人物剪影，配合輕微雜訊與掃描線特效，營造出神秘氛圍。</p>
<p>須多夜花曾活躍於 YouTube 與 Twitch 平台，主要進行歌唱與遊戲實況活動。2024 年 10 月 31 日，她在直播中向觀眾道別後，停止所有公開活動。這段期間，她的社群帳號沒有任何更新。</p>
<iframe
	class="youtube-embed"
	src="https://www.youtube-nocookie.com/embed/ej0SPZg_-1s"
	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
	referrerpolicy="strict-origin-when-cross-origin"
	allowfullscreen
	credentialless
	sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox"
	title="須多夜花神秘直播"
>
</iframe>
<p>倒數網站未提供活動內容的具體預告，YouTube 頻道也只顯示了直播預定時間，並以「???」做為直播標題。根據 VTuber 業界慣例，生日直播通常會安排特別企劃或重要發表。在超過一年停止活動的背景下，這次的動靜在社群中引發討論，究竟是特別企劃，還是正式復出呢？</p>
<p>距離 12 月 21 日僅剩數天，具體內容將在當日揭曉。</p>
<hr />
<h2 id="can-kao-zi-xun"><a class="zola-anchor" href="#can-kao-zi-xun" aria-label="Anchor link for: can-kao-zi-xun"><i class="icon"></i></a>
參考資訊</h2>
<p>須多夜花倒數網站： <a class="external" rel="noopener external" target="_blank" href="https://countdown.sudayoruka.com">https://countdown.sudayoruka.com</a><br />
須多夜花 YouTube 頻道： <a class="external" rel="noopener external" target="_blank" href="https://youtube.com/@SudaYoruka">https://youtube.com/@SudaYoruka</a><br />
須多夜花 X 帳號： <a class="external" rel="noopener external" target="_blank" href="https://x.com/SudaYoruka">https://x.com/SudaYoruka</a></p>
]]></content>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.597d25028d78a9f9.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>Coding Agent 中文字變方塊？Playwright MCP 字型渲染解決方案</title>
            <published>2025-12-03T08:18:08.711+00:00</published>
            <updated>2025-12-03T10:28:22.069+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/AI/github-coding-agent-playwright-font-rendering/"/>
            <id>https://xn--jgy.tw/AI/github-coding-agent-playwright-font-rendering/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;cover.7edcc03f876c09a2.png"/>
              <p>最近我頻繁使用 GitHub Copilot Coding Agent 進行 Side project 開發工作。在處理前端專案時，我注意到 Playwright 截圖中的中文字全部變成方塊。直覺反應是網路被擋住了，於是我試著先關閉 Coding Agent 的防火牆設定，結果問題依舊存在。</p>
<p>翻閱官方文件後才發現，防火牆和 Playwright MCP Server 的網路限制是兩個獨立的機制。即使防火牆放行，Playwright 預設仍只能存取本機資源。為了驗證這個理解，我建立了 <a class="external" rel="noopener external" target="_blank" href="https://github.com/jim60105/test-runner-fonts">test-runner-fonts</a> 儲存庫進行系統性測試。這篇文章記錄我的發現，並提供兩種可行的解決方案。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;cover.7edcc03f876c09a2.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>擺脫 CI&#x2F;CD 廠商鎖定 (Vendor Lock-in) —— 以 Containerfile 實現跨平台流程</title>
            <published>2025-11-12T08:52:20.157+00:00</published>
            <updated>2025-11-14T03:07:50.376+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Container/multi-stage-containerfile-cicd/"/>
            <id>https://xn--jgy.tw/Container/multi-stage-containerfile-cicd/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/Container/multi-stage-containerfile-cicd/banner.png"/>
              <p>在軟體開發的日常中，團隊常常會遇到這樣的狀況：專案 A 用 Azure DevOps 建好了 CI/CD Pipeline，到了專案 B 客戶指定要用 GitLab CI，結果發現測試腳本、環境設定、報告產生邏輯幾乎要全部重寫。每個平台的 YAML 語法不同，維護多套類似功能的腳本既費時又容易出錯。更棘手的是，本機測試通過的程式碼，推上 Pipeline 卻可能因為環境差異而失敗，除錯時很難精確重現雲端的建構環境。</p>
<p>這篇文章要分享一個根本性的解決方案：把 CI/CD 的建構邏輯封裝在 Containerfile 的多階段建構中。透過 <code>test</code>、<code>report</code>、<code>final</code> 三階段設計，讓 Pipeline 變成薄薄一層，只需要一行建構指令就能完成測試和報告產生。更重要的是，本機和雲端使用完全相同的 Containerfile，環境百分之百一致，真正做到跨平台可移植、可重現的建構流程。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Container/multi-stage-containerfile-cicd/banner.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>企業級 Git 裸儲存庫實戰：氣隙環境的四層架構開發流程</title>
            <published>2025-11-07T06:09:59+00:00</published>
            <updated>2026-01-01T15:59:18.581+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Uncategorized/git-bare-repo-enterprise-workflow-guide/"/>
            <id>https://xn--jgy.tw/Uncategorized/git-bare-repo-enterprise-workflow-guide/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/Uncategorized/git-bare-repo-enterprise-workflow-guide/preview.png"/>
              <blockquote>
<p>本文重寫自我的 AI Blog</p>
<p><a class="external" rel="noopener external" target="_blank" href="https://xn--uy0a.tw/Git/git-bare-repo-usb-offline-code-sync-guide/">以 USB 和 Git 裸儲存庫：離線程式碼同步的終極指南 - 琳聽智者漫談</a></p>
</blockquote>
<p>在企業環境中，基於資安考量，內外網嚴格隔離是常見的安全策略。開發者會需要在開發工作站安裝各種開發工具和套件，這些行為讓開發環境相對「危險」。而 Git 儲存庫則託管在受保護的內網伺服器上，兩者之間無法直接連線。在這種嚴格的網路隔離政策下，如何維持有效的版本控制和程式碼同步，成為實際的開發挑戰。</p>
<p>本文將分享一套經過實戰驗證的解決方案，透過 Git 裸儲存庫（Bare Repository）與 USB 隨身碟，在<a class="external" rel="noopener external" target="_blank" href="https://%E8%81%86.tw/SystemAdmin/air-gap-network-environment/">氣隙環境</a>建立起符合資安要求的四層架構工作流程。核心概念是利用「物理隔離」來橋接內外網：外網開發機無法連接內網，只能透過 USB 隨身碟作為資料載體，由具有內網權限的中介機器負責最終推送。這個額外的中介層除了滿足資安政策要求，同時提供了一個重要的檢查點，讓變更在推送到內網儲存庫前，能經過最後一道人工驗證。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Uncategorized/git-bare-repo-enterprise-workflow-guide/preview.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>微軟倉頡輸入法自訂碼表教學</title>
            <published>2025-09-14T15:23:19.922+00:00</published>
            <updated>2025-09-16T12:17:41.220+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Uncategorized/microsoft-cangjie-custom-code-table/"/>
            <id>https://xn--jgy.tw/Uncategorized/microsoft-cangjie-custom-code-table/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/Uncategorized/microsoft-cangjie-custom-code-table/preview.png"/>
              <p>我日常使用的是<a class="external" rel="noopener external" target="_blank" href="https://github.com/jim60105/Newcj_rime">自由大新倉頡碼表</a>，搭配 <a class="external" rel="noopener external" target="_blank" href="https://rime.im/">RIME 中州韻輸入法</a>，是較小眾的輸入法。</p>
<p>八月初換新工作，來到一間大公司，嚴格的資安規範禁止在公務筆電中自行安裝軟體。不誇張，這可能是新工作中最痛苦的部份 —— 突然被逼著回頭面對垃圾微軟內建輸入法，那種挫折感真的難以言喻，我打不出中文字！</p>
<p>不過山不轉路轉，既然不能安裝軟體，那就想辦法<em>調整</em>內建工具吧！經過一番研究，真的讓我找到了將內建倉頡輸入法替換碼表的方法。現在就讓我來分享這個解決方案，讓遇到同樣困擾的讀者也能繼續使用熟悉的輸入碼表。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Uncategorized/microsoft-cangjie-custom-code-table/preview.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>[開箱] Tangem Wallet - 一款安全的加密貨幣冷錢包</title>
            <published>2025-02-21T18:33:54.912+00:00</published>
            <updated>2025-02-21T18:33:52.941+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Unboxing/tangem-cold-wallet/"/>
            <id>https://xn--jgy.tw/Unboxing/tangem-cold-wallet/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/Unboxing/tangem-cold-wallet/IMG_20250206_222649.jpg"/>
              <blockquote>
<p><a class="external" rel="noopener external" target="_blank" href="https://tangem.com/pricing/?promocode=3DUYGB">Tangem Wallet 官方商店連結</a><br />
使用此推廣連結下單可獲得 10% 額外折扣<br />
而我能獲得 5 美元的獎勵 😆</p>
</blockquote>
<aside>
<a href="&#x2F;Unboxing&#x2F;tangem-cold-wallet&#x2F;tangem_logo.webp" target="_blank">
		<img class=""alt="Tangem logo"src="tangem_logo.webp" srcset="//xn--jgy.tw/processed_images/tangem_logo.b31242d3609e2452.avif 240w, //xn--jgy.tw/processed_images/tangem_logo.3408776f35556b99.avif 360w, //xn--jgy.tw/processed_images/tangem_logo.9ec6c8c9e971668c.avif 480w" sizes="(max-width: 480px) 100vw, 480px"/>
	</a>
</aside>
<p>好久沒寫開箱文了！</p>
<p>去年我在 HackerNoon 投稿了<a href="https://xn--jgy.tw/AI/say-goodbye-to-ai-hallucinations-a-simple-method-to-improve-the-accuracy-of-your-rag-system/">一篇和 RAG 相關的技術文章</a>，有幸獲選得獎，在農歷年假期間領到了一筆不小的獎金 —— USD $1000。</p>
<p>有趣的是，主辦單位是以加密貨幣 USDT 支付！這是一個跨國競賽，主辦單位選擇以此方式支付獎金可以省下大筆的跨國電匯手續費，我認為是一個很聰明的選擇。</p>
<p>過往我曾有一些使用加密貨幣的經驗，但都是研究性質操作小筆金額。雖然對冷錢包一直都有些興趣，但還沒到「花 3000 元買錢包來存 30 元」的程度。</p>
<p>這次藉由收到這筆款項的機會，再加上閱讀了 <a class="external" rel="noopener external" target="_blank" href="https://liker.land/zh-Hant/nft/class/likenft1dpegnjnklnh5g66nn06gz64wv0ec6k04f4v5lx69qlv6xlh493eqdq454j">高重建的《每天買一百元比特幣——我的定額定投四年戰績實錄》</a>，讓我決定終於該好好的開始持有一些加密貨幣了。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Unboxing/tangem-cold-wallet/IMG_20250206_222649.jpg" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>從一小時到一分鐘：重塑父親的 AI 英文教材產製工作流 —— 「AI 英文教材產生助手」</title>
            <published>2025-01-27T23:14:42.442+00:00</published>
            <updated>2026-01-20T14:22:50.775+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/AI/english-textbook-generation-assistant/"/>
            <id>https://xn--jgy.tw/AI/english-textbook-generation-assistant/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.272eaa0309ecf77d.png"/>
              <h2 id="chatgpt-robot-bang-wo-chan-sheng-yi-fen-ying-wen-jiao-cai"><a class="zola-anchor" href="#chatgpt-robot-bang-wo-chan-sheng-yi-fen-ying-wen-jiao-cai" aria-label="Anchor link for: chatgpt-robot-bang-wo-chan-sheng-yi-fen-ying-wen-jiao-cai"><i class="icon"></i></a>
ChatGPT 🤖 幫我產生一份英文教材</h2>
<p>在探索 AI 應用的過程中，前段時間我發現了一個值得優化的日常工作流程。</p>
<blockquote>
<p>老爸的英文教材</p>
<hr />
<iframe
	class="youtube-embed"
	src="https://www.youtube-nocookie.com/embed/RveajhHL7Q4"
	allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
	referrerpolicy="strict-origin-when-cross-origin"
	allowfullscreen
	credentialless
	sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox"
	title="YouTube 影片播放器"
>
</iframe>
</blockquote>
<p>我爸每天會使用 <strong>ChatGPT</strong> 為我兩個就讀建中的弟弟製作英文教材。他每天都會發一篇在我們家的 Messenger 群組裡，他已經做了一整個系列。</p>
<p>深入了解後，我發現我爸每天會花費<span class="danger">約 50 分鐘</span>製作這些教材，大部分時間用於與 ChatGPT 互動，以產生所需的文章內容並確保格式一致。</p>
<p>50 分鐘！<br />
這是一個相當可觀的時間，尤其是在他每天都重複進行的情況之下 😮</p>
<p>作為 AI 應用開發者，我認為這是一個很適合通過 AI workflow 來自動化的需求案例。因此，我開發了「英文教材產生助手 (English Textbook Generation Assistant)」 Coze bot ，<span class="success">目標是將我爸的需求轉成工作流，實現高度自動化。</span></p>
<p>在接下來的章節中，我會介紹這個 AI 助手的核心功能、Workflow 設計和技術選擇，以及實際應用效果。這個案例展示了日常任務的自動化，也為 AI 在教育領域的應用提供了一個範例。我希望能展示 AI 在提升日常工作效率方面的潛力，並激發更多人思考如何在自己的領域中應用 AI 技術。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.272eaa0309ecf77d.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>🤖 AI 也能 cosplay？從零開始的 LLM 角色扮演指南</title>
            <published>2025-01-27T02:43:00.155+00:00</published>
            <updated>2026-01-01T15:56:54.343+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/AI/design-roleplay-llm-prompts/"/>
            <id>https://xn--jgy.tw/AI/design-roleplay-llm-prompts/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.62f9c698420bc18c.png"/>
              <h2 id="yin-yan"><a class="zola-anchor" href="#yin-yan" aria-label="Anchor link for: yin-yan"><i class="icon"></i></a>
引言</h2>
<p>你是否曾經夢想過與動漫中的角色進行對話？或者渴望與歷史名人展開一場跨越時空的交談？在近兩年，隨著人工智慧技術的飛速發展，這些曾經只存在於想像中的情景正在成為現實。</p>
<p>大型語言模型 (LLM) 的出現，為角色扮演遊戲的互動體驗帶來了革命性的變革。現在，我們可以讓 AI 扮演各種角色，無論是知名的虛構人物還是自創的獨特角色，都能與玩家進行自然流暢的對話。然而，要讓 AI 扮演得維妙維肖，關鍵在於精心設計的提示詞和選擇合適的 LLM 模型。</p>
<p>正在閱讀這篇文章的你或許已經嘗試過這樣的體驗，也可能是發現 AI 的表現不如預期，才決定深入探索這個主題。<strong>無論如何，你來對地方了😉！</strong></p>
<p>從 2022 年就登錄 <a class="external" rel="noopener external" target="_blank" href="https://character.ai/">CAI</a>，2023 改戰 <a class="external" rel="noopener external" target="_blank" href="https://sillytavern.app/">SillyTavern</a>，到後來自行打造了 Coze bot <a class="external" rel="noopener external" target="_blank" href="https://www.coze.com/s/Zs8DE9fjU/">AI Waifu (AI 我婆)</a> 和 <a class="external" rel="noopener external" target="_blank" href="https://www.coze.com/s/Zs8DEaeva/">AI Role-playing Game Master</a>，我對於 LLM RPG 提示詞工程可說是經驗豐富。</p>
<p>本文將帶你深入了解如何建立一個專屬於你的 AI 角色扮演，從角色設定、個性塑造到對話風格的打造，我將一步步揭示創造引人入勝的 AI 角色的秘訣。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.62f9c698420bc18c.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>給 AI 🤖 的假新聞：深入解析網頁提示詞注入</title>
            <published>2025-01-02T10:15:33.629+00:00</published>
            <updated>2025-01-27T02:46:31.803+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/AI/fake-news-for-ai-an-in-depth-analysis-of-web-prompt-injection/"/>
            <id>https://xn--jgy.tw/AI/fake-news-for-ai-an-in-depth-analysis-of-web-prompt-injection/</id>
            
            <summary type="html"><![CDATA[
              <img src="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.a80ebe848efec259.jpg"/>
              <h2 id="bi-bi-robot-ji-you-hao-nan-he"><a class="zola-anchor" href="#bi-bi-robot-ji-you-hao-nan-he" aria-label="Anchor link for: bi-bi-robot-ji-you-hao-nan-he"><i class="icon"></i></a>
嗶嗶 🤖 機油好難喝</h2>
<p>在這個資訊爆炸的時代，AI 搜尋服務正悄然改變人們獲取知識的方式。不久前，我在瀏覽一篇<a class="external" rel="noopener external" target="_blank" href="https://www.inside.com.tw/article/37164-ai-search-with-false-information">關於 AI 技術的新聞時</a>，意外發現了一個引人深思的話題：<strong>網頁提示詞注入</strong>。</p>
<p>作為一個經常使用 AI 工具的網頁工程師，我對這個話題產生了濃厚的興趣。傳統的提示詞注入主要用於和 AI 對話時試圖改變其行為或繞過安全設置，但網頁提示詞注入則是一個不同的操作，它的做法是在網頁中植入隱型的「提示」，進而影響 AI 在閱讀和理解網頁內容時的判斷。</p>
<p>這個發現讓我萌生了一個大膽的想法：何不親自實驗一下，看看這種技術到底有多大的威力？於是，我決定深入探討這個主題，不僅要理解其運作原理，更要通過實際操作來驗證其效果。</p>
<p>在接下來的內容中，我將帶領大家一同探索網頁提示詞注入的世界。我將從概念入手，探討其潛在的應用場景和技術實現方式，分析它對 AI 搜尋服務可能造成的影響，最後還會進行一次實際的注入實驗。</p>
<p>網頁提示詞注入是一種新興技術，它巧妙地利用了 AI 搜尋服務的工作原理。為了更好地理解這個概念，先來回顧一下傳統的搜尋引擎最佳化（SEO）技術，再深入探討網頁提示詞注入的特點。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https:&#x2F;&#x2F;xn--jgy.tw&#x2F;processed_images&#x2F;preview.a80ebe848efec259.jpg" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>如何在 OBS Studio 錄製和匯入透明背景影片</title>
            <published>2024-12-22T16:00:03.816+00:00</published>
            <updated>2026-01-01T15:59:38.011+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Uncategorized/how-to-export-import-videos-with-transparent-background-in-obs-studio/"/>
            <id>https://xn--jgy.tw/Uncategorized/how-to-export-import-videos-with-transparent-background-in-obs-studio/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/card.png"/>
              <figure>
<video class="" src="transparent_vp9.webm"aria-title="A video without background"autoplay controls loop muted></video>

<figcaption> 一個使用 OBS 錄製的無背景的影片，<a href="transparent_vp9.webm" target="_blank">右鍵下載回去試試?</a> </figcaption>
</figure>
<h2 id="qian-yan"><a class="zola-anchor" href="#qian-yan" aria-label="Anchor link for: qian-yan"><i class="icon"></i></a>
前言</h2>
<p>在直播圈中，創新的視覺效果總是能為觀眾帶來驚喜。前幾天在 Discord 的一位朋友說想要「在直播中播放一個去背的字幕影片」，這個問題勾起了我的好奇心。</p>
<p>他的需求是<strong>唱歌直播時，在畫面前方同步播放去背的歌詞字幕動畫</strong>，他抱怨說<span class="danger">「OBS Studio 的綠幕功能去背效果不好」。</span></p>
<p>我過往沒有試過使用去背影片，對這個技術的現狀也不了解，於是我決定來試試如何在 OBS Studio 中實現這個功能。由於我手邊沒有去背影片素材，我的目標就變成了：<strong>「在 OBS 中錄製無背景的影片，並且能夠順利地在 OBS 中匯入播放。」</strong></p>
<p>在研究過程中，我意外發現這種去背影片不僅適用於直播，在網頁上也能播放！<br />
對我一個網頁工程師來說，這部份的應用其實更有趣 😀</p>
<p>接下來，讓我們一起探索如何在 OBS Studio 中玩轉透明背景影片，從基本概念到實際操作，一步步揭開這個有趣技術的神秘面紗。</p>
<blockquote>
<p><del>朋友使用 Wondershare Filmora 14 &amp; Adobe Premiere 製作字幕影片，這兩款軟體我都沒有，所以這部份不在本篇討論範圍內。</del>
見 <a href="https://xn--jgy.tw/Uncategorized/how-to-export-import-videos-with-transparent-background-in-obs-studio/#afterword">後日談</a></p>
</blockquote>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/card.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>Fedora&#x2F;RHEL 的 Podman GPU 設定手札</title>
            <published>2024-12-22T01:56:24.474+00:00</published>
            <updated>2024-12-22T15:34:01.584+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Container/configuring-gpu-in-linux-podman/"/>
            <id>https://xn--jgy.tw/Container/configuring-gpu-in-linux-podman/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/card.png"/>
              <h2 id="qian-yan"><a class="zola-anchor" href="#qian-yan" aria-label="Anchor link for: qian-yan"><i class="icon"></i></a>
前言</h2>
<p>上個月我從 Windows 跳槽到了 Fedora 重裝系統時深入研究了「如何在 Linux 環境設定 Podman」這個課題。以前在寫<a class="external" rel="noopener external" target="_blank" href="https://github.com/jim60105/docker-stable-diffusion-webui?tab=readme-ov-file#-get-your-docker-ready-for-gpu-support">個人專案文件</a>時碰到 Linux 總是輕輕帶過，「Linux 使用者知道自己在做什麼😉」，放個連結交差了事。然而實際輪到自己安裝時果然還是會遇到值得記錄下來的小挑戰<span class="spoiler">
		小地雷
	</span>。</p>
<p>這篇文章將講述如何設定 <a class="external" rel="noopener external" target="_blank" href="https://podman.io/">Podman</a>、<a class="external" rel="noopener external" target="_blank" href="https://github.com/containers/podman-compose">Podman Compose</a>、<a class="external" rel="noopener external" target="_blank" href="https://docs.nvidia.com/datacenter/cloud-native/container-toolkit/latest/index.html">NVIDIA Container Toolkit</a>、<a class="external" rel="noopener external" target="_blank" href="https://github.com/cncf-tags/container-device-interface">Container Device Interface (CDI)</a>，以便能夠在容器中使用 GPU。我會詳細介紹從安裝到設定的所有步驟，並分享一些實際應用的例子。無論你是初學者還是有經驗的使用者，希望這篇文章能為你在 Podman 容器的探索中提供幫助。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/card.png" height="72" width="72"/>
        </entry>
      
        <entry xml:lang="zh-Hant">
            <title>從 Blogger 到 Zola：重建我的個人部落格</title>
            <published>2024-12-08T17:27:17.048+00:00</published>
            <updated>2024-12-08T21:28:33.026+00:00</updated>
            
            <author>
              <name>
                
                  Jim Chen
                
              </name>
            </author>
            
            <link rel="alternate" type="text/html" href="https://xn--jgy.tw/Frontend/from-blogger-to-zola-rebuilding-my-personal-blog/"/>
            <id>https://xn--jgy.tw/Frontend/from-blogger-to-zola-rebuilding-my-personal-blog/</id>
            
            <summary type="html"><![CDATA[
              <img src="https://xn--jgy.tw/Frontend/from-blogger-to-zola-rebuilding-my-personal-blog/preview.png"/>
              <h2 id="ben-zhan-you-blogger-qian-yi-zhi-zola-la"><a class="zola-anchor" href="#ben-zhan-you-blogger-qian-yi-zhi-zola-la" aria-label="Anchor link for: ben-zhan-you-blogger-qian-yi-zhi-zola-la"><i class="icon"></i></a>
本站由 Blogger 遷移至 Zola 啦</h2>
<p>身為一名網頁開發者，我長期以來都有個心願：將我的部落格從 Blogger 平台遷移到一個更適合我需求的地方。這個想法在我腦海中盤旋多年，卻一直沒有付諸行動。直到最近，我發現了一個讓我眼前一亮的<strong>部落格範本</strong>，這成為了我最終下定決心進行搬遷的契機。</p>
<p>這次的搬遷工程並非一朝一夕就能完成。從 2024 年 10 月 5 日開始動工，到 2024 年 12 月 7 日正式上線，整整花費了兩個月的時間。在這段期間，我經歷了許多思考、規劃和實作的過程，這篇文章將記錄下我在搬家過程中的種種考量和心得。</p>
<p>有趣的是，我常常被問到：</p>
<p><em>「作為一個專業的網頁開發者，你怎麼會使用 Blogger 呢？」</em></p>
<p>這個問題的答案其實很簡單：</p>
<p><em>「因為我在 2010 年開始寫部落格的時候，還不是一個網頁開發者。」</em></p>
<p>時過境遷，我的技能和需求都有了顯著的變化，是時候讓我的部落格平台也跟上這些改變了。</p>
<p>這次的遷移不僅僅是一次簡單的平台更換，更是對我個人技術成長的一種見證。從一個單純的部落格寫手，到能夠自主選擇和定制自己的部落格平台，這個過程體現了我在網頁開發領域的進步和專業成長。</p>
<p>接下來，讓我們一起深入探討這次遷移的細節，看看為什麼最終選擇了 Zola，以及在這個過程中我所面臨的挑戰和收穫。</p>]]></summary>
            
            <media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://xn--jgy.tw/Frontend/from-blogger-to-zola-rebuilding-my-personal-blog/preview.png" height="72" width="72"/>
        </entry>
      
</feed>
