https://ja.moejue.cn/zh-hant/tags/api/ Recent content in Api on MoeJueのブログ Hugo zh-hant Wed, 15 Oct 2025 01:41:09 +0000 https://ja.moejue.cn/zh-hant/posts/288/ Wed, 15 Oct 2025 01:31:22 +0000 https://ja.moejue.cn/zh-hant/posts/288/ <p>還記得那個被你們玩壞的隨機圖接口嗎？今天它更新了！ 在過去的幾年裡，<strong>隨機圖 API</strong> 一直是許多前端開發者、二次元站長、甚至桌面插件愛好者的「小玩具」與「常用工具」。</p> <h3 id="-第一代簡單但笨重的起點">🥇 第一代：簡單但笨重的起點</h3> <p>那時候的隨機圖 API，說實話—— 就是一個 PHP 小腳本 + 一台雲主機。 那時的目標很簡單：<strong>提供一個能返回隨機圖片的接口</strong>。</p> <p><strong>特點如下：</strong></p> <ul> <li>所有請求都集中在一台伺服器上；</li> <li>圖片儲存與 API 服務耦合在一起；</li> <li>無快取，無智能分發，完全依賴單點性能；</li> <li>高峰期 CPU 飆升、502 報錯、訪問慢、費流量佔儲存；</li> </ul> <div class="code-block-container border-border bg-card my-6 overflow-hidden rounded-xl border shadow-sm transition-all duration-200 ease-out hover:-translate-y-0.5 hover:shadow-md"> <div class="code-block-header bg-muted/30 border-border flex items-center justify-between border-b px-4 py-3"> <div class="flex items-center gap-2"> <div class="text-muted-foreground flex-shrink-0"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /> </svg> </div> <span class="text-muted-foreground text-sm font-medium"> PLAINTEXT </span> </div> <div class="flex items-center gap-2"> <button class="collapse-code-btn text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-all duration-200 ease-out focus:ring-2 focus:outline-none" data-code-id="code-0" data-default-state="expanded" data-collapsed="false" data-auto-collapse-lines="30" data-auto-collapse-height="400" data-collapsed-height="120" title="折りたたむ" aria-label="折りたたむ"> <span class="collapse-icon"> <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg> </span> <span class="collapse-text hidden sm:inline" >折りたたむ</span > </button> <button class="copy-code-btn text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-all duration-200 ease-out focus:ring-2 focus:outline-none" data-code-id="code-0" title="コピー" aria-label="コピー"> <span class="copy-icon"> <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" /> </svg> </span> <span class="copy-text hidden sm:inline" >コピー</span > </button> </div> </div> <div class="code-block-content relative" id="code-0"> <pre tabindex="0"><code>[客戶端] ---&gt; [中心伺服器(唯一)] ---&gt; [圖片文件]</code></pre> <div class="collapse-overlay to-card/90 pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-transparent opacity-0 transition-opacity duration-300"> <div class="text-muted-foreground bg-card/80 border-border/50 hover:bg-primary/10 hover:text-primary hover:border-primary/30 absolute bottom-4 left-1/2 -translate-x-1/2 cursor-pointer rounded-full border px-3 py-1.5 text-xs backdrop-blur-sm transition-all duration-200"> クリックして展開し、詳細を表示 </div> </div> </div> </div> <script> (function() { const codeId = 'code-0'; const copyBtn = document.querySelector('.copy-code-btn[data-code-id="' + codeId + '"]'); const collapseBtn = document.querySelector('.collapse-code-btn[data-code-id="' + codeId + '"]'); const codeContainer = document.getElementById(codeId); if (!codeContainer) return; if (copyBtn) { const copyIcon = copyBtn.querySelector('.copy-icon'); const copyText = copyBtn.querySelector('.copy-text'); copyBtn.addEventListener('click', async function() { try { let codeText = ''; const codeTableCell = codeContainer.querySelector('.lntd:last-child code'); if (codeTableCell) { codeText = codeTableCell.textContent || codeTableCell.innerText; } else { const codeElement = codeContainer.querySelector('code'); if (codeElement) { const hasInlineLineNumbers = codeElement.querySelector('.ln'); if (hasInlineLineNumbers) { const codeLines = codeElement.querySelectorAll('.cl'); if (codeLines.length > 0) { codeText = Array.from(codeLines) .map(line => { const text = line.textContent || line.innerText; return text.replace(/\n+$/, ''); }) .join('\n') .replace(/\n+$/, ''); } else { const allText = codeElement.textContent || codeElement.innerText; codeText = allText.replace(/^\d+/gm, '').replace(/^\s+/gm, ''); } } else { codeText = codeElement.textContent || codeElement.innerText; } } else { codeText = codeContainer.textContent || codeContainer.innerText; } } codeText = codeText.trim(); await navigator.clipboard.writeText(codeText); copyIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022 stroke-width=\u00222\u0022 d=\u0022M5 13l4 4L19 7\u0022 \/\u003e\n\u003c\/svg\u003e`; if (copyText) { copyText.textContent = 'コピーしました'; } copyBtn.classList.add('text-green-600'); setTimeout(() => { copyIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022 stroke-width=\u00222\u0022 d=\u0022M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\u0022 \/\u003e\n\u003c\/svg\u003e`; if (copyText) { copyText.textContent = 'コピー'; } copyBtn.classList.remove('text-green-600'); }, 2000); } catch (err) { console.error('复制失败:', err); const range = document.createRange(); const codeElement = codeContainer.querySelector('code') || codeContainer; range.selectNodeContents(codeElement); const selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); if (copyText) { copyText.textContent = '選択済み'; } setTimeout(() => { if (copyText) { copyText.textContent = 'コピー'; } selection.removeAllRanges(); }, 2000); } }); } if (collapseBtn) { const collapseIcon = collapseBtn.querySelector('.collapse-icon'); const collapseText = collapseBtn.querySelector('.collapse-text'); const collapseOverlay = codeContainer.querySelector('.collapse-overlay'); let codeElement = codeContainer.querySelector('pre.chroma'); if (!codeElement) { codeElement = codeContainer.querySelector('pre'); } const defaultState = collapseBtn.dataset.defaultState || 'expanded'; const isCollapsedAttr = collapseBtn.dataset.collapsed === 'true'; const autoCollapseLines = parseInt(collapseBtn.dataset.autoCollapseLines) || 30; const autoCollapseHeight = parseInt(collapseBtn.dataset.autoCollapseHeight) || 400; const collapsedHeight = parseInt(collapseBtn.dataset.collapsedHeight) || 120; let isCollapsed = false; function initCollapse() { const shouldCollapse = isCollapsedAttr || defaultState === 'collapsed' || shouldAutoCollapse(); if (shouldCollapse) { setCollapsed(true, false); } } function shouldAutoCollapse() { if (codeElement) { const lines = codeElement.querySelectorAll('.line, .cl'); const height = codeElement.offsetHeight; return lines.length > autoCollapseLines || height > autoCollapseHeight; } const containerHeight = codeContainer.offsetHeight; if (containerHeight > autoCollapseHeight) { return true; } const textContent = codeContainer.textContent || codeContainer.innerText || ''; const estimatedLines = textContent.split('\n').length; return estimatedLines > autoCollapseLines; } function setCollapsed(collapsed, animate = true) { if (!collapseOverlay) return; isCollapsed = collapsed; if (collapsed) { codeContainer.style.maxHeight = collapsedHeight + 'px'; codeContainer.style.overflow = 'hidden'; collapseOverlay.style.opacity = '1'; collapseOverlay.style.pointerEvents = 'auto'; collapseIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022 stroke-width=\u00222\u0022 d=\u0022M19 9l-7 7-7-7\u0022 \/\u003e\n\u003c\/svg\u003e`; if (collapseText) { collapseText.textContent = '展開'; } collapseBtn.title = '展開'; } else { codeContainer.style.maxHeight = ''; codeContainer.style.overflow = ''; collapseOverlay.style.opacity = '0'; collapseOverlay.style.pointerEvents = 'none'; collapseIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath fill=\u0022currentColor\u0022 d=\u0022M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z\u0022\/\u003e\u003c\/svg\u003e`; if (collapseText) { collapseText.textContent = '折りたたむ'; } collapseBtn.title = '折りたたむ'; } if (animate) { codeContainer.style.transition = 'max-height 0.3s ease-out'; setTimeout(() => { codeContainer.style.transition = ''; }, 300); } } function toggleCollapse() { setCollapsed(!isCollapsed, true); } collapseBtn.addEventListener('click', toggleCollapse); if (collapseOverlay) { collapseOverlay.addEventListener('click', () => { if (isCollapsed) { setCollapsed(false, true); } }); } initCollapse(); } })(); </script> <h3 id="-第二代雲化與快取的過渡時代">🥈 第二代：雲化與快取的過渡時代</h3> <p>進入第二代後，隨機圖 API 邁入了「雲化」階段。 服務遷上雲、引入快取、CDN、負載分發都安排上。</p> https://ja.moejue.cn/zh-hant/posts/227/ Fri, 08 Nov 2024 09:52:39 +0000 https://ja.moejue.cn/zh-hant/posts/227/ <p>從最早的<a href="https://moejue.cn/archives/10"target="_blank" class="inline-flex items-center gap-1" >圖庫 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a>，到<a href="https://moejue.cn/archives/61"target="_blank" class="inline-flex items-center gap-1" >圖床 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a>，再到現在的相簿。我對圖片的執著已經可以說是跨越了好幾個世紀了。圖庫的圖片是存在七牛雲的，後來流量被刷就關閉了。圖床，現在轉為為部落格提供圖片上傳服務了。相簿，就是手機中相簿的概念，它既可以存圖片也可以放影片。逐漸是越來越完善了。</p> <p>這兩天就把平常保存的影片圖片什麼的上傳到了伺服器，寫了個介面和介面，順帶開源出來。(我要做一個堅定的開源愛好者)</p> <h4 id="我的二次元相簿前端介面">我的二次元相簿前端介面</h4> <ol> <li>這裡是阿珏醬的私人相簿，保存著阿珏在平常收集的圖片，和各大平台中點讚收藏的影片。</li> <li>包括但不限於B站、YouTube、抖音、X、facebook、pixiv等平台的影片或圖片，相關的數據資訊版權歸原作者所有。</li> <li>數據將不定期手動更新，如果你想要某些圖片或者影片，請直接聯繫阿珏醬獲取。</li> </ol> <h3 id="預覽">預覽</h3> <p><a href="https://photo.moejue.cn"target="_blank" class="inline-flex items-center gap-1" >https://photo.moejue.cn <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p> https://ja.moejue.cn/zh-hant/posts/225/ Sun, 03 Nov 2024 12:48:04 +0000 https://ja.moejue.cn/zh-hant/posts/225/ <p> <figure class="image-figure not-prose my-8" data-lightbox-enabled="false" data-gallery-type="auto"> <div class="image-container"> <img src="https://github.com/iAJue/MoeKoeMusic/raw/main/images/logo.png" alt="Logo" loading="lazy" decoding="async" data-gallery-src="https://github.com/iAJue/MoeKoeMusic/raw/main/images/logo.png" data-gallery-alt="Logo" data-gallery-title="" /></div> </figure></p> <h2 id="moekoe-音樂">MoeKoe 音樂</h2> <p>一款開源、簡潔、高顏值的酷狗第三方客戶端<br> <a href="https://github.com/iAJue/MoeKoeMusic/"target="_blank" class="inline-flex items-center gap-1" ><strong>🌎 GitHub 儲存庫</strong> <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a> | <a href="https://github.com/iAJue/MoeKoeMusic/releases"target="_blank" class="inline-flex items-center gap-1" ><strong>📦️ 下載安裝包</strong> <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a> | <a href="https://MoeJue.cn"target="_blank" class="inline-flex items-center gap-1" ><strong>💬 瀏覽部落格</strong> <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p> https://ja.moejue.cn/zh-hant/posts/218/ Wed, 16 Oct 2024 11:02:49 +0000 https://ja.moejue.cn/zh-hant/posts/218/ <h2 id="articlesync---多平台文章同步插件">ArticleSync - 多平台文章同步插件</h2> <p>ArticleSync 是一個瀏覽器擴充功能，幫助使用者輕鬆將文章同步發佈到多個社交平台。支援將文章從本地草稿發佈到各大平台，如知乎、Bilibili 等。它提供了一站式解決方案，讓你在不同的社交媒體平台上同步文章變得簡單高效。</p> <p>基於瀏覽器外掛程式模式，自動偵測本地登入帳號，杜絕帳號洩露、環境異常等風險</p> <p>基於 Chrome Manifest v3 瀏覽器擴充功能標準開發，請注意核心版本要求</p> <h3 id="背景">背景</h3> <p>你也知道，我這又一下子多了好幾個部落格平台，和一大堆社交網站，如果我想讓它們之間都能保持活躍的更新怎麼辦。(證明我還活著) 還能一鍵盜文章</p> <p>我最常更新的就是我自己的小破站了，但是其他平台，我可能就只是偶爾更新一下，但是又不想每次都去手動發佈，所以我就想，能不能寫一個外掛程式，自動偵測我本地登入的帳號，然後自動發佈呢。</p> <p>正所謂，自己動手豐衣足食。鼓搗了好幾天，勉強算是能用的樣子，剩下的就有空再更新了。除非你給我錢</p> <p>外掛程式還有很多不完善的地方，我也沒有多平台正式在生產環境中實測，如遇報錯，實屬正常，那就提交 issue 吧，或者自己改改，改好了再提交 PR 吧。嘻嘻~</p> <p>為了不影響我說話，截圖放最後了</p> <p>還有，開源不易，來個 star 吧，嘿嘿嘿~</p> <p>本來想加一點私貨進去的，自動關注我的社群平台</p> <h3 id="功能特色">功能特色</h3> <ul> <li><strong>多平台支援</strong>：支援知乎、Bilibili 等各大主流平台，支援自建開源 CMS 系統。</li> <li><strong>狀態追蹤</strong>：在外掛程式介面中查看文章的同步狀態。</li> <li><strong>帳號管理</strong>：可查看與外掛程式綁定的各平台帳號資訊。</li> <li><strong>可擴展性強</strong>：支援開發者透過轉接器模式輕鬆擴展到更多平台。</li> <li><strong>安全可靠</strong>：外掛程式基於瀏覽器擴充功能模式，確保帳號安全，避免帳號洩露等風險。</li> </ul> <h3 id="待辦事項">待辦事項</h3> <ul> <li>[ ] 獨立文章編輯器</li> <li>[ ] 圖片一鍵同步</li> <li>[x] Markdown 與 HTML 互轉</li> <li>[ ] 第三方圖床系統</li> <li>[ ] 多帳號管理</li> <li>[ ] 多系統客戶端版本</li> <li>[ ] 一鍵 AI 總結</li> <li>[ ] 影片同步</li> <li>[ ] 標籤、分類的支援</li> <li>[ ] 更友善的錯誤處理</li> <li>[ ] 更多平台的接入</li> </ul> <h3 id="支援管道">支援管道</h3> <p>媒體</p> https://ja.moejue.cn/zh-hant/posts/108/ Tue, 10 Mar 2020 08:51:35 +0000 https://ja.moejue.cn/zh-hant/posts/108/ <p> <figure class="image-figure not-prose my-8" data-lightbox-enabled="false" data-gallery-type="auto"> <div class="image-container"> <img src="https://image.baidu.com/search/down?url=https://tva1.sinaimg.cn//large/0072Vf1ply1gcoxw1p6y1j30ya0o74qp.jpg" alt="" loading="lazy" decoding="async" data-gallery-src="https://image.baidu.com/search/down?url=https://tva1.sinaimg.cn//large/0072Vf1ply1gcoxw1p6y1j30ya0o74qp.jpg" data-gallery-alt="" data-gallery-title="" /></div> </figure><br> 我本來都把第二彈置頂上來了，沒打算再發第三彈的，然後想著想著又憋出這麼多話，想想不發不就白白浪費我那麼多腦細胞了。</p> <p>距離上一次更新已經過去了2年，APi 也平穩地運行了2年零好幾個月了。此次主要是更新了一張教學圖片和3000+隨機二次元API圖，另外還有介面的優化，大概就是這樣。</p> <p>所有圖片均託管在新浪雲伺服器上，擁有全球CDN加速，感謝<a href="https://img.52ecy.cn"target="_blank" class="inline-flex items-center gap-1" >幻想領域 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a>提供的上傳服務。</p> <h2 id="介面位址">介面位址：</h2> <p><a href="https://random.52ecy.cn/randbg.php"target="_blank" class="inline-flex items-center gap-1" >https://random.52ecy.cn/randbg.php <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a> (推薦)</p> https://ja.moejue.cn/zh-hant/posts/15/ Sun, 04 Aug 2019 01:42:18 +0000 https://ja.moejue.cn/zh-hant/posts/15/ <p>自從5.20表白後，鴿主就一直處於失蹤狀態&hellip;&hellip;.<br> <figure class="image-figure not-prose my-8" data-lightbox-enabled="false" data-gallery-type="auto"> <div class="image-container"> <img src="https://image.baidu.com/search/down?url=https://tva1.sinaimg.cn//large/0072Vf1pgy1g5nlxy8to3j306o05b75f.jpg" alt="" loading="lazy" decoding="async" data-gallery-src="https://image.baidu.com/search/down?url=https://tva1.sinaimg.cn//large/0072Vf1pgy1g5nlxy8to3j306o05b75f.jpg" data-gallery-alt="" data-gallery-title="" /></div> </figure><br> 時隔不知道多少個月，三合一它竟然又更新了，兩個月前在群裡立下的flag，今天我把它給圓了，不要問我中間兩個月幹嘛去了-.- （忙著參加大型鴿子聚會）</p> <h2 id="正文">正文</h2> <p>由於網路識別經常掛掉，非常不穩定，一直有小夥伴在跟我反饋，所以這次特意更新了本地識別。<br> 推薦1G記憶體以上的機子安裝，推薦配置2核2G，最佳配置16核32G [#手動滑稽]</p> <h4 id="v20">v2.0</h4> <ul> <li>新增本地二維碼識別與生成</li> <li>移除網路識別介面</li> <li>修復已知BUG</li> <li>其他一些細節優化</li> </ul> <p>詳細說明和安裝教程可<a href="https://www.52ecy.cn/post-88.html"target="_blank" class="inline-flex items-center gap-1" >點擊這裡 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a>查看上個版本<br> 新版網站均保留了舊版本資料，不影響之前使用者使用，並且與贊助版資料同步</p> <h4 id="贊助版">贊助版</h4> <p>由於舊版本盜版氾濫，新版三合一增設了贊助版。<br> 演示網站：<a href="https://qr.moeins.cn/"target="_blank" class="inline-flex items-center gap-1" >https://qr.moeins.cn <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p> https://ja.moejue.cn/zh-hant/posts/63/ Mon, 19 Mar 2018 11:56:29 +0000 https://ja.moejue.cn/zh-hant/posts/63/ <p>由於許多人在安裝使用過程中遇到問題，因此還是得總結一下，如果還不能解決可以加群向萬能的群友提問</p> <h2 id="驗證碼不顯示">驗證碼不顯示</h2> <ol> <li> <p>檢查伺服器是否支援 GD 圖形處理庫</p> </li> <li> <p>檢查伺服器 WEB 環境</p> <ul> <li> <p>Apache：如果你的程式安裝在二級目錄下，修改程式根目錄下的 .htaccess 檔案</p> <div class="code-block-container border-border bg-card my-6 overflow-hidden rounded-xl border shadow-sm transition-all duration-200 ease-out hover:-translate-y-0.5 hover:shadow-md"> <div class="code-block-header bg-muted/30 border-border flex items-center justify-between border-b px-4 py-3"> <div class="flex items-center gap-2"> <div class="text-muted-foreground flex-shrink-0"> <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" /> </svg> </div> <span class="text-muted-foreground text-sm font-medium"> PLAINTEXT </span> </div> <div class="flex items-center gap-2"> <button class="collapse-code-btn text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-all duration-200 ease-out focus:ring-2 focus:outline-none" data-code-id="code-0" data-default-state="expanded" data-collapsed="false" data-auto-collapse-lines="30" data-auto-collapse-height="400" data-collapsed-height="120" title="折りたたむ" aria-label="折りたたむ"> <span class="collapse-icon"> <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"/></svg> </span> <span class="collapse-text hidden sm:inline" >折りたたむ</span > </button> <button class="copy-code-btn text-muted-foreground hover:text-primary hover:bg-primary/10 focus:ring-primary/20 flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-all duration-200 ease-out focus:ring-2 focus:outline-none" data-code-id="code-0" title="コピー" aria-label="コピー"> <span class="copy-icon"> <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" /> </svg> </span> <span class="copy-text hidden sm:inline" >コピー</span > </button> </div> </div> <div class="code-block-content relative" id="code-0"> <pre tabindex="0"><code>&lt;IfModule mod_rewrite.c&gt; RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f Rewritebase /你的二級目錄名/index.php RewriteRule ^(.*)$ /你的二級目錄名/index.php?/$1 [L] &lt;/IfModule&gt;</code></pre> <div class="collapse-overlay to-card/90 pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-transparent opacity-0 transition-opacity duration-300"> <div class="text-muted-foreground bg-card/80 border-border/50 hover:bg-primary/10 hover:text-primary hover:border-primary/30 absolute bottom-4 left-1/2 -translate-x-1/2 cursor-pointer rounded-full border px-3 py-1.5 text-xs backdrop-blur-sm transition-all duration-200"> クリックして展開し、詳細を表示 </div> </div> </div> </div> <script> (function() { const codeId = 'code-0'; const copyBtn = document.querySelector('.copy-code-btn[data-code-id="' + codeId + '"]'); const collapseBtn = document.querySelector('.collapse-code-btn[data-code-id="' + codeId + '"]'); const codeContainer = document.getElementById(codeId); if (!codeContainer) return; if (copyBtn) { const copyIcon = copyBtn.querySelector('.copy-icon'); const copyText = copyBtn.querySelector('.copy-text'); copyBtn.addEventListener('click', async function() { try { let codeText = ''; const codeTableCell = codeContainer.querySelector('.lntd:last-child code'); if (codeTableCell) { codeText = codeTableCell.textContent || codeTableCell.innerText; } else { const codeElement = codeContainer.querySelector('code'); if (codeElement) { const hasInlineLineNumbers = codeElement.querySelector('.ln'); if (hasInlineLineNumbers) { const codeLines = codeElement.querySelectorAll('.cl'); if (codeLines.length > 0) { codeText = Array.from(codeLines) .map(line => { const text = line.textContent || line.innerText; return text.replace(/\n+$/, ''); }) .join('\n') .replace(/\n+$/, ''); } else { const allText = codeElement.textContent || codeElement.innerText; codeText = allText.replace(/^\d+/gm, '').replace(/^\s+/gm, ''); } } else { codeText = codeElement.textContent || codeElement.innerText; } } else { codeText = codeContainer.textContent || codeContainer.innerText; } } codeText = codeText.trim(); await navigator.clipboard.writeText(codeText); copyIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022 stroke-width=\u00222\u0022 d=\u0022M5 13l4 4L19 7\u0022 \/\u003e\n\u003c\/svg\u003e`; if (copyText) { copyText.textContent = 'コピーしました'; } copyBtn.classList.add('text-green-600'); setTimeout(() => { copyIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022 stroke-width=\u00222\u0022 d=\u0022M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\u0022 \/\u003e\n\u003c\/svg\u003e`; if (copyText) { copyText.textContent = 'コピー'; } copyBtn.classList.remove('text-green-600'); }, 2000); } catch (err) { console.error('复制失败:', err); const range = document.createRange(); const codeElement = codeContainer.querySelector('code') || codeContainer; range.selectNodeContents(codeElement); const selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); if (copyText) { copyText.textContent = '選択済み'; } setTimeout(() => { if (copyText) { copyText.textContent = 'コピー'; } selection.removeAllRanges(); }, 2000); } }); } if (collapseBtn) { const collapseIcon = collapseBtn.querySelector('.collapse-icon'); const collapseText = collapseBtn.querySelector('.collapse-text'); const collapseOverlay = codeContainer.querySelector('.collapse-overlay'); let codeElement = codeContainer.querySelector('pre.chroma'); if (!codeElement) { codeElement = codeContainer.querySelector('pre'); } const defaultState = collapseBtn.dataset.defaultState || 'expanded'; const isCollapsedAttr = collapseBtn.dataset.collapsed === 'true'; const autoCollapseLines = parseInt(collapseBtn.dataset.autoCollapseLines) || 30; const autoCollapseHeight = parseInt(collapseBtn.dataset.autoCollapseHeight) || 400; const collapsedHeight = parseInt(collapseBtn.dataset.collapsedHeight) || 120; let isCollapsed = false; function initCollapse() { const shouldCollapse = isCollapsedAttr || defaultState === 'collapsed' || shouldAutoCollapse(); if (shouldCollapse) { setCollapsed(true, false); } } function shouldAutoCollapse() { if (codeElement) { const lines = codeElement.querySelectorAll('.line, .cl'); const height = codeElement.offsetHeight; return lines.length > autoCollapseLines || height > autoCollapseHeight; } const containerHeight = codeContainer.offsetHeight; if (containerHeight > autoCollapseHeight) { return true; } const textContent = codeContainer.textContent || codeContainer.innerText || ''; const estimatedLines = textContent.split('\n').length; return estimatedLines > autoCollapseLines; } function setCollapsed(collapsed, animate = true) { if (!collapseOverlay) return; isCollapsed = collapsed; if (collapsed) { codeContainer.style.maxHeight = collapsedHeight + 'px'; codeContainer.style.overflow = 'hidden'; collapseOverlay.style.opacity = '1'; collapseOverlay.style.pointerEvents = 'auto'; collapseIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022 stroke-width=\u00222\u0022 d=\u0022M19 9l-7 7-7-7\u0022 \/\u003e\n\u003c\/svg\u003e`; if (collapseText) { collapseText.textContent = '展開'; } collapseBtn.title = '展開'; } else { codeContainer.style.maxHeight = ''; codeContainer.style.overflow = ''; collapseOverlay.style.opacity = '0'; collapseOverlay.style.pointerEvents = 'none'; collapseIcon.innerHTML = `\n \u003csvg class=\u0022h-3 w-3\u0022\n fill=\u0022none\u0022\n stroke=\u0022currentColor\u0022\n viewBox=\u00220 0 24 24\u0022\u003e\u003cpath fill=\u0022currentColor\u0022 d=\u0022M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z\u0022\/\u003e\u003c\/svg\u003e`; if (collapseText) { collapseText.textContent = '折りたたむ'; } collapseBtn.title = '折りたたむ'; } if (animate) { codeContainer.style.transition = 'max-height 0.3s ease-out'; setTimeout(() => { codeContainer.style.transition = ''; }, 300); } } function toggleCollapse() { setCollapsed(!isCollapsed, true); } collapseBtn.addEventListener('click', toggleCollapse); if (collapseOverlay) { collapseOverlay.addEventListener('click', () => { if (isCollapsed) { setCollapsed(false, true); } }); } initCollapse(); } })(); </script> </li> <li> <p>Nginx：找到設定檔 nginx-conf，在 location / 段中修改加入以下內容</p> https://ja.moejue.cn/zh-hant/posts/60/ Sun, 04 Mar 2018 11:01:46 +0000 https://ja.moejue.cn/zh-hant/posts/60/ <p> <figure class="image-figure not-prose my-8" data-lightbox-enabled="false" data-gallery-type="auto"> <div class="image-container"> <img src="https://image.baidu.com/search/down?url=https://tva1.sinaimg.cn//large/0072Vf1pgy1fqeqjtrbj1j30tn0lrhdt.jpg" alt="" loading="lazy" decoding="async" data-gallery-src="https://image.baidu.com/search/down?url=https://tva1.sinaimg.cn//large/0072Vf1pgy1fqeqjtrbj1j30tn0lrhdt.jpg" data-gallery-alt="" data-gallery-title="" /></div> </figure><br> 時隔差2天三個月，距離首個隨機二次元圖片API發佈已有許久時間。<br> 第二彈API，突如其來</p> <h2 id="更新說明">更新說明：</h2> <p>相較於上一個版本，這次的圖片更適合做背景圖片、桌面壁紙等。<br> 上一個版本就是個大雜燴，什麼圖片都有，慘不忍睹（我自己都不用）。這個版本，花了一點時間，篩選出部分圖片(1080P+)並上傳至新浪雲。<br> 真正意義上支援HTTPS，圖片全託管在新浪雲上，速度也有所提升。<br> 去除了各種意義上的參數設定<br> 圖片內容均為動漫二次元圖片（全年齡段(笑)）</p> <h2 id="介面位址">介面位址：</h2> <p><a href="https://random.52ecy.cn/randbg.php"target="_blank" class="inline-flex items-center gap-1" >https://random.52ecy.cn/randbg.php <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p> <p>對，呼叫就是如此簡單，直接訪問即可使用，且行且珍惜。<br> <a href="https://www.52ecy.cn/post-56.html"target="_blank" class="inline-flex items-center gap-1" >上一個草率的版本 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a><br> <a href="https://random.52ecy.cn/"target="_blank" class="inline-flex items-center gap-1" >項 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a><a href="https://random.52ecy.cn/"target="_blank" class="inline-flex items-center gap-1" >目主頁 <svg id="external-link" class="h-3 w-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p>