password setting

Monday, Jan 26, 2026 | 2 minute read | Updated at Monday, Jan 26, 2026

@
password setting

幫文章設定password

現在的Blog 是靜態生成,文章狀態只有公開與非公開 考慮到需要在網路上可以看到,到有資訊不想要公開

所以就來設定"文章加密"

目前查詢到最間單的是使用 Staticrypt https://github.com/robinmoisson/staticrypt

  • 用 AES-256 加密你的 HTML 頁面
  • 訪客需要輸入密碼才能解密查看內容
  • 完全客戶端運作,適合靜態網站

安裝

npm install -g staticrypt

加密特定頁面

方法一:指定完整路徑 staticrypt {路徑} -p "你的密碼"

方法二:先切換到專案資料夾

cd {專案資料夾路徑}
staticrypt {檔案路徑} -p "你的密碼"

注意

目前專案是使用 HUGO,所以編輯檔案跟部署檔案是不同的,因此需要先編輯好之後, 先執行 hugo 產出 public,之後再到 public 裡面的檔案做加密,這樣子加密處理才會成功

取消檔案加密

若是今天要將已經加密的檔案取消加密,只需要執行hugo,就可以得到乾淨未加密的文章

原理是,hugo會自動將我們編輯markdown的檔案,編譯成部署用的HTML檔案到public,而我們需要網頁上,該篇文章可以被加密,就需要在hugo已編譯的public裡面處理。

如果想要確保檔案是乾淨的,可先將public刪除,再重新執行hugo rm -rf public hugo

痛點

雖然說staticrypt可以單的加密、解密,但是以Hugo的運作方式你會發現,每重新執行一次hugo,所有的檔案就會重新生成,之前加密的檔案,也會恢復如初。

建立自動化腳本

在目前的狀況下,若要使用Staticrypt加密,又不想每重新執行一次Hugo, 就要重新一個一檔案加密,我們可以建立自動化腳本,讓每次部署時自動處理加密

© 2024 - 2026 Joanna's Blog

🌟 A Hugo theme named Dream

About Me

Hello I’m Joanna, this is my blog

我會在這邊分享我學習程式語言的心得與筆記