毛哥EM資訊密技

網站導覽

網站導覽

這裡整理本站主要頁面、課程單元與文章清單。

定位點與快速鍵

  • 每頁最前方都有「跳到主要內容」連結。使用鍵盤 Tab 聚焦後按 Enter，可直接前往該頁的 #main-content。
  • 頁首主要導覽可前往首頁、文章、課程與本網站導覽頁。
  • 站內搜尋可點選頁首搜尋按鈕；在非輸入欄位時，也可按 Ctrl + K，macOS 可按 Command + K 開啟。
  • 搜尋視窗開啟後可用 Esc 關閉，焦點會回到原本啟動搜尋的控制項。

主要頁面

首頁 最新內容、課程入口與網站介紹 文章歸檔 所有文章依年份與日期排列 課程 系列課程與單元列表 友情連結 朋友網站與推薦連結 關於本站 本站背景與作者資訊 RSS 訂閱網站更新

課程與單元

前端網頁開發入門（更新中）

給想從零建立完整前端心智模型的學習者。不是只背語法，而是理解文件結構、排版系統、互動狀態與部署流程如何連在一起。

  1. 什麼是網站？網頁基本原理
  2. 環境建置與 HTML 完全指南
  3. CSS 教學：從入門到精通
  4. JavaScript 教學：從入門到精通

hmmm

毛哥EM 的電子報。關於科技、設計、生活的碎片思考。

  1. test 123
  2. 我該繼續買大便化的 Spotify 嗎？
  3. 馬斯克要我們一起畫色圖？今年我買了哪些怪東西
  4. 難道只有我在把桌面當桌面嗎？

Figma 專業實戰（未完成）

Figma 專業實戰

此課程尚未公開單元。

不用庫也能酷：玩轉 CSS & JS 特效

不用框架也能做出動畫、互動和微型特效。30 天鐵人賽系列，從基礎特效到進階互動一步一步帶你實作。

  1. Day1 相見歡 - 庫就不酷嗎？
  2. Day2 如何打的更快 | Emmet & 預測輸入
  3. Day3 用 Flex 切遍天下
  4. Day4 自己動！@keyframes 與 Transition
  5. Day5 載入中… Animation-delay
  6. Day6 你怎在這？攻克 Position
  7. Day7 幫我開濾鏡 filter
  8. Day8 滿足你的色域！color: color
  9. Day9 給你五彩斑斕的黑：mix-blend-mode
  10. Day10 永無止境跑馬燈 - 不同螢幕 相同速度
  11. Day11 說滾不是真的要你滾 - 背景滾動視差
  12. Day12 Js 滾動視差 甚麼都能滾 (ft. 國中數學)
  13. Day13 今天我想來點… 顏色選單
  14. Day14 今天我想來點… 純 CSS 的開關
  15. Day15 今天我想來點...純 CSS 的並排選單
  16. Day16 今天我想來...欸現在幾點？- CSS 畫出 iOS 時鐘
  17. Day17 css.wav 純 CSS 波浪進度條
  18. Day18 純 CSS DVD 反彈動畫
  19. Day19 純 CSS 做出彈出式 Lightbox
  20. Day20 GPU! 啟動！- 淺談 CSS3 硬體加速
  21. Day21 就是要對決 - CSS 和 JS 動畫，哪個更絲滑？
  22. Day 22 JavaScript 乱薍覼釠亂碼效果
  23. Day23 優雅的漸層動畫 - 隨機而有秩序
  24. Day24 CSS 相融黏滯效果
  25. Day25 有料的 CSS 漢堡選單
  26. Day26 不要躲在下面動！Animate On Scroll 自己做
  27. Day 27 iT 邦幫忙::一起幫忙製作導覽列，拯救第 27 天
  28. Day28 純 JavaScript Slider (ft. CSS scroll-snap-type)
  29. Day 29 鐵人賽太空粒子的例子
  30. Day30 三十天的血與淚 - 密技

看好了 GitHub Actions，我只示範一次

