GCP+WORDPRESS+SSL 設定筆記

NewBLog

緣起

原本在痞客邦PIXNET荒廢多年的BLOG,最近忽然想到需要再開始寫了,記錄一些東西,不然年紀越來越大,真的都會忘記,
現在很多東西都會習慣記錄在 臉書Facebook 上面,但是久了會發現
臉書不是一個適合記錄的平台,真的是流水帳與年度回顧比較方便
當下記錄與分享給朋友很方便
有時候臨時要找一個當初記下的東西
事後完全找不到你當初記錄的東西,臉書本身也沒有搜尋功能(可能有,但是很糟糕)
另外就是記錄在 line 群組或是個人的記事本裡面,也是方便臨時的紀錄
要是要分享給別人就是不方便,而且不知道是不是line刻意,
line的軟體記事本編輯的功能,在windows平台上面或是mac平台
都超級陽春的
因此事隔多年,2019/08就開始打造新的blog平台!
(等等重點不是開始寫文章記錄嘛?怎麼焦點移轉成打造平台呢?)

申請網域名稱

要有新的平台,當然要有一個好的門牌,
寫文章的朋友說內容為王,網域名稱為后
既然我的blog都沒有內容,那只好申請一個門牌來用了

研究參考 強者我朋友 知名部落客山西達人3C達人廖阿輝的網站
https://ahui3c.com

發現還是要簡短有力的網址比較好用,
不過WHOIS查了一下,hohobear.com 已經被外國人註冊走了
研究一下那就來申請一個 .tw來用好了
不過榖歌一輪後發現一些問題

  • .tw 網域名稱註冊費用( 一年約NTD$800元左右 )相較.com 網域名稱( 一年約NTD$400~500元 )來說貴上不少
  • .com.tw 網域名稱更貴,一年約NTD$1000元以上
  • 在台灣的網域名稱註冊商購買,.com.tw 註冊需要事公司法人才行!(要有營業登記證等相關資料才能註冊)
  • .tw 網址都沒辦法選用 DNS privacy DNS WHOIS隱私功能
  • 哩哩囉囉一些

但是後來還是選了.tw 的網址,主要是.com部分選不到好的名字
難不成出個N百萬預算去收購被人註冊走的網域名稱
預算沒那麼高,退而求其次選個.tw網址吧
沒有在台灣網域註冊商註冊
台灣註冊三年約 NTD$1500元 ,godaddy 兩年就要 約 NTD$1500元
但是後來還是選了godaddy.com
因為之前有幫朋友申請過網域名稱,原本就是godaddy 客戶
以前goodaddy英文介面就用的很好,現在有全中文介面更方便
懶惰加上貪圖方便
2019/08/13
就在godaddy 網站購買 .tw 網域

WordPress 網站托管平台選了
GCP+WordPress 快速部屬

軟體平台現在是wordpress最熱門,就選了wordpress 這種 服務 平台

虛擬空間與托管網站比較

2019/08/13
找了很多關於網站托管空間的服務介紹(HOST),
什麼國際級的host SiteGround / SugarHost/BlueHost/Godday…
台灣地區的host 補夢網/遠振資訊/智邦生活館…
謝謝許多部落客與專家寫的各種優缺點比較分享文章
後來發現Google Cloud Platfom GCP平台也有人介紹,
包含強者我朋友廖阿輝好像也是GCP VPS的大用戶
雖然介面跟設定比較複雜
(感覺超級複雜,根本就是雲端運算托管平台)
但是可以免費試用一年+300美金的服務額度可以用,就申請來用看看
對於hoho這種blog網站根本沒人看的,
流量使用應該超低,可以免費用一年

技術性的文章

2019/08/14
謝謝網路上許多使用GCP的強者與專家
讓我知道GCP可以透過範例VM的方式來快速部屬Wordpress平台
等於同時作了租用網站虛擬空間+安裝網站作業系統+安裝網頁伺服器+安裝Wordpress平台
備註:WordPress with NGINX and SSL Certified by Bitnami
感謝各位專家的分享

參考文章
GCP「教學」使用 GCP 台灣主機五分鐘快速架設 WordPress 網站
https://diary.taskinghouse.com/posts/install-wordpress-certified-by-bitnami-gcp-ssl-on-google-cloud-platform/

GCP「教學」使用 GCP 台灣主機五分鐘快速架設 WordPress 網站
https://diary.taskinghouse.com/posts/install-wordpress-certified-by-bitnami-gcp-ssl-on-google-cloud-platform/

