https://yuncolorblog.com/categories/r18/ Recent content in R18 on yunColorBlog.com Hugo -- gohugo.io zh-tw yuncolor719@gmail.com (雲彩) yuncolor719@gmail.com (雲彩) © 2026 雲彩 Mon, 18 May 2026 00:00:00 +0000 https://yuncolorblog.com/r18/agecertification/ Mon, 18 May 2026 00:00:00 +0000 yuncolor719@gmail.com (雲彩) https://yuncolorblog.com/r18/agecertification/ <p>　　最近試著用 Google 的 Antigravity 叫 AI 幫忙寫了個年齡驗證功能，這篇就是搬出來測試成果的。沒意外的話，現在要點進這篇文章會先跳出滿 18 歲的確認視窗（後來修成 <code>false</code> 所以現在進來不會有）；同時 RSS 訂閱那端也會做同步阻擋，只會顯示「此文章為限制級內容（18+），RSS 不提供完整內容」。</p> <p>　　順帶一提，這個功能是把驗證結果存進瀏覽器的 <code>localStorage</code> 裡，所以只要選過一次，下次點開就不會再跳提示。如果想關掉，可以按 <code>F12</code> -&gt; <code>Application</code> -&gt; <code>Local Storage</code>，找到 <code>ageVerified</code> 把值改成 <code>false</code> 就可以了。</p> <p>嫌麻煩的話，也可以直接點下面這個我叫 AI 生出來的按鈕，按下去就會自動重置：</p> <span id="reset-age-gate-wrap" style="display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap;"> <button id="reset-age-gate-btn" onclick="resetAgeGate()" style=" display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 8px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600; background: linear-gradient(135deg, #e94560, #c62a47); color: #fff; box-shadow: 0 2px 8px rgba(233,69,96,0.35); transition: transform 0.15s, box-shadow 0.15s; " onmouseover="this.style.transform='scale(1.04)';this.style.boxShadow='0 4px 14px rgba(233,69,96,0.5)'" onmouseout="this.style.transform='scale(1)';this.style.boxShadow='0 2px 8px rgba(233,69,96,0.35)'"> 重置年齡驗證 </button> <span id="reset-age-gate-msg" style="display:none; font-size:0.85rem; color:#22c55e; font-weight:600;"> ✓ 已重置，下次進入 18+ 文章將再次詢問。 </span> </span> <script> function resetAgeGate() { localStorage.removeItem('ageVerified'); var msg = document.getElementById('reset-age-gate-msg'); var btn = document.getElementById('reset-age-gate-btn'); btn.disabled = true; btn.style.opacity = '0.5'; btn.style.cursor = 'default'; msg.style.display = 'inline'; } </script> <p>　　話說回來，怎麼突然想加這個功能？<del>難道是我準備要開始搞大事了嗎？</del> 倒也不是。我的原則是不會在網站上放 R18 的露骨圖片，<del>除非哪天有自己畫的，想留個紀錄</del>，所以某方面來說還是可以安心點進來。不過因為平常會接觸一些分級屬於 R18 的 ACG 作品（像是柚子社的 Galgame 之類的），為了保險起見，覺得還是把防護網建起來比較穩妥。</p> <p>　　另外，為了不破壞原本的版面乾淨，我把 R18 相關的文章單獨切到了另一個資料夾。因為目前首頁的「最近的文章」只會去抓 posts/ 底下的內容，所以 <code>r18/</code> 資料夾裡的文章是不會出現在主頁的。之後想進來話，只能從 <a href="https://yuncolorblog.com/categories/">分類</a> 點進去，或者是直接在主頁網址後面加上 <code>/r18</code></p> <p>　　最近試著用 Google 的 Antigravity 叫 AI 幫忙寫了個年齡驗證功能，這篇就是搬出來測試成果的。沒意外的話，現在要點進這篇文章會先跳出滿 18 歲的確認視窗（後來修成 <code>false</code> 所以現在進來不會有）；同時 RSS 訂閱那端也會做同步阻擋，只會顯示「此文章為限制級內容（18+），RSS 不提供完整內容」。</p> <p>　　順帶一提，這個功能是把驗證結果存進瀏覽器的 <code>localStorage</code> 裡，所以只要選過一次，下次點開就不會再跳提示。如果想關掉，可以按 <code>F12</code> -&gt; <code>Application</code> -&gt; <code>Local Storage</code>，找到 <code>ageVerified</code> 把值改成 <code>false</code> 就可以了。</p> <p>嫌麻煩的話，也可以直接點下面這個我叫 AI 生出來的按鈕，按下去就會自動重置：</p> <span id="reset-age-gate-wrap" style="display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap;"> <button id="reset-age-gate-btn" onclick="resetAgeGate()" style=" display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 8px; border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600; background: linear-gradient(135deg, #e94560, #c62a47); color: #fff; box-shadow: 0 2px 8px rgba(233,69,96,0.35); transition: transform 0.15s, box-shadow 0.15s; " onmouseover="this.style.transform='scale(1.04)';this.style.boxShadow='0 4px 14px rgba(233,69,96,0.5)'" onmouseout="this.style.transform='scale(1)';this.style.boxShadow='0 2px 8px rgba(233,69,96,0.35)'"> 重置年齡驗證 </button> <span id="reset-age-gate-msg" style="display:none; font-size:0.85rem; color:#22c55e; font-weight:600;"> ✓ 已重置，下次進入 18+ 文章將再次詢問。 </span> </span> <script> function resetAgeGate() { localStorage.removeItem('ageVerified'); var msg = document.getElementById('reset-age-gate-msg'); var btn = document.getElementById('reset-age-gate-btn'); btn.disabled = true; btn.style.opacity = '0.5'; btn.style.cursor = 'default'; msg.style.display = 'inline'; } </script> <p>　　話說回來，怎麼突然想加這個功能？<del>難道是我準備要開始搞大事了嗎？</del> 倒也不是。我的原則是不會在網站上放 R18 的露骨圖片，<del>除非哪天有自己畫的，想留個紀錄</del>，所以某方面來說還是可以安心點進來。不過因為平常會接觸一些分級屬於 R18 的 ACG 作品（像是柚子社的 Galgame 之類的），為了保險起見，覺得還是把防護網建起來比較穩妥。</p> <p>　　另外，為了不破壞原本的版面乾淨，我把 R18 相關的文章單獨切到了另一個資料夾。因為目前首頁的「最近的文章」只會去抓 posts/ 底下的內容，所以 <code>r18/</code> 資料夾裡的文章是不會出現在主頁的。之後想進來話，只能從 <a href="https://yuncolorblog.com/categories/">分類</a> 點進去，或者是直接在主頁網址後面加上 <code>/r18</code></p> https://yuncolorblog.com/r18/r18-test/ Mon, 18 May 2026 00:00:00 +0000 yuncolor719@gmail.com (雲彩) https://yuncolorblog.com/r18/r18-test/ 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/r18-test/ 閱讀。 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/r18-test/ 閱讀（需年齡驗證）。 https://yuncolorblog.com/r18/dracu-riot-part2/ Sun, 29 Mar 2026 00:00:00 +0000 yuncolor719@gmail.com (雲彩) https://yuncolorblog.com/r18/dracu-riot-part2/ 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/dracu-riot-part2/ 閱讀。 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/dracu-riot-part2/ 閱讀（需年齡驗證）。 https://yuncolorblog.com/r18/dracu-riot-part1/ Tue, 10 Mar 2026 00:00:00 +0000 yuncolor719@gmail.com (雲彩) https://yuncolorblog.com/r18/dracu-riot-part1/ 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/dracu-riot-part1/ 閱讀。 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/dracu-riot-part1/ 閱讀（需年齡驗證）。 https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part2/ Thu, 05 Mar 2026 00:00:00 +0000 yuncolor719@gmail.com (雲彩) https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part2/ 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part2/ 閱讀。 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part2/ 閱讀（需年齡驗證）。 https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part1/ Tue, 06 Jan 2026 00:00:00 +0000 yuncolor719@gmail.com (雲彩) https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part1/ 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part1/ 閱讀。 此文章為限制級內容（18+），RSS 不提供完整內容。請前往 https://yuncolorblog.com/r18/sabbat-of-the-witch-experience-part1/ 閱讀（需年齡驗證）。