關於我架設出這個網站的過程

由於在選手室沒事幹,太無聊,所以我決定來架設這個網站,寫些我平常幹些有趣事情的文章。

那架設出網站的第一步就是要先生出一台主機放網站(廢話),那這個部分對我來說其實也很簡單,隨便在我家找台主機,進去PVE 開了台VM,裝了個Debian,完成!

接下來就是需要有個方便管理網頁的系統了,由於當下也想不到什麼好用的,所以我就上網隨便翻,翻到了這個東西

https://www.btkaixin.net/

這東東雖然看起來不太合法,不過隨便啦! 能用就好!
他具體的安裝方法也不難,就把他給的一行指令貼到Terminal裡讓他跑完,他會給你兩個網址,一個是內網訪問的網址,一個是公網,還有預設的帳號密碼,大概會長這樣。

然後就非常簡單的打開瀏覽器,輸入對應的網址,你就會看到一類似這樣個畫面


那帳號密碼呢,就是上面他給的預設帳密,直接複製貼上,輕輕鬆鬆,就進到主畫面了。

不過這邊有個要注意的點,例如這是我要進去的寶塔面板的網址,http://192.168.1.40:14360/7dff35a2,你們會看到後面有串 /7dff35a2 這個東西是為了避免外人進去你的面板而設計的通關路徑,如果你想要在無痕或者其他沒有存過cookie 的瀏覽器進去你的面板的話,第一次都要先輸入這個東西,所以這串路徑要先記起來,或者等等可以在面板把這個功能關掉。

好,那這個就是寶塔的主畫面,他應該會長類似這樣,

網頁架設的部分


其實我覺得這個面板的介面蠻人性化的,稍微看一下應該就知道怎麼用了。
他一開始應該會問你要裝(那個畫面沒有截到),Nginx 組合包,還是Apache 組合包,我選了Nginx 因為個人對於Nginx 比較熟悉,然後他會需要一些時間安裝,等它安裝完之後,就點進去側邊的網站按鈕


之後點下那個綠綠大大的添加站點按鈕,他會要你填一些基本的東西


基本上只需要填入網站的網域,例如我就輸入tut.mayboy.net,按下提交,他就會出現一個新的網站在網站列表內,應該會長這樣


接下來點一下網域的字,就會跳出設定這個網頁的介面,如果你知道怎麼調整的話,可以先進行一些基本調整


不過我想要先安裝wordpress,因為他是一個簡易又好管理的系統。

首先呢,我們要到wordpress的網站,https://tw.wordpress.org/download/ ,找到wordpress的網頁檔案的下載鏈接


這個連結很好找,點進網頁之後往下滑就有了,那因為我們要直接用寶塔的下載功能,所以對下面那個”下載tar.gz” 點右鍵,之後點複製連結網址


然後回到寶塔,回到網站的目錄介面,我們點網站的路徑,來直接進到檔案管理


進到檔案管理之後應該會長這樣


上面有個遠程下載的按鈕,點開他之後有個”從URL鏈接下載”


點了之後應該會出現這個介面


接下來就把剛剛複製的連結貼上去,點確認,他就會開始下載了。


下載完成後會看到一個檔案出現在目錄中


點下那個解壓,他會跳出這個介面


這個時候當然什麼都不用管,點解壓就對了。完成後會出現一個wordpress 資料夾。


此時點進那個資料夾,全選裡面所有東西,點剪切


回到主目錄按下粘貼


理論上你會看到所有檔案出現在主目錄。

接下來就是要設定網域的時間了。

網域設定

一個網站要有CDN才能在世界各地都有高速的存取速度,這裡我打算用Cloudflare來當CDN,但Cloudflare對於台灣的中華電信有個很嚴重的問題,在對於沒有Cloudflare Enterprise 的使用者,你的網站只要經過Cloudflare CDN 並且你使用中華電信,訪問你的網站,他就會出現繞路到美國的情形,這會嚴重拖慢網站的速度,跟使用者訪問網站的體驗,而我們也不可能去買Cloudflare Enterprise 那東西超機巴貴,也買不了,但這裡找到了一個作弊的方法可以讓你免費蹭到Cloudflare Enterprise。

要搞出這個鬼,你需要有兩個網域,跟另一個非Cloudflare 的CDN,我們需要先將主要網域,綁定到另一家CDN上,這裡用GCore,那具體網域綁定方法,就不介紹了,因為很簡單,就照者它的步驟走就好了。


接下來我們先到Cloudflare 使用我們另一個網域,設定一個A紀錄,綁定到我們的網站後端IP,並開啟橘雲


因為我的後端是流動IP,所以我使用CNAME導向我設定的DDNS網域,這裡可以你的情況設定,只要可以連結到後端並且有開啟Cloudflare橘雲都可以使用(Cloudflare Tunnel 不可用),設定完之後,我們點進右邊的SSL/TLS 裡的 Custom Hostnames

之後我們要先設定Fallback Origin,這邊設定你套過橘雲的後端網址就好。


如果設定正確的話,他應該會出現綠綠的Active

接下來,我們要點下上面的Add Custom Hostname


這裡就輸入你綁定在GCore上面的主網域,也是綁定在寶塔上的網域,例如我輸入tut.mayboy.net


按下 Add Custom Hostname,之後應該會出現這個


這個時候我們就要到GCore上面依照他的要求加上TXT紀錄,大約會像這樣


按下Add,之後回到Cloudflare,點下Refresh


他應該會變這樣


這時候我們要到GCore上面加上新的acme-challenge,的TXT紀錄,還有A紀錄


TXT紀錄大約會長這樣,接下來是A紀錄,這是個重點,我們需要指向Cloudflare的Enterprise IP ,至於IP 是什麼,這邊提供兩個
104.16.16.16
104.17.17.17
都非常好記,我們可以將其中一個設為A紀錄
他大約會像這樣


都新增完之後,回到Cloudflare,點幾下Refresh


理論上都設定對之後,應該會出現象這樣兩個綠色Active。
之後我們到瀏覽器,輸入設定好的網址,應該就會出現wordpress的設定頁面了

WordPress 設定

接下來網頁可以進之後就要來設定wordpress了,點下那個”開始安裝吧!”,的按鈕!
他會進到,這個頁面。


這個時候我們要回到寶塔面板,點進右邊的數據庫,之後點添加數據庫。

他會出現這個介面,我們只需要輸入數據庫名,例如我輸入”tut”,點提交。


接下來,或出現一個新的資料庫,可以先把密碼複製起來。

之後我們回到,wordpress


照這他的步驟輸入資料,點傳送。


你就會看到,執行安裝程式。
點下去,他就會出現這個畫面。


照這他的要求輸入需要的東西,按下安裝WordPress,他會開始轉圈圈,這時候等一下沒有意外的話

他會出現這個畫面,理論上你就可以開始使用你的wordpress了。

錯誤排除


這裡我遇到一個問題,當你在第一次發文章的時候,你會發現,文章不能存檔,什麼都做不了,且會出現這個錯誤

這個是因為Cloudflare 的SSL wordpress 不喜歡,所以會出現這個問題,這個時候我們需要裝一個插件,”Flexible SSL for CloudFlare“,來解決這個問題。

安裝完這個插件之後,你就會發現你的文章可以存檔了。

總結


你就獲得了一個可以寫文章且速度非常快的WordPress網站,這篇文章也有可能是這個網站最後一個文章XDDD!