Dev

程式碼之外，還有生活的藝術前端工程師 / 攝影 / 生活紀錄

文章296
標籤368

標籤查看更多

分類查看更多

前端技術、踩坑紀錄與學習筆記

294 篇

2026-08-1712 分鐘閱讀

Git 也是靠雜湊運作的：在伺服器上建一把 GitHub 專用金鑰，改用本機開發後 push、pull 就好

Git 底層同樣仰賴 SHA-1 雜湊，發明者 Linus Torvalds 也打造了 Linux。記錄如何在伺服器建立獨立的 gh_key、加進 GitHub、設定 SSH config 讓連線自動套用金鑰，並用 ssh -Tv 排查連線問題，之後改回本機開發，用 git push、pull 跟伺服器同步。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Git #GitHub #SSH #SSHConfig #Hashing #SHA1

2026-08-1616 分鐘閱讀

寫出 Nginx 虛擬伺服器設定檔，用 nginx -t 驗證，並用 PM2 讓 Node 應用程式永遠活著

實際寫出 Nginx 虛擬伺服器區塊，設定 listen 80、proxy_pass 轉給 3000 埠的 Node 應用程式，用 nginx -t 驗證設定、移除預設站台避免衝突，接著別忘了實際啟動 Node 伺服器，最後裝 PM2 讓應用程式在關閉終端機、伺服器重開機後依然自動存活，並設定當機自動重啟。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Nginx #VirtualServer #ProxyPass #PM2 #ProcessManager #NodeJs

2026-08-1614 分鐘閱讀

安裝 Node.js、初始化專案，並用 Nginx proxy_pass 把請求轉給 Node 伺服器

用 NodeSource 安裝最新版 Node.js，比較 apt 與 apt-get 差異，用 chown 取回目錄擁有權避免每次 sudo，跑一遍 git init、npm init 建立陽春 Node.js 伺服器，並在 Nginx 新增虛擬伺服器設定檔，用 proxy_pass 轉送請求給 Node。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #NodeJs #NodeSource #Chown #Git #Npm #Nginx #ProxyPass

2026-08-1514 分鐘閱讀

Nginx 安裝與設定檔解析：為什麼需要反向代理，root、location、directive 結構全拆解

安裝 Nginx 讓伺服器第一次真正回應請求，說明反向代理（reverse proxy）的用途，比較 Nginx 與 Apache 的差異，並拆解 sites-available 底下設定檔中 root、location block 與 directive 的結構，實際動手編輯出屬於自己的第一個網頁。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Nginx #WebServer #ReverseProxy #Apache #NginxConfig #SitesAvailable

2026-08-1513 分鐘閱讀

用 chmod 644 修正 authorized_keys 權限並停用 root 登入：關閉伺服器最後一道安全破口

實際查看 /var/log/auth.log，看見伺服器上線瞬間湧入的入侵嘗試，理解為什麼要停用 root 登入；用 chmod 644 修正 authorized_keys 權限、編輯 sshd_config 停用 root，並強調照順序驗證新使用者能登入再重啟 daemon，避免把自己鎖在伺服器外。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Linux #Chmod #FilePermissions #SSH #SSHDaemon #AuthLog #RootLogin

2026-08-1415 分鐘閱讀

別再用 root 登入伺服器：建立新使用者、加進 sudo 群組取得權限，並手動設定 SSH 金鑰讓新帳號能登入

解釋為什麼伺服器上不能長期用 root 帳號操作，實際用 adduser 建立新使用者、用 usermod 把它加進 sudo 群組取得超級使用者權限，並手動建立 authorized_keys 檔案、把 SSH 公鑰交給新帳號，讓新使用者也能用金鑰安全登入伺服器，不再需要依賴 root 帳號操作。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Linux #Root #Sudo #AddUser #Usermod #SSH #AuthorizedKeys

2026-08-1416 分鐘閱讀

實際購買網域名稱：用 Namecheap 買下網域，設定 DigitalOcean 名稱伺服器與 A 記錄

用 Namecheap 買下網域完整走一遍：解釋為什麼選它而非 Google Domains、哪些頂級網域（.org、.edu、.gov、.mil）受限，並把名稱伺服器換成 DigitalOcean、新增根網域與 www 的 A 記錄，用 dig、nslookup 驗證設定生效，最後介紹網域信箱轉寄技巧。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #DomainName #Namecheap #DigitalOcean #Nameserver #ARecord #TLD #EmailForwarding #DomainPrivacy #TwoFactorAuthentication

2026-08-1316 分鐘閱讀

DNS 是怎麼把網域轉成 IP 的：nslookup、dig 實測，以及 URL 結構與網域搶註爭議

拆解網域名稱系統（DNS）如何像電話簿一樣把好記的網域名稱翻譯成 IP 位址，用 nslookup、dig 實際查詢名稱伺服器、A 記錄與 CNAME 記錄的差異，並說明 URL 的完整結構（網域、子網域、TLD、路徑、查詢參數），透過 toyota.com 等真實案例談 ICANN 的網域仲裁與網域搶註爭議。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #DNS #Nameserver #Nslookup #Dig #URL #TLD #ICANN #Cybersquatting

2026-08-1313 分鐘閱讀

TCP 與 UDP 差在哪：三向交握、封包、ICMP，以及 ping of death 攻擊的原理

解釋上一節用 ping、traceroute 時反覆出現的 TCP 與 UDP 到底是什麼，拆解 TCP 三向交握如何確保資料完整送達、UDP 為什麼犧牲可靠性換取速度並適合串流應用，說明封包與 ICMP 的角色，並揭露 ping of death 與 DDoS 攻擊背後利用的正是這套機制。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Networking #TCP #UDP #ICMP #Packet #DDoS #ThreeWayHandshake #PingOfDeath

2026-08-1212 分鐘閱讀

用 ping、traceroute、netstat 揭開網路請求背後的隱藏層：實際動手驗證架構怎麼運作

不再只憑口頭描述，直接用 ping 快速檢查主機是否在線、用 traceroute 印出連到 google.com 沿途每一個節點的位址與延遲、用 netstat 檢視電腦上所有開放的通訊埠與連線的詳細狀態，藉此驗證前一節講的請求傳遞路徑是不是真的長這樣，也學會用這些工具排查網路問題究竟卡在哪一層。

Full Stack Fundamentals

#frontendMasters #fullStackFundamentals #Networking #Ping #Traceroute #Netstat #ISP #Backbone

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30