介紹一個不常見的 css 屬性 isolation，可以簡單地幫你建立新的 stacking context 如果你還不知道什麼是 stacking context，可以先參考 這篇 那建立新的 stacking context 可以做什麼呢？可以幫你和其他層的 mix-blend-mode / z-index 等等數值作字面上的意思 “隔離” 主要有兩種值： 目前這個屬性支援度算是相當普及了（96%） 如果看完這個屬性，你還是不知道他可以用來做什麼，那你可以試著玩看看 Stacking Order Challenge 想辦法使用 isolation 達到以下的結果： ⚠️ 先自己嘗試看看，再來看答案唷 😛
一直以來我都有更換自訂桌布的習慣，今天頻繁重開機發現在開機畫面時自訂桌布都沒有正確顯示 題外話：（今天在測 Raycast 發現他重開機總是不會open at login….總之又是另一個故事了 螢幕鎖定（左）/ 開機畫面（右） 這邊記錄一下目前是怎麼設定的 ⚠️ 本文撰寫時的 macOS 為 Ventura 13.3.1 步驟： 在第 4 步設定時，會把硬碟資料加密的功能關閉，如果對於資料安全有疑慮的話請自行謹慎考慮 參考資料：
首先，先破題這篇文章部分內容來自 What No One Told You About Z-Index – Philip Walton 的啟發 本來是想紀錄 position: sticky 的用法，但看了一下我過去的在 position 的文章中，其實少紀錄了 z-index 與 stacking context 的概念，因此來補坑一下 XD（謎之音：其實是覺得複雜懶得寫 QQ） 有趣的問題 首先我們來看看一個身為前端工程師應該會遇到的日常，我們有三個 position:absolute 的 div 分別為 Red（z-index）/ Green / Blue 的色塊 程式碼與實際畫面可參考 JSFiddle 範例： 問題：如何在不違反以下條件之下，將三個色塊的顯示順序更改為下圖的結果？ ⚠️ 在看程式碼的 CSS 之前，你可以嘗試自己在 JSFiddle 範例 中修改看看 預期結果如下： 解法： 我們只需要在 CSS 中為 div 加上以下程式碼即可 如果對於 […]
前兩週將機器從 ubuntu 14.04 更新為 ubuntu 22.04，發現每月執行的指令 certbot-auto renew 會噴以下錯誤 排查後發現 certbot 1.9.0 以後只支援 Debian / RHEL 版本的 linux OS certbot-auto was deprecated on all systems except for those based on Debian or RHEL. https://community.letsencrypt.org/t/certbot-1-9-0-release/135414 於是嘗試重新安裝 certbot 新版，由於我使用系統配置為 ubuntu / nginx，其他配置可以參考 官方安裝文件 嘗試執行 certbot certificates 即可正常執行了 ~ 參考資料：
如何設定 nginx 阻擋特定 ip / 網段存取，首先找到對應的 nginx configuration， 通常會在 /etc/nginx/sites-enabled/*.conf 或是預設的 /etc/nginx/nginx.conf 接著找到 server / location 區塊，加上 deny 語法
透過 bundler 安裝 ruby gem 時遇到了以上錯誤，仔細看 log 會發現有 解決方式： 安裝 xcode command line tools
當在架設網站時，時常會幫網站前面架設一層 cdn（cloudflare），好處是 cdn 作為第一層接收使用者端的請求既可以隱藏伺服器真實 ip，更可以加速各地區的網站載入速度。 反之，多了一層 cdn 可能讓你更難存取到真實的使用者資訊，比如導致在網頁伺服器看到的 access.log 其中 $remote_addr 都是來自 cdn 廠商的 ip，例如：162.158.162.90 造成這個問題的原因，可以參考以下圖片的流程： 原來的使用者 IP 為： 1.1.1.1 / 2.2.2.2 由於經過 cloudflare 的 cdn 伺服器（4.4.4.4）存取後，導致 Logs 充斥 4.4.4.4 的 $remote_addr 為了解決這個問題 cloudflare 官方有提供在各網頁伺服器該如何設定正確的 mods 解決此問題 這邊以 ubuntu 的 nginx 設定為例 2. 重新讀取 nginx 設定 設定大功告成 ~ 重新檢查 access.log 的 $remote_addr 是否後就會正確抓到使用者 ip 了 […]
最近使用 rbenv 切換環境後，遇到執行 irb 發生以下錯誤的狀況 嘗試找了可能的解法後發現 這篇 執行以下指令重裝套件以後，即正常運作
常常在看機器目前負載狀態時，總是會先看 cpu / memory 的使用量，但在 cpu 上有些數字代表指標 記錄一下每個數字的意義 ~ 之後忘記可以查 XD 舉個例子： 以上這張圖透露了以下資訊： 此機器 cpu thread count 為 8若要查實體 cpu count 為多少可以使用 sysctl -a | grep machdep.cpu.core_count cpu 使用量， process 依照優先權重分別為 紅(kernel) > 黃(user) > 綠(user) process memory 使用量，綠色為 process, 藍/橘則為 buffer 或 disk cache 使用的 memory swap 使用量，通常在記憶體不夠用時會使用硬碟空間作為記憶體使用 目前機器上有 588 tasks, 2594 threads, 1 […]
在 Linux 常見的防火牆套件為 iptables，相信有當過網管或管理伺服器的管理人員都相當熟悉。 （曾經設定完 iptables 就再也連不進去遠端機器的經驗 這篇就不說明如何設定 iptables，這方面的說明在網路上有相當多教學，也可以參考 鳥哥私房菜-防火牆 紀錄一下時常設定完後，如何觀察有哪些嘗試連線而被阻擋的紀錄 首先舉個例子： 透過以下指令我們限制僅有 x.x.x.x ip 可以透過 ssh 連線進入主機 這時候除了 x.x.x.x ip ssh 連線至主機會顯示 這時候我們可以藉由以下指令新增 iptables rule，查看主機上是否有相關的阻擋紀錄 接下來在 /var/log/kern.log 就可以看到封包相關的阻擋紀錄 參考資料 https://www.thegeekstuff.com/2012/08/iptables-log-packets/