【 Cloud 】修改預設 Amazon Lightsail Ghost Blog 的表格樣式
內容
- 學習目標
- 前置準備作業
- 設定 Amazon Lightsail MySQL 的 root 密碼
學習目標
- 如何修改預設的 Table 樣式
前置準備作業
- 已建立
Amazon Lightsail Ghost Blog
目前預設的 Table 樣式
修改 Table 樣式
Step 1. 透過終端機登入到 Ghost 主機
Step 2. 更新樣式檔案
- 開啟檔案
sudo vi /bitnami/ghost/content/themes/casper/assets/built/screen.css - 移到檔案最尾端
G - 新增樣式
- 輸入
i進入編輯模式
- 輸入
table td{border:1px solid #ddd;padding:5px 10px}table th{border:1px solid #acacac;background:#ddd;font-weight:700;text-align:left;padding:5px 10px} 
- 存檔
① 按 ESC 鍵 ② 輸入 :wq! 
- 重新啟動 Ghost
sudo /opt/bitnami/ctlscript.sh restart ghost Step 3. 修改後的 Table 樣式
- 重新啟動 Ghost 後需等待一段時間