謝謝網路上許多使用GCP的強者與專家
讓我知道GCP可以透過範例VM的方式來快速部屬Wordpress平台
等於同時作了租用網站虛擬空間+安裝網站作業系統+安裝網頁伺服器+安裝Wordpress平台
備註:WordPress with NGINX and SSL Certified by Bitnami
感謝各位專家的分享

參考文章
GCP「教學」使用 GCP 台灣主機五分鐘快速架設 WordPress 網站
https://diary.taskinghouse.com/posts/install-wordpress-certified-by-bitnami-gcp-ssl-on-google-cloud-platform/

GCP「教學」使用 GCP 台灣主機五分鐘快速架設 WordPress 網站
https://diary.taskinghouse.com/posts/install-wordpress-certified-by-bitnami-gcp-ssl-on-google-cloud-platform/

設定GCP VM 靜態IP+DNS加入對外IP

2019/08/14

設定網站的SSL部分

2019/08/14
產生SSL加密部分與設定
在 Google Cloud Platform 雲端主機無痛安裝 WordPress + SSL+FTP
https://ansr.dev/gcp-wp-ssl-ftp/

Let’s Encrypt 免費SSL區要定期更新設設定方式
Google Cloud Platform Bitnami Let’s Encrypt certificates SSL 憑證自動更新
https://ansr.dev/google-cloud-platform-bitnami-lets-encrypt-certificates-ssl-auto-renew/

利用軟體產生公鑰與私鑰來讓FTP軟體連上
Google Cloud Platform雲端主機!SFTP金鑰產生與連線設定教學(FileZilla)
https://www.minwt.com/website/server/17377.html

檢查部分 網站 SSL 是否設定好

2019/08/14
看到網友推薦的 ssl sever 檢查的服務
SSL Server Test
https://www.ssllabs.com/ssltest/index.html

發現缺少網域SSL CAA 設定

到 CAA Record Helper 產生CAA 數值
https://sslmate.com/caa/

再到 自己的網域名稱管理網站 DNS設定裡面
加入 CAA的數值

Godaddy 的設定是

類型名稱標記標籤TTL
caa@0issueletsencrypt.org1

google Adsense

在google adsense設定好新的網域名稱的網站
取得程式碼後,在wordpress 小工具新增貼入程式碼

ads.txt 部分

在google adsense ads 管理畫面下載ads.txt
打開檔案複製裡面的內容 回到GCP VM管理的地方,
用瀏覽器登入SSH 管理畫面
貼上指令

sudo nano /apps/wordpress/htdocs ads.txt

進入nano編輯器後,貼入ads.txt 的內容
ctrl+x 存擋跳出

如何從痞客邦pixnet把文章搬家到wordpress.org 平台

2019/08/15
前提:因為一開始hoho的部落格架構,就是文章內容與圖片是分離的
就是文章內容是放在痞客邦裡面,但是照片圖片是放在flickr 那邊
再把照片透過網站外掛產生圖片網址與圖片連結
(因為以前flcikr網站有規定,圖片可以外連出去貼圖,但是圖片本身要有可連回flickr網站自己那一頁的連結)

從痞客邦搬家到wordpress平台的流程

2019/08/15
痞客邦匯出步驟
痞客邦->部落格後台->設定管理->匯入/匯出-> 匯出 MT 格式備份檔 ->會產生一個.txt檔案提供下載
下載備份檔案

blog-export-mt-你的使用者名稱-20190815224507.txt

wordpress 匯入部分 步驟 (wordpress版本5.22 就有內建)
WordPress 後台->匯入程式-> Movable Type 與 Typepad ->立即安裝-> 執行匯入程式 ->匯入 Movable Type 或 TypePad 內容->選擇剛剛下載的備份檔案 執行匯入
->指派作者-選取你想設定對應的作者

替wordpress 安裝所需要的外掛(plug in)與佈景(theme)

2019/08/15
wordpress 身為熱門的平台軟體,在原本開發團體以及全世界使用者開發者齊力下,
有超多的外掛軟體可以提供使用,幾乎想的到的想不到的,都有開發者開發
只要進到wordpress 後台->外掛->點選外掛,就能看到外掛的play/iTunes 商店了~
說錯外掛的雲端庫提供大家下載安裝使用,包含wordpress 的佈景主題(theme)也是這樣的方式,要是雲端提供的還不夠,
wordpress也提供讓使用者自己上傳外掛的檔案到自己的wordpress平台安裝使用
好像有些第三方廠商提供的外掛就需要上傳安裝
hoho自己安裝外掛的依據,就是看需要什麼,依照雲端推薦與熱門來看需不需要安裝
還有就是想要的功能,把功能的中文英文 去google搜尋,看有沒有人推薦
以下是安裝過程的清單

