在瀏覽器內透過JavaScript可以讀取螢幕尺寸、瀏覽器視窗尺寸、瀏覽器可視區尺寸、整個網頁的尺寸、縮放比例等。但是使用的時候要從各個不同的Object讀取，因此我寫成一個JavaScript的function，將各個資訊包裝成一個Object可以直接讀取使用。還會介紹一個好用的套件可以解析瀏覽器和作業系統的名稱與版本。
用JavaScript取得作業系統與瀏覽器的名稱、版本、螢幕尺寸、頁面尺寸、縮放比例
在Netlify部署React的Browser Router，不要出現#井字Hash的方式，其他單頁式網頁也適用
Netlify是一個部署前端網頁的好選擇，光是免費方案就有100GB可以使用，一個帳號可以部署多個網站，在全球多處都有伺服器可以加速。但使用React Router DOM的Browser Router產生的虛擬路徑不是真的存在於Netlify上，讓Netlify無法處理。本文教學讓Browser Router順利運作的設定方式。
在Parcel打包時自動複製靜態檔案（public、static、assets等）V1、V2適用
在開發前端網頁時，使用Parcel代替Webpack進行打包工作會很方便，能減少非常多需要設定的地方。但是Parcel打包時是自動掃描index.html內被引用的檔案，程式內沒有使用import指令的靜態檔案會被Parcel忽略，這時候需要一些Parcel的外掛來幫忙，每次打包都能自動化複製！
在Windows使用IIS、Apache、Nginx申請免費SSL/TLS憑證，自動從Let’s Encrypt更新
本文將教學如何在Windows上申請Let’s Encrypt的SSL/TLS憑證，讓網站擁有HTTPS連線的機制。有時候為了讓各種後端語言同時存在，會在Windows上先安裝Apache或Nginx網頁伺服器，再反向代理到伺服器上的PHP、ASP、Java、NodeJS、Django等AP Server。因此在Windows上使用IIS（Internet Information Server）、Apache、Nginx申請憑證的方法都包含在文章內，一起讓瀏覽器網址列上面顯示有鎖頭的HTTPS吧。
每天定時自動備份Docker內的MySQL、MariaDB與MongoDB，Linux、macOS與Windows都可用
本文介紹如何備份與還原在Docker內的MySQL、MariaDB、MongoDB資料庫，以及寫一個在Linux與Windows內都能夠順利執行的腳本，讓電腦每天自動執行腳本備份資料庫。
一個腳本快速使用Parcel建立React、Router、Redux、Bootstrap立刻進行前端網頁開發
想要快速建立一個React專案時，可以使用npx create-react-app這個工具來快速建立，還可以決定template，但是想要使用Parcel的話可能有點麻煩，因此我寫了一個腳本可以快速建立所需的資料夾與檔案。使用NPM、Visual Studio Code與本篇文章內的初始化腳本即可快速開始進行開發囉。
使用Linux Bash或是Windows Batch產生當前日期的檔案名稱
透過定時執行腳本完成一些自動化的工作，常常會需要使用時間來命名一些檔案。例如我想要一個檔案名稱是透過現在的日期產生的，同時包含年月日時分秒，像是「log_20220628_123000.txt」，該如何透過Linux腳本或是Windows腳本自動產生呢？本文將教學Linux與Windows各自的產生方式。
Swap交換空間是什麼？如何在Linux建立Swap？
Swap是給Linux系統在主記憶體RAM不夠用的時候，將記憶體內比較久沒用到的資料塞進去用的空間。Swap存在硬碟上，可以是一個獨立的硬碟、開機硬碟內一個獨立的硬碟磁區、任何一個磁區內的一個檔案。Swap可以用便宜簡單的方式增加記憶體容量，本文介紹他的優缺點，以Debian為例介紹添加Swap的方式。
在Linux上使用Let’s Encrypt搭配NginX獲得免費的SSL憑證
HTTPS代表有驗證伺服器是本尊，而且傳輸過程有加密的網頁傳輸協定。使用HTTPS才能確保使用者連上的是正確的伺服器，而且傳輸過程不易被他人監控。本文介紹如何在Linux上使用CertBot獲取憑證，並且自動更新。
Nginx反向代理內部WordPress發生無限重新導向迴圈
我的WordPress是在內部網路，由Nginx反向代理。但遇到一個問題是，Nginx反向代理到內部的WordPress時，會發生無限重新導向迴圈，之後又發生網站內http與https網址同時出現，在此介紹原因與解決方式。