中大壢中科研社https://fuwari.vercel.app/zh_TWhttps://fuwari.vercel.app/posts/newupdata/https://fuwari.vercel.app/posts/newupdata/本次更新包含大量 Bug 修復、UI 優化、部署改善，以及多項新功能。Fri, 17 Jul 2026 00:00:00 GMT<h1>七月開發更新</h1> <p><a href="https://github.com/chenbochao0807/clscweb/commits"><img src="https://img.shields.io/github/last-commit/chenbochao0807/clscweb" alt="GitHub last commit" /></a></p> <blockquote> <p>持續改善使用體驗，打造更快速、更穩定、更完善的網站。</p> </blockquote> <p>這段時間主要專注於 <strong>修正已知的問題</strong>、<strong>改善網站穩定性</strong>，並新增一些實用功能，讓整體操作更加流暢。 :::important APP版開放下載 :::</p> <h2>iOS <a href="https://github.com/chenbochao0807/clscweb/releases/download/iOS/clsc.ipa">點我下載</a> Android <a href="https://github.com/chenbochao0807/clscweb/releases/download/iOS/clsc.apk">點我下載</a></h2> <p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTEUzNp5UCZlJnzSWgqOke0TmXx6YCNzqjJDr-3yHODKBJxTVCQ89rAA-vg&amp;s=10" alt="Development Banner" /></p> <hr /> <h1>本次更新重點</h1> <h2>網站效能提升</h2> <p>這次更新針對網站整體效能進行優化，包括：</p> <ul> <li>提升頁面載入速度</li> <li>優化圖片載入效率</li> <li>改善 Cloudflare 部署流程</li> <li>提高網站穩定性</li> <li>強化手機與平板裝置相容性</li> <li>提升訪問速度和安全性</li> <li>採用多項由<a href="https://www.cloudflare.com/zh-tw/">Cloudfare</a>提供的安全保護和性能優化措施</li> </ul> <hr /> <h1>功能更新</h1> <h2>全新體驗</h2> <p>本次加入多項新功能：</p> <ul> <li>增加下載中心</li> <li>Banner跑馬燈圖片、社團主要圖片、網站超連結檢視預覽圖片與簡介更新</li> <li>整體配色改成科研CLSC主題配色</li> <li>加入 ShareBottom 可分享網站文章到社群平台</li> <li>加入留言系統，可使用Github登入</li> <li>新增與完善友好社團連結和欄位</li> <li>APP版開放下載</li> <li>新增Float浮動圖標跳轉</li> <li>新增社員(總務)卡片以及社群連結</li> <li>新增 <a href="https://www.instagram.com/sscs_1st/">壽山高中資訊研究社</a> 社群頭像和Instagram 連結</li> <li>新增 <a href="https://www.instagram.com/nlcs.cbc/">內壢高中資訊研究社</a> 社群頭像和Instagram 連結</li> <li>首頁版面重新調整</li> <li>導覽列（Navbar）優化及添加 <a href="https://clhs.dpdns.org/archive/">Archive</a>，方便快速瀏覽所有文章</li> <li>改善文章閱讀體驗</li> <li>更新 README 說明文件 並公開儲存庫以方便維護</li> <li>新增專案贊助設定</li> </ul> <hr /> <h1>問題修正</h1> <p>本次共修正多項已知問題。</p> <h3>已修復</h3> <ul> <li>修正 NLHS 相簿圖片無法正常顯示</li> <li>修正文章頁面顯示異常</li> <li>修正 Navbar 部分情況下錯位</li> <li>修正 Pixel 字型載入問題和多項字體變更及優化</li> <li>修正 Google Ads 設定</li> <li>修正多項版面錯誤</li> <li>修正不同裝置顯示問題</li> <li>修正跑馬燈異常</li> <li>修正部分工具異常顯示</li> <li>去除學校圖片解決版權問題</li> <li>修正其他零星 Bug</li> </ul> <hr /> <h1>開發進度</h1> <table> <thead> <tr> <th>項目</th> <th>狀態</th> </tr> </thead> <tbody> <tr> <td>網站功能</td> <td>持續增加</td> </tr> <tr> <td>Bug 修復</td> <td>持續改善</td> </tr> <tr> <td>UI 優化</td> <td>持續改善</td> </tr> <tr> <td>響應式設計</td> <td>完成</td> </tr> <tr> <td>Cloudflare 部署</td> <td>完成</td> </tr> <tr> <td>效能優化</td> <td>持續改善</td> </tr> </tbody> </table> <hr /> <h1>GitHub 開發紀錄</h1> <p>最近完成了大量 Commit，包含：</p> <ul> <li>多次 Bug 修正</li> <li>網站功能更新</li> <li>UI 微調</li> <li>Cloudflare 自動部署</li> <li>Dependabot 套件更新</li> <li>部署流程最佳化</li> </ul> <p>我的8頁提交 <img src="https://github.com/chenbochao0807/Photo/blob/main/%E8%9E%A2%E5%B9%95%E6%93%B7%E5%8F%96%E7%95%AB%E9%9D%A2%202026-07-17%20102634.png?raw=true" alt="GitHub Actions" /></p> <p><a href="https://github.com/chenbochao0807/clscweb/commits">提交紀錄</a> &lt;div id="github-commits"&gt;載入中...&lt;/div&gt;</p> <h2>&lt;script&gt; const repo = "chenbochao0807/clscweb"; fetch(<code>https://api.github.com/repos/${repo}/commits?per_page=5</code>) .then(res =&gt; res.json()) .then(data =&gt; { let html = "&lt;ul&gt;"; data.forEach(item =&gt; { const msg = item.commit.message.split('\n')[0]; const date = new Date(item.commit.author.date).toLocaleDateString(); html += <code>&lt;li&gt;&lt;strong&gt;${date}&lt;/strong&gt; - &lt;a href="${item.html_url}" target="_blank"&gt;${msg}&lt;/a&gt;&lt;/li&gt;</code>; }); html += "&lt;/ul&gt;"; document.getElementById("github-commits").innerHTML = html; }) .catch(err =&gt; { document.getElementById("github-commits").innerText = "無法載入 Commit 紀錄"; }); &lt;/script&gt;</h2> <h1>更新前 vs 更新後</h1> <table> <thead> <tr> <th>更新前</th> <th>更新後</th> </tr> </thead> <tbody> <tr> <td>圖片偶爾無法載入</td> <td>圖片正常顯示</td> </tr> <tr> <td>Navbar 偶爾錯位</td> <td>導覽更穩定</td> </tr> <tr> <td>字型顯示不一致</td> <td>字型一致化</td> </tr> <tr> <td>部分頁面速度較慢</td> <td>載入速度提升</td> </tr> </tbody> </table> <hr /> <p>:::important[靠杯開發]</p> <p>這段期間幾乎每天都有新的 Commit，從介面微調、Bug 修正，到部署流程改善，每一次更新都能讓網站變得更完善或更破，屎山專案。</p> <p>每一個使用者回報的問題，我都會盡可能在下一個版本中修正，也感謝大家提供寶貴的建議。 希望以後科研社的學弟妹可以幫忙繼續經營維護這個專案，這是我和社團在高中時的心血和回憶，希望大家不要冷落他放棄他不維護、</p> <h2>在ai的，Vibe coding的時代我依然堅持手搓手作，因為這是我獨立完成的，才有成就感和溫度。 :::</h2> <h1>聽首歌吧</h1> <p>&lt;div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:18px;"&gt;</p> <p>&lt;iframe src="https://www.youtube.com/embed/B7BxrAAXl94?list=RDB7BxrAAXl94" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen&gt; &lt;/iframe&gt;</p> <p>&lt;/div&gt;</p> <hr /> <h1>網站連結</h1> <p>本網站可以作為台灣社團架設的簡易架構和模板，歡迎fork</p> <h2>Live Demo (Origin)</h2> <p>https://fuwari.vercel.app/</p> <h2>正式網站</h2> <p>https://clhs.dpdns.org/</p> <hr /> <h1>未來計畫</h1> <p>未來將持續進行：</p> <ul> <li>網站搜尋功能優化</li> <li>更多動畫效果</li> <li>行動裝置體驗改善</li> <li>網站效能持續提升</li> <li>更多實用工具與功能</li> </ul> <hr /> <h1>感謝支持</h1> <p>謝謝每一位提供建議與回報問題的朋友、群友、網友。</p> <p>未來也會持續更新網站內容，讓整體體驗越來越好。</p> <p>敬請期待下一次更新！</p> <hr /> <p>:::tip[嚴肅支持]</p> <p>加入壢中科研，就在8月新生動靜態展和專選表單，歡迎加入支持!!</p> <p>:::</p> <hr /> <h1>特別銘謝</h1> <p>感謝<a href="https://www.instagram.com/rabbitsayhello/">Rabbit</a> 不時給予專業建議和指導，這網站的許多靈感和技術指導以及錯誤修正都是他指導的，大電神orz台灣最強獨立開發者的公車app</p> <p>::github{repo="jnjkhjlkjhb8/wheres_the_car"}</p> <p>還有賽活佛Github和Cloudflare 沒有他們我的網站不可能如此順利上線</p> https://fuwari.vercel.app/posts/moreabout/moreabout/https://fuwari.vercel.app/posts/moreabout/moreabout/Know more about us。Sat, 11 Jul 2026 00:00:00 GMT<h1>壢中科研</h1> <p>壢中科研是國立中央大學附屬中壢高級中學的科學研究社。</p> <p>我們以 <strong>探索、研究、實驗、忠誠</strong> 為核心。</p> <p><img src="/banner.jpg" alt="壢中科研活動橫幅" /></p> <hr /> <h2>我們在做什麼</h2> <ul> <li>設計化學、生物、物理與跨領域社課</li> <li>練習實驗安全、觀察紀錄與資料整理</li> <li>整理教材、簡報與活動紀錄</li> <li>做跟科研無關的事，例如：</li> </ul> <blockquote> <p>學長我有玩 Roblox，有免費 R 幣嗎？</p> </blockquote> <p><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ&amp;list=RDdQw4w9WgXcQ&amp;start_radio=1&amp;pp=ygUJcmljayByb2xsoAcB">Free</a></p> <hr /> <h2>社團精神</h2> <ul> <li>國家棟樑</li> <li>和平相處</li> <li>友善溝通</li> </ul> <hr /> <h2>幹部與分工</h2> <p>社團由社長、副社長、文書、總務、資訊與教學共同維護。</p> <p><a href="/members/">查看社員介紹</a></p> <hr /> <h2>專案與資源</h2> <p>網站、教材與部分專題資源會逐步整理成可長期維護的 Markdown 內容。(所以徵網管跟後端人員)</p> <p>::github{repo="chenbochao0807/clscweb"}</p> <hr /> <h2>加入我們</h2> <p>如果你對科學研究、實驗設計或程式設計有興趣，歡迎加入壢中科研。</p> <blockquote> <p><strong>加入我們</strong>（Fixing.......）</p> </blockquote> <hr /> <h2>推薦資源</h2> <ul> <li><a href="https://learn.cylabacademy.org/login">CTF</a></li> <li><a href="https://zerojudge.tw/">ZeroJudge</a></li> <li><a href="https://github.com/CAPlayground/CAPlayground">CAPlayground</a></li> <li><a href="https://greasyfork.org/zh-TW">Greasy Fork憨仔腳本小子ㄟㄟ我按了F12我是駭客不是你金盾盃呢??</a></li> </ul> <hr /> <h2>ToDo</h2> <p>::github{repo="Live2D/CubismWebSamples"}</p> <h2>Most important</h2> <p>猜猜我是誰下面留言區開放回答答對的送你一個誇誇</p> https://fuwari.vercel.app/posts/techabout/https://fuwari.vercel.app/posts/techabout/Description of clsc websiteSat, 11 Jul 2026 00:00:00 GMT<p>:::important 本站沒有bug，所有超出預期並非錯誤而可能是使用者環境所致或開發者失誤，皆屬於 <a href="https://zh.minecraft.wiki/w/%E7%89%B9%E6%80%A7?variant=zh-tw">特性</a> 。 :::</p> <h1>網站技術與功能介紹</h1> <p>本站採用現代化的靜態網站架構，兼顧速度、可維護性與良好的瀏覽體驗。</p> <p>網站內容以Markdown撰寫，並透過GitHub進行版本管理，使網站更新更加容易且可追蹤。</p> <hr /> <h2>技術架構</h2> <p>網站主要使用以下技術建置：</p> <ul> <li>Astro</li> <li>TypeScript</li> <li>Tailwind CSS</li> <li>Fuwari Theme</li> <li>Svelte</li> <li>Expressive Code</li> <li>GitHub</li> <li>Cloudflare Pages</li> </ul> <hr /> <h2>網站特色</h2> <h3>Markdown Posts</h3> <p>所有文章皆以 Markdown 撰寫，可快速新增：</p> <ul> <li>公告</li> <li>社課教材</li> <li>活動紀錄</li> <li>技術分享</li> <li>社團資訊</li> </ul> <hr /> <h3>深色模式</h3> <p>網站支援 Light / Dark Mode，可依照使用者偏好自動切換。</p> <hr /> <h3>響應式設計</h3> <p>支援：</p> <ul> <li>Desktop</li> <li>Laptop</li> <li>Tablet</li> <li>Mobile</li> </ul> <p>不同裝置"或許"能獲得一致的瀏覽體驗。</p> <hr /> <h3>搜尋功能(No Fake but still fixing)</h3> <p>整合 Pagefind，提供全文搜尋功能，可快速查詢：</p> <ul> <li>文章</li> <li>教材</li> <li>關鍵字</li> </ul> <hr /> <h3>GitHub 整合</h3> <p>網站可直接嵌入 GitHub Repository。</p> <p>例如：</p> <p>::github{repo="chenbochao0807/clscweb"}</p> <p>方便查看專案內容與更新。</p> <hr /> <h3>分享功能</h3> <p>每篇文章皆可快速分享到：</p> <ul> <li>Facebook老人</li> <li>X</li> <li>LINE 爛東西</li> <li>Telegram 說好不妥協呢法國??</li> <li>Email</li> <li>複製連結</li> </ul> <hr /> <h3>留言系統</h3> <p>文章底部提供留言功能，方便社員與訪客交流討論。</p> <hr /> <h3>社團資訊</h3> <p>網站包含：</p> <ul> <li>社團介紹</li> <li>幹部介紹</li> <li>社員介紹</li> <li>友社連結</li> <li>學習資源</li> <li>活動成果</li> </ul> <hr /> <h3>首頁功能</h3> <p>首頁提供：</p> <ul> <li>最新公告</li> <li>公告跑馬燈</li> <li>社團介紹</li> <li>最新文章</li> <li>快速導覽</li> </ul> <hr /> <h2>網站效能</h2> <p>網站採用 Astro 靜態生成，具有：</p> <ul> <li>快速載入</li> <li>較低頻寬需求</li> <li>良好的 SEO</li> <li>高安全性</li> <li>易於部署</li> </ul> <p>並使用 Cloudflare Pages 提供全球 CDN，加快各地使用者的存取速度。</p> <hr /> <h2>開發流程</h2> <p>網站採用 Git Flow 進行管理：</p> <pre><code>修改程式 │ ▼ Git Commit │ ▼ GitHub │ ▼ Cloudflare Pages │ ▼ 自動部署 </code></pre> <p>每次推送至 GitHub 後，網站便會自動重新建置並發布最新版本。</p> <hr /> <h2>未來規劃</h2> <p>目前仍持續開發中，未來預計加入：</p> <ul> <li>留言通知</li> <li>社團行事曆(建置中)</li> <li>社員專區</li> <li>歷屆幹部資料 (NO data)</li> <li>活動相簿 (NO money)</li> <li>線上教材瀏覽</li> <li>網站統計</li> <li>更多互動功能</li> </ul> <hr /> <h2>原始碼</h2> <p>網站垃圾屎山原始碼已公開於 GitHub：</p> <p>::github{repo="chenbochao0807/clscweb"}</p> https://fuwari.vercel.app/posts/website-online/https://fuwari.vercel.app/posts/website-online/clsc網站上線Fri, 10 Jul 2026 00:00:00 GMT<h1>網站上線</h1> <p>官網上線啦。</p> <p><a href="https://dash.cloudflare.com/">Cloudflare</a> 我義父</p> https://fuwari.vercel.app/posts/clsc-about/https://fuwari.vercel.app/posts/clsc-about/壢中科研官方介紹Thu, 09 Jul 2026 00:00:00 GMT<h1>歡迎來到壢中科研（CLSC）</h1> <p>壢中科研是一個社團</p> <h2>我們的目標</h2> <ul> <li>學習實驗</li> <li>生物解剖</li> </ul> <h2>社課內容</h2> <p>每學期會安排：</p> <ul> <li>化學實驗</li> <li>解剖生物</li> </ul> <h2>歡迎加入我們！</h2> <p>如果你對科學充滿興趣，歡迎加入壢中科研，一起壯大科研。</p>