WebDong Logo WebDong
  • 關於
  • 文章
  • 工具
  • 短文
    New
  • #36

    發現特別是技術類作者會把文章放置在不只一個地方

  • #35

    那個酷酷的網頁背景是怎麼做到的?

  • #34

    為什麼要保持套件版本更新?

  • #33

    你還記得瀏覽器引擎前綴 (Vendor Prefix) 嗎?

  • #32

    Git 如何管理大型檔案?

  • #31

    XML 和 AJAX

  • #30

    重新思考如何建構 RWD 網頁,透過 CSS Container Queries

  • #29

    聽名稱就感覺生產力 UP UP 的字體 —— Commit Mono

  • #28

    近期發現不錯的免費英文網頁開發教學平台 —— Egghead.io

  • #27

    為什麼會有 _ 在數字當中?

  • #26

    如何從 Git 歷史中徹底移除機密文件?

    有時候不小心推送了不該推送的機密文件到 Git 當中,如何徹底從記錄中移除是個問題。以下用環境變數 .env 來解釋可以怎麼補救。

    🐑 第一步:亡羊補牢

    先把文件加入到 .gitignore 中,避免未來犯下相同的錯誤。

    🌿 第二步:表面清潔

    執行 git rm -r --cached .env ,把 .env 從 Git 當中移除,但這樣只是從暫存區移除,並沒有從歷史記錄中移除。

    • r 遞歸刪除目標資料夾中的文件
    • --cached 只從暫存區刪除,不會刪除實際文件
    • .env 是要刪除的文件或資料夾名稱

    🧽 第三步:深層清理

    執行 git filter-branch --index-filter "git rm -rf --cached --ignore-unmatch .env" HEAD 來修改歷史。

    • r 遞歸刪除目標資料夾中的文件
    • f 強制刪除文件,無須確認
    • --cached 只從暫存區刪除,不會刪除實際文件
    • ignore-unmatch 忽略如果文件不存在的錯誤。這個選項保證即使 .env 文件在某些提交中不存在,命令也會執行成功
    • HEAD 表示要對當前最新的提交及其祖先進行過濾操作

    ✨ 第四步:推送修改

    使用 git push --force 來強制覆蓋修改過結果到遠端。

    ⚠ 補充:任何公開過的敏感資訊應當視為外洩,應立即替換不再使用,因此直接替換所有敏感資訊而不是修改紀錄是最安全的做法。近期有遇到不小心把敏感資訊推上私有倉庫上的問題,就挺適合用這招來剔除。

    • git-rm🔗
    • git-filter-branch🔗
  • #25

    軟體園藝家 Software Gardener

  • #24

    一直以為 PowerShell 就是藍藍的 cmd

  • #23

    分享一個我自己在預覽 GitHub 專案時常用的訣竅 —— 點

  • #22

    追蹤瀏覽器版本支援程度 —— Can I Use 網站

  • #21

    Chromium 開發者工具 —— Layers

  • #20

    可視化 JSON 資料 - JSON Crack

  • #19

    不知道不同團隊是如何鞏固與紀錄開發制度的?

  • #18

    處理金錢、單位、時間的轉換原生 JavaScript 就辦得到

  • #17

    關於純手工

  • #16

    想要快速視覺化網頁元素之間的邊界可以怎麼做?

  • #15

    資料庫圖示的來由

  • #14

    想要及時編輯預覽網頁內容可以怎麼做?

  • #13

    你能說明設計系統與元件庫在網頁領域中的差異嗎?

  • #12

    舉例 Radix、Headless UI,為什麼無樣式元件這麼熱門?

  • #11

    關於經營部落格

  • #10

    建構正確的網頁 UI 不應該是個麻煩的問題

  • #9

    AI 取代人類的恐懼

  • #8

    如何驗證客戶端資料的正確性

  • #7

    關於經營部落格

  • #6

    製作了部落格想要額外添加文章搜尋功能該怎麼辦?

  • #5

    推薦免費網頁圖片編輯器

  • #4

    你有多久沒有升級專案的套件版本了呢?

  • #3

    與朋友的 TDD 觀念閒談

  • #2

    你會如何解這個下拉式選單樣式問題呢?

  • #1

    使用 Iconify 在網頁中加入各式各樣的圖示

CC BY-NC 4.0
  • Thread
  • GitHub
  • RSS