把部署和檢查自動化，讓每次 push 都更安心。30 天鐵人賽系列，從 CI/CD 基礎到進階部署流程。

  1. 靠著那 GitHub Actions，凡事都能做
  2. Hello World - 運行 Shell 指令
  3. 幫我結帳 - 自動化 Git 操作
  4. 弄好了給你 - 上傳與下載工件（artifact）
  5. 用 Prettier 統一天下 - 讓程式碼格式一致
  6. 有意見就說 - 編輯後自動提 Pull Request
  7. 時間差不多囉 - 事件觸發器
  8. 今天不講 DVD，來談談 CI/CD - eslint 與 pylint
  9. Jest Do It - 運行單元測試
  10. 啊我就怕不相容 - 多平台測試
  11. 告訴你一個大秘密 - 如何在 GitHub Actions 中使用 Secrets
  12. 一切都是有條件的 - 環境變數和條件運行
  13. 在碼頭等你 - 自動化 Docker 構建
  14. 直上天雲 - 自動化部屬
  15. 這是我家鑰匙 - SSH 自動化部署
  16. 解放你的 Release - 自動化版本控制與發布
  17. 有人在水 - 統計 Notion 待辦事項放到 Discord 頻道
  18. 用 GitHub Actions 把 Issue 同步到 Notion
  19. 萬籟聚集 - 自動化 Issue 管理與整合第三方服務
  20. 渲染 Markdown 文件 - 自動生成和更新項目說明文件
  21. 我沒錢買 MacBook - 自動化多平台 Python 應用打包
  22. 特選簡章 Discord 通知 - 爬蟲腳本與資料處理
  23. 不在其位，不謀其政 - 多階段 CI/CD 流程
  24. 自動化性能測試 - 使用 GitHub Actions 進行負載測試與生成性能報告
  25. 自動化安全掃描與漏洞檢查 - 使用 Dependabot 和 GitHub Actions
  26. 整合通知服務 - 在 GitHub Actions 中配置 Slack 通知和生成報告文件
  27. 最佳化工作流程運行時間：使用 GitHub Actions 快取來加速構建
  28. 無國界倉庫 - 管理多倉庫的自動化工作流程
  29. 鐵人賽怕忘記發文？讓 GitHub Actions 每小時提醒你！
  30. 是時候 Action 了。

文章

2026

  1. 毛哥EM資訊密技 2026：重造了個毛茸茸的大輪子！
  2. 如何用 CSS 裝飾 HackMD 書本模式側邊欄
  3. 把 GitHub Pages 從 /repo 變成 /a/b：用多個 Repo 管理同一個網站的子路徑
  4. 嫌 Google Forms 太醜？拿它當表單後端吧！
  5. Husky 教學 - 逼你的團隊給我 Format 完再 Commit

2025

  1. 如何優雅的抵達交大
  2. Stock Issue - 從辯論到職場，任何計畫缺一不可的關鍵要素
  3. 如何在 PowerPoint／Keynote 設定置中快捷鍵？
  4. 特選完半年的暑假在幹嘛？
  5. 來用網址放跑馬燈吧！
  6. SITCON Camp 2025 - 連續五天的黑客松，我們搞出了一套股票博弈系統！
  7. 去美國辯論差點發生槍擊案？NSDA 2025 心得
  8. 毛哥EM 的快捷鍵：如何正確使用鍵盤跟觸控板
  9. World Schools Debate: 不只要證據，我要你解釋為什麼
  10. Extemporaneous Debate - 台上兩分鐘，台下半小時
  11. 支持毛哥EM 的方式
  12. 我的近況
  13. 你應該開始使用 RSS！Zeabur + FreshRSS 架設教學
  14. 用 Discord 的線上國際辯論比賽？Taiwan WSDC 心得
  15. 打了三年師大英辯的心得
  16. 辯論技巧：搞懂裁判類型，讓你比賽場上少走冤枉路
  17. 辯論中禁用的黑魔法 Kritik - 這個辯題根本不該被討論
  18. 2025 忠信英文辯論邀請賽心得
  19. 高中生英文辯論在幹嘛？
  20. 金絲雀聲明
  21. 用 CSS repeating-linear-gradient 實現警示條
  22. 如果在 .gitignore ignore .gitignore 那 .gitignore 會被 git 因為 .gitignore ignore 了 .gitignore 而被 ignore 嗎？
  23. Git force push orphan branch 其他人不能 pull 怎麼辦？
  24. 如何更改已經 push 的 commit message
  25. 如何把 Merge 地獄整理成乾淨的 Commit
  26. 自製 Line Bot 轉發群組訊息給自己
  27. 使用 Notion 來準備辯論
  28. 如何在 DataGrip 中匯入 CSV 到資料庫？
  29. 你們為什麼就不能全域 .gitignore .DS_Store 呢？
  30. 中文字體標示解析：字體中的 TC、TW、GB、P 是什麼意思？
  31. 我最喜歡的名言：有朋自遠方來，不亦樂乎？
  32. 如何設定 VSCode Git pull 使用 rebase 而不是 merge
  33. GitHub 如何更改預設分支 (default branch)
  34. macOS 快速把圖片轉成 WebP、影片轉成 GIF
  35. SITCON 2025 心得與 Q&A
  36. 如何連上校園免費 Wi-Fi eduroam？
  37. WSL 無法更新？如何在 Windows 安裝 Docker
  38. 什麼是宣告式程式設計 Declarative Programming？
  39. 從 Windows 轉到 MacBook 的心得
  40. 特殊選才備審資料／學習歷程檔案怎麼做？
  41. 交大百川特選心得 - 如何錄取？百川資工怎麼選？
  42. 不自殺聲明
  43. 2024 成大資工特選乙組 上機考考題及心得
  44. 交大資工資安組 特選面試心得
  45. 專案仔上交大？2025 資工特殊選才完全指南

