專案
專案
給自己的網站添幾件趁手工具
六個公開專案,都從實際需要出發。可以讀原始碼、試想法、回報問題,也一起把工具做得更好。歡迎 AI 輔助貢獻。
寫文建站<div class="project-demo" data-project-demo data-animation="/images/previews/3a976db66c5e69697203e74f54b124a51a6437690b22745820b3104958cf6b10.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/d7a464fe4a609a7001c697a692f76a7c3cb353e625ba01bd5264831e8ca59391.webp" alt="寫文建站" loading="lazy" decoding="async" data-original="/images/previews/edgepress-workflow-zh.5f0ea06c8846d7e3.webp" srcset="/images/responsive/d7a464fe4a609a7001c697a692f76a7c3cb353e625ba01bd5264831e8ca59391.webp 400w, /images/responsive/72c7b080777a5f1ffaf7f1d31c759ef60e8d7cbdac9638a6f7a529c13c8bc792.webp 800w, /images/responsive/b18994517f00232699ec3d79e257044145178dc30cd0ba98d7b3765f0f913150.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="寫文建站"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: 寫文建站">播放示範</button><input name="edgepress-demo-seek-1" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: 寫文建站"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
真實終端與 HTTP 回應<div class="project-demo" data-project-demo data-animation="/images/previews/8d5287fe4c29d960018b55025a499a44a7d7b0933b06e128618bf61432a229ab.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/28a731d9ca88a9404cec6f1dbf1c02e5879a01ccc46c062e60ae92d6aa6a9364.webp" alt="真實終端與 HTTP 回應" loading="lazy" decoding="async" data-original="/images/previews/edgeaegis-routing.b731526e1a9adb11.webp" srcset="/images/responsive/28a731d9ca88a9404cec6f1dbf1c02e5879a01ccc46c062e60ae92d6aa6a9364.webp 400w, /images/responsive/2ca680e4742e60d3bdf1dbbcfcc218fad064163e2b662731cdb9f68344072fc4.webp 800w, /images/responsive/7f7d99044fb6969dc06fc72de75aa48add40adda616b41600dadaa58b1dc81b6.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="EdgeAegis"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: EdgeAegis">播放示範</button><input name="edgepress-demo-seek-2" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: EdgeAegis"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
我提問<div class="project-demo" data-project-demo data-animation="/images/previews/016f32100391a301909ed044aeaef0f5edb44aad7aacdd0a896b727dea383798.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/1d69e54ff3172669c66f38c2e2e8c49e21f26c653ad3212c367b9e39b749febc.webp" alt="我提問" loading="lazy" decoding="async" data-original="/images/previews/iask-workflow-zh.2628ad2dbc587823.webp" srcset="/images/responsive/1d69e54ff3172669c66f38c2e2e8c49e21f26c653ad3212c367b9e39b749febc.webp 400w, /images/responsive/7fd52c390e638284cad88e7adf9bc10e81413e739e36d0de5c85aa3d4e402029.webp 800w, /images/responsive/d8734e29688eeaa69910944da744058da12c7176b6afe64603196d5da51e48e5.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="我提問"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: 我提問">播放示範</button><input name="edgepress-demo-seek-3" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: 我提問"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
愛分享<div class="project-demo" data-project-demo data-animation="/images/previews/aa71994b2a86c5d4ccf0462950aef1816a2e0fc6f548b34b4b01f5103d429919.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/e63280406b277ad8b325c43ea0c41e638a1162a102b568fa3a96dd00b97f3883.webp" alt="愛分享" loading="lazy" decoding="async" data-original="/images/previews/ishare-workflow-zh.919b349b8868e420.webp" srcset="/images/responsive/e63280406b277ad8b325c43ea0c41e638a1162a102b568fa3a96dd00b97f3883.webp 400w, /images/responsive/62d5396dbfff9be73677ac400c5ac0a899b4896c5d16cf8ce0484f60c0953610.webp 800w, /images/responsive/cf50de12e24e02fec70339a339bdeddcb39a6526d1cb1bc13e8256507883bb56.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="愛分享"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: 愛分享">播放示範</button><input name="edgepress-demo-seek-4" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: 愛分享"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
多媒體檢視器<div class="project-demo" data-project-demo data-animation="/images/previews/07b26c7765f096d08d348075430c451e0776fb81039e2e71a09a7c5e76636949.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/a97b2887a179599df11bdf109af5fd5857e834473db10e3dd468a15a2c9f7e4a.webp" alt="多媒體檢視器" loading="lazy" decoding="async" data-original="/images/previews/media-videojs10.6ae2ad98bbba3869.webp" srcset="/images/responsive/a97b2887a179599df11bdf109af5fd5857e834473db10e3dd468a15a2c9f7e4a.webp 400w, /images/responsive/893f77e5696e44a825552eb9418dceee32f9256e31fbe45cffed366b52559166.webp 800w, /images/responsive/77383b487348ecea893985f0eca289be9701b7b6cf83e4821299e998abf197bd.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="多媒體檢視器"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: 多媒體檢視器">播放示範</button><input name="edgepress-demo-seek-5" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: 多媒體檢視器"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
文件檢視器<div class="project-demo" data-project-demo data-animation="/images/previews/7017acacb8fb92f123e6dfe8a36567ac0509aa6c11e86f60ef54582e41953010.mp4" data-play="播放示範" data-resume="繼續播放" data-pause="暫停示範" data-replay="重新播放" data-loading="正在載入示範…" data-error="示範暫時無法載入,請重試。"><div class="project-demo-media"><img src="/images/responsive/fcda6977eddf4f22b452fe02c5042f794e8469f9d58e9f0d6d104508b477eea3.webp" alt="文件檢視器" loading="lazy" decoding="async" data-original="/images/previews/doc-views-zh-tw.0eb3de166b477137.webp" srcset="/images/responsive/fcda6977eddf4f22b452fe02c5042f794e8469f9d58e9f0d6d104508b477eea3.webp 400w, /images/responsive/56911dbfd9159136d0efc76572969216906eef6c8375d9ec7df4899d1fbd9354.webp 800w, /images/responsive/381fe3f460f5608568a5b269b3a3785cc914ea391bf0190a72aed17999f0615c.webp 1200w" sizes="(max-width: 620px) calc(100vw - 32px), (max-width: 900px) calc((100vw - 72px) / 2), 560px" width="400" height="250"><video muted playsinline preload="none" hidden aria-label="文件檢視器"></video></div><button type="button" data-demo-toggle aria-pressed="false" aria-label="播放示範: 文件檢視器">播放示範</button><input name="edgepress-demo-seek-6" class="project-demo-seek" data-demo-seek type="range" min="0" max="1" value="0" step="0.1" disabled aria-label="示範進度: 文件檢視器"><span class="project-demo-time" data-demo-time>0:00 / 0:00</span><span class="project-demo-status" role="status"></span></div>
文件檢視器
Word、PDF、PowerPoint 與 Excel 文件在跟隨網站主題、可展開的閱讀工作區裡顯示。瀏覽器本地還原文件排版,提供連續分頁與工作表導覽,不需要 Office 軟體或轉換伺服器。