外掛(plug in)部分

  • Really Simple SSL
    無須進行繁複設定,便能讓網站實現 SSL/HTTPS 加密通訊協定的輕量型外掛。 3.2.3 版
    2019/08/14 設定ssl時就安裝的外掛
  • All-in-One WP Migration
    適用於所有網站的移轉工具,輕鬆點擊即可完整匯入或匯出網站內容。 7.4 版
    2019/08/15
  • Category Order and Taxonomy Terms Order
    使用 JavaScript 的功能實作拖放方式排序,藉以為分類、全部具備階層架構的自訂分類法項目及其子分類法項目進行排序。
    2019/08/17 hoho發現wordpress 原本內建的分類順序是很奇妙的自動排序,也沒辦法自己動手排,谷歌一下發現有外掛工具可以安裝,就能手動調整自己喜歡的順序
  • Featured Image from URL
    Use an external image as Featured Image of your post/page/custom post type (WooCommerce). Includes Auto Set (External Post), Product Gallery, Social Tags and more. 2.5.9 版
    2019/08/16 hoho備註:因為hoho 文章中的照片不是放在wordpress 平台,都放在flickr 上面,在wordpress 這邊就無法判別文章的有沒有圖片(原本wordpress 照片是預設上傳放在網站媒體庫裡面,放在文章裡面時在頁面產生縮圖)
  • Nimble Page Builder
    Powerful drag and drop page builder using the native WordPress customizer. 1.8.16 版
    2019/08/16 這是安裝佈景主題 Hueman時,一並要求安裝的佈景主題調整工具,免費版本的功能就很強大
  • WP Statistics
    您網站完整的 WordPress 分析與統計! 12.6.7 版
    2019/08/14 強大的網站瀏覽分析工具,還沒有掛上 Google Analytics 程式碼前先安裝使用的工具
    (主要是Google Analytics改版改太多,hoho現在都不知道怎麼產生程式碼貼到網站)
  • 傳統編輯器
    將 WordPress 網站的編輯器還原為傳統編輯器及舊式 [編輯文章] 畫面 (例如 TinyMCE、中繼資料區塊等等),同時也支援其他能擴充這個畫面的外掛。
    1.5 版
    2019/08/14 因為用wordpress 的文章編輯器,我才發現這不就是雲端記事本軟體 notion 的編輯介面嘛!區塊行的真的很不直覺又難用XDD
    之前用notion 真的適應很久才比較知道怎麼用,所以還是裝一下傳統編輯器以備不時之需
  • LuckyWP Table of Contents
    為您的文章/頁面創建目錄.可自動插入或使用(短代碼,古騰堡區塊編輯或側邊欄小工具)手動插入
    1.9.2 版
    2019/08/18 可以幫文章產生章節目錄,提供網址連接
  • Pagination by BestWebSoft
    Add customizable pagination to WordPress website. Split long content to multiple pages for better navigation.
    1.1.6 版
    2019/08/19 幫blog加入 頁碼
  • All In One SEO Pack
    為 WordPress 網站加入包含產生 XML Sitemap、為自訂內容類型、部落格、商業網站、電子商務網站進行搜尋引擎最佳化等豐富的隨裝即用 SEO 功能。從 2007 年開始,已有超過 5,000 萬的下載次數。
    3.2.3 版
    2019/08/27 啟用,啟用 社交網路中繼資料 功能 (主要應用在把這邊的文章貼到臉書上能正確顯示圖片與文字)
    搭配以下網站調整取的資訊
    Facebook 管理員編號 (Admin ID) https://findmyfbid.com/ 填入臉書粉絲團的網址 取得ID
    Facebook 應用程式編號 (App ID) https://developers.facebook.com/ 建立一個APP 取得ID
    調整參數,並可以立即檢驗,圖文是否出來 https://developers.facebook.com/tools/debug
    選取 OG:image 來源 調整為全部圖片選項中第一張可用的圖片
    選取 自動產生 Facebook 文章標籤
    選取 將內容用於自動產生 OG 內容說明

佈景(theme) 部分

  • 佈景主題 Hueman
    2019/08/16 安裝測試調整

修改附加css 2019/08/19

h2{
    color: black;
    border-width: 1px;
    margin: 0em 0em;
    padding: .0em 0.4em;
    border-left: 10px solid  #ff0000;
    background-color:#F8F8F8;

    }
    
h3{
    border-width: 1px;
    margin: 0em 0em;
    padding: .0em 0.4em;
    border-left: 15px solid  #ff9999;
    background-color:#FAFAFA;

    }

資料來源 https://jfsblog.com/classification

2019/08/17
慢速手動調整舊的文章格式與設定縮圖

陸續更新中

點閱: 95

您可能也會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *