Netlify是一個部署前端網頁的好選擇,光是免費方案就有100GB可以使用,一個帳號可以部署多個網站,在全球多處都有伺服器可以加速。但使用React Router DOM的Browser Router產生的虛擬路徑不是真的存在於Netlify上,讓Netlify無法處理。本文教學讓Browser Router順利運作的設定方式。
在Netlify部署React的Browser Router,不要出現#井字Hash的方式,其他單頁式網頁也適用
在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內都能夠順利執行的腳本,讓電腦每天自動執行腳本備份資料庫。
前端網頁開發須知,NPM、Parcel、React、Router、Redux、Axios、Bootstrap與其他工具簡介
前端網頁開發通常包含HTML、CSS、JavaScript,可是單靠三者從頭打造一個現代網頁容易重複發明輪子,自己發明的輪子還可能跟別人車子不合用,因此有許多套件可以減輕開發工作,最後還需要一個打包工具將套件與網頁打包起來,成為可以放上伺服器的產品,本文以React為例依序介紹一些常用的工具,希望在實際開始學習之前先通過本篇簡介進行初步的理解,那麼實際開始學習時就能更加快速進入狀況。
Java工程師的Swift學習筆記-上篇
Swift將許多功能直接加入語言本身,成為語言的一部分,像是Optional
使用Linux Bash或是Windows Batch產生當前日期的檔案名稱
透過定時執行腳本完成一些自動化的工作,常常會需要使用時間來命名一些檔案。例如我想要一個檔案名稱是透過現在的日期產生的,同時包含年月日時分秒,像是「log_20220628_123000.txt」,該如何透過Linux腳本或是Windows腳本自動產生呢?本文將教學Linux與Windows各自的產生方式。
Linux基本概念-絕對位置、相對位置、檔案系統
Linux的檔案系統跟Windows不太一樣,雖然都有絕對位置與相對位置的觀念,但是在LInux上不會有C槽、D槽等,存放的也不只有檔案與料夾。本文將講解Linux的檔案系統基本知識,讓剛入門Linux的朋友們可以更快有概念開始使用這個好用好玩的系統。
Swap交換空間是什麼?如何在Linux建立Swap?
Swap是給Linux系統在主記憶體RAM不夠用的時候,將記憶體內比較久沒用到的資料塞進去用的空間。Swap存在硬碟上,可以是一個獨立的硬碟、開機硬碟內一個獨立的硬碟磁區、任何一個磁區內的一個檔案。Swap可以用便宜簡單的方式增加記憶體容量,本文介紹他的優缺點,以Debian為例介紹添加Swap的方式。
常用Linux指令教學-入門基本操控篇
本文介紹最基礎的Linux Shell指令,是最基礎的第一篇章,考量到大部分的人都是從Windows作業系統開始學習電腦,因此在講解的時候我會盡量加入Windows的類似功能來當作範例講解。