2024

  1. 如何快速取得 GitHub 成就 Pair Extraordinaire 金色徽章
  2. 中原資工 特選面試心得
  3. 逢甲資工/資安 特選面試心得
  4. 暨南資工 特選面試心得
  5. 台大資工資安組 特選面試心得
  6. 全部猜 C 分數會比較高嗎？考試猜題策略用程式跑給你看！
  7. 必輸策略：馬丁格爾投注法，用程式證明給你看！
  8. 輔仁資工資安組 特選面試心得
  9. 關於本站
  10. 友情連結
  11. emblog - 一個不一樣的部落格生成器
  12. 甚麼是獸迷文化 (Furry)？認識不獸控制的獸圈
  13. 你不知道的 git add -A
  14. 解決 Certbot SSL 更新失敗 - The manual plugin is not working
  15. 如何更改 SSH 預設埠
  16. 啊我剛才 push 錯了！如何在 Git 中撤銷提交
  17. 如何在 Linux 中使用 7z 壓縮和解壓縮檔案：完整簡單的教學
  18. 部署 Node.js 專案到虛擬機上 - pm2, nginx 一次上手
  19. Line bot 新 API! Messaging API 顯示思考中動畫
  20. Gemini API 快速入門：來用 Js 做一個線上聊天吧
  21. Tampermonkey 腳本 - 一鍵複製 GitHub 倉庫名
  22. 蘋果 2024 5 月發布會懶人包 - Apple Pencil Pro 有陀螺儀還會震動，iPad Pro 減掉瀏海
  23. 2024 仰望盃心得
  24. 如何在 Raspberry Pi 上安裝 Tensorflow? (含 Jupyter Notebook)
  25. 停更通知
  26. 如何自製 GitHub Actions 並上架至 Marketplace
  27. 如何設定全球通用頭像 Gravatar？以 Jitsi 為例
  28. 如何使用 Certbot 申請免費的 SSL 憑證，並使用 DNS 驗證？
  29. Notion 資料庫如何免費批量輸出 PDF，並且合併？
  30. 教學：將學校行事曆輕鬆加入 Apple 日曆
  31. 用 iPhone 開機電腦和查看狀態 - 使用 ESP32 加入 Homekit

2023

  1. Firefox 如何翻譯網站？
  2. 如何不透過 Microsoft Store 安裝 Microsoft Store 的應用程式
  3. iOS 如何把 Twitter 換成原本 Logo？全網唯一不用捷徑！沒有跳轉！
  4. VSCode 教學與你值得擁有的擴充功能
  5. EP.3 10 分鐘 基本 CSS 教學
  6. iPadOS 17 真實心得 官方沒講的秘密，質感體驗的大升級（不斷更新）
  7. 所有 iOS & iPadOS 17 Beta 問題整理
  8. EP.2 5 分鐘完結 HTML
  9. EP.1 什麼是網站？
  10. 自製免費點名系統
  11. EP.0 歡迎來到網棧
  12. 【自製】CrossDown - 一個輕量化跨窗口顯示的 Markdown 編輯器
  13. 用擴充功能輕鬆修正錫蘭 YouTube 的訂閱數
  14. CSS 濾鏡生成器：輕鬆製作網頁圖示上色效果
  15. 【Google Apps Script】用 Line Bot & Line Notify 轉發群組訊息給自己
  16. 破解赤鬼牛排店的平板限制
  17. 【終端機】快速上手 Vim
  18. 【開源】快速免費啟用 Office 及 Windows
  19. 【iOS】進入/退出 Apple Beta 的世界 搶先體驗新功能

2022

  1. 【Win11】取得電池報告！查看健康度、充電次數、歷史！
  2. 【學生】免費全球學校 Wi-Fi & Office365 教育版
  3. 【ios】如何開熱點？你藍牙可能沒關過？帶你看懂比女生還難懂的控制中心！用專注模式關閉 Wi-Fi/藍牙！
  4. 【視訊會議】EM-SFW - 鏡頭畫質的天花板！黑板不再顛倒/模糊/切割！
  5. 【C++】常見題目解答
  6. 【pdftk】萬能 PDF 工具！一行指令合併 旋轉 提取
  7. Git & GitHub 基本教學
  8. 【終端機】輕鬆更改 SSH 的驗證碼 passpharase
  9. 【ShowDesktopPerMonitor】進化 Win+D！多螢幕不互相干擾/所有桌面視窗一鍵顯示
  10. 【GitHub Actions】自動部署你的 Hugo 網站
  11. 【Google Apps Script】複製貼上讓試算表變身成網頁表格 秀爆你的客戶朋友！
  12. C 規則
  13. 【Remove.bg】讓 AI 幫你一鍵去背

2021

  1. 【網頁&捷徑】旌旗教會週報下載器
  2. 【Google Apps Script】自製點名系統
  3. 【MultiWall】讓不同螢幕放不同桌布
  4. 【is.gd】超好用網址縮短！連 Apple 都在用
  5. 【Zoom】是個超讚綠幕！輕鬆去背到 OBS
  6. 【捷徑】史上最快簡訊實名制
  7. 【Windows】賭你不知道的必記快捷鍵
  8. 【捷徑】快速進入當節課堂的 Meet（備份）
  9. 【捷徑】怎麼加入不受信任的捷徑？
  10. 【捷徑】衛道網頁書籤