https://knightli.com/zh-tw/tags/%E6%83%85%E5%A0%B1%E7%9C%8B%E6%9D%BF/ Recent content in 情報看板 on KnightLi的博客 Hugo -- gohugo.io zh-tw Mon, 22 Jun 2026 08:05:45 +0800 https://knightli.com/zh-tw/2026/06/22/worldmonitor-local-dashboard-guide/ Mon, 22 Jun 2026 08:05:45 +0800 https://knightli.com/zh-tw/2026/06/22/worldmonitor-local-dashboard-guide/ <p><code>koala73/worldmonitor</code> 是一個即時全球情報看板，用來聚合新聞、地緣事件、基礎設施狀態和不同主題頻道。它更像一個資訊態勢頁面，適合拿來做自建新聞監控入口。</p> <p>專案地址：</p> <p><a class="link" href="https://github.com/koala73/worldmonitor" target="_blank" rel="noopener" >https://github.com/koala73/worldmonitor</a></p> <p>官網：</p> <p><a class="link" href="https://worldmonitor.app" target="_blank" rel="noopener" >https://worldmonitor.app</a></p> <h2 id="本機啟動">本機啟動 </h2><p>README 的快速開始命令：</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">git clone https://github.com/koala73/worldmonitor.git </span></span><span class="line"><span class="cl"><span class="nb">cd</span> worldmonitor </span></span><span class="line"><span class="cl">npm install </span></span><span class="line"><span class="cl">npm run dev </span></span></code></pre></td></tr></table> </div> </div><p>啟動後先看預設頁面是否正常，再考慮部署。</p> <h2 id="不同頻道怎麼跑">不同頻道怎麼跑 </h2><p>專案內建了多個頻道開發命令：</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span><span class="lnt">5 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">npm run dev:tech <span class="c1"># tech.worldmonitor.app</span> </span></span><span class="line"><span class="cl">npm run dev:finance <span class="c1"># finance.worldmonitor.app</span> </span></span><span class="line"><span class="cl">npm run dev:commodity <span class="c1"># commodity.worldmonitor.app</span> </span></span><span class="line"><span class="cl">npm run dev:happy <span class="c1"># happy.worldmonitor.app</span> </span></span><span class="line"><span class="cl">npm run dev:energy <span class="c1"># energy.worldmonitor.app</span> </span></span></code></pre></td></tr></table> </div> </div><p>如果你只關心技術新聞，可以先跑 <code>dev:tech</code>；如果關心金融或大宗商品，就分別試 <code>dev:finance</code> 和 <code>dev:commodity</code>。</p> <h2 id="建置和檢查">建置和檢查 </h2><p>提交或部署前建議跑：</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">npm run typecheck </span></span><span class="line"><span class="cl">npm run build:full </span></span></code></pre></td></tr></table> </div> </div><p>這兩個命令能先發現 TypeScript 型別問題和生產建置問題。</p> <h2 id="適合怎麼用">適合怎麼用 </h2><p>World Monitor 適合這些用途：</p> <ol> <li>自己搭一個即時新聞入口。</li> <li>給團隊做技術、能源、金融、商品主題看板。</li> <li>觀察多源新聞流，而不是只依賴單一平台推薦。</li> <li>二次開發成內部情報 dashboard。</li> </ol> <h2 id="部署建議">部署建議 </h2><p>README 提到可以看 self-hosting guide，部署方式包括 Vercel、Docker 和靜態部署。建議先本機跑通，再部署到 Vercel 或自己的伺服器。</p> <p>使用時要注意：新聞聚合看板只能幫助你更快看到訊號，不代表所有資訊都已經核實。對金融、地緣、安全類內容，最好點進原始來源交叉驗證。</p>