HTML教學課程 (入門篇) 4個章節 - 由淺入深學習HTML
這是一篇全面, 適合新手看的HTML教學。文章會分開4個章節,由淺入深,由零開始教授你所有你要知道的HTML編程知識。
要安裝及使用Wordpress, 我們需要一個Server。而Amazon(簡稱AWS)就是其中一家最大型的Cloud Server Provider。
今天, 這篇「WORDPRESS安裝教學」, 會教你使用AWS lightsail, 去快速架設常用的Web Application, 例如Wordpress。
在這篇文章,你會學習到:
如果你想學習利用Amazon Lightsail 安裝Wordpress,用它來做網站,這篇文章會非常適合你。
準備好了嗎?我們開始吧!
Amazon(簡稱AWS)是全球, 其中一家最大型的Cloud Server Provider。很多大型企業, 包括Netflix, BBC等都是使用Amazon作為Server。
然而, 要使用AWS去設置Server並不容易。你需要不少AWS專用的IT知識。有見及此, AWS推出了Lightsail服務, 大大簡化了Server的設置步驟, 讓新手也能快速地建立常用的網頁軟件, 例如Wordpress。
最平的機(512MB RAM)為USD3.5/月。如果你是用來做Wordpress網站的話, 我會建議你使用1G(USD5/月)或2GB RAM(USD10/月)的主機。
(除了Lightsail外, 你也可以使用Google Cloud去設置Wordpress Server。可以參考: Server架設教學 - 利用Google Cloud安裝WordPress)
首先,我們登入 https://aws.amazon.com/lightsail/註冊一個帳號。
完成註冊後,我們在AWS的panel上search lightsail,click create instances,運行Linux,最後tick wordpress。
下一步來到選擇方案。如果你是要運行一個很簡單的網站,你可以選擇512MB,但若然你要運行的是一個學習平台,我建議大家最少也要選1GB。為了安全起見,這次我將選擇2GB來安裝wordpress!
我們第一步,要將它給予的IP copy下來,然後在你的IP地址後打/wp-admin,就能成功進入登入Wordpress後台的畫面了。
第二步,我們需要輸入賬號與密碼。賬號名稱打user,至於密碼,我們則要以SSH來獲取它。
我們回到lightsail畫面,click window的圖案,就能以SSH形式連接server。進入SSH後,行以下command:
cat $HOME/bitnami_application_password
你可以把它Copy & paste在SSH後,再click enter,密碼便顯示在熒幕(screen)上了。我們copy and paste 我們剛才獲得的密碼,便成功進入後台了!
下一步, 我們就來看看怎樣購買網址吧!
最常見購買網址的途徑就是: godaddy.com。
首先,你可以搜尋你的公司名字(例如:musclejackjack.com),看看有沒有其他公司同樣使用了相同的網站名稱。如果發現網站名稱相同的,你的網站名稱就要稍稍作更改了。
選定名稱後,然後按加入購物單。
下一步,畫面便出現「你是否需要私隱保護?」私隱保護是甚麼?因為其他人可以看見誰買了該網站,也能看見你的電話號碼、地址是甚麼。如果你不想個人資料洩漏出來的話,則可選擇「全方位網域私隱及保護」。
然後,畫面來到「你是否免費建立您的網站?」、「是否需要Linux虛擬主機?」、「你是否建立符合您網域的email地址?」,全部都剔除或選擇「不,謝了」便可以。
在結帳後,你便收到Email,這樣表示你已經成功購買了該網址了!
在接下來的教學, 我都會使用musclejackjack.com為例子。你在實戰操作時, 把musclejackjack.com轉回你的網址就可。
由於AWS Lightsail Server上的IP是浮動的(每次開機也會不同)。因此我們要固定(fix)這個IP。要如何固定IP呢?
進入在AWS Lightsail的server panel,click Networking,然後按 attached static IP,選擇StaticIP-1,按attach,就成功將這個Ip 固定(fix)在這個server內了。
下一步,我們要將網址與server連結。我們首先入在AWS Lightsail的server panel, 返回主頁(home),回到整個主頁的panel,然後click Networking,再按create DNS zone。
第二步,把你剛才在godady.com購買的網址(musclejackjack.com)複製下來,粘貼在這一頁,然後按 create DNS Zone,我們就會來到DNS records這個畫面。
通常會加甚麼records? 我們通常加的是A record。 A record就是將我的網址指向我的server的一個record。
我們在subdomain下打@,在指向(Resolves to)一欄下選擇自己的IP,然後按tick來儲存它。
然後再新增一條A record,這次在subdomain下打上 www,同樣地指向我們的IP(staticip-1),然後按tick來儲存它。
在這個DNS records畫面, 你也會看到AWS的nameserver資料。這個資料即將會用到。
接下來, 你要告訴GoDaddy它也要用amazon的nameserver,這樣它才能運行這些record,那樣你的網址和server才能連接在一起。
因此,我們回到GoDaddy,然後click Mange DNS,在nameservers一欄click change,按enter my own nameserver。
再把剛剛的AWS nameserver資料粘貼到Godaddy,然後click save。這樣就完成了!
打開我們的網站後,你發現右下角多了個icon,要如何移除它呢?我們要運行command來移除它。 在SSH行這條command:
sudo /opt/bitnami/bnhelper-tool
然後,我們打開Lightsail,回到homepage,再click window icon,便成功進入SSH,我們這時就可這條command paste在內,然後按enter。
畫面來到remove the binami banner,我們按enter。這樣便成功remove 了 logo !
雖然我們已經成功將網址與server連結在一起,但現在我們的網頁仍是不安全的(not secure),因此這一步我們要學習如何拿取ssl的certificate。因此,我們回到我們的terminal,然後click Set up Let’s Encrypt,按enter。
系統出現 Would you like to download it?我們type Y。
按enter後,再click set up Let’s encrypt。在domain list一欄,我們打上musclejackjack.com 然後隔一隔空格,再打www.musclejackjack.com,然後再次按enter。
系統會出現enable Http to Https redirection,我們type N。下一步,系統畫面出現Enable Non-ww to ww redirection,我們type N。因為我們的網站是musclejackjack.com,而不是www.muclejackjack.com.
系統下一步問要不要www去non-www,我們這次type Y。Do you agree to these changes?我們type Y就可以了。
Email address,我們填公司的email(例如:info@mtache.com)Do you agree to the agreement,我們也type Y。
然後等一等,畫面出現success,我們按enter to continue,然後再click enter to return to menu。然後click quit。
最後,我們進入網站,click左上角的鎖,選擇certificate,就成功拿取認證了。
我們回到WordPress backend,Click Settings,我們發現WordPress Address 和site Addres 還是在用http。
那會引發甚麼問題呢?如果我上傳照片,有機會全部default的url都沒有https,因此這裡我們要利用command來改一改。首先,我們回到SSH, 行以下Command
nano /opt/bitnami/apps/wordpress/htdocs/wp-config.php
接下來, 找到define WP_SITEURL 和 define WP_Home,我們加在「http」後加「s」,再按control c來save它,然後按Y。
系統出現file name to save,按enter,就成功儲存了。
下一步我們就要restart這個server。我們copy另外一條comand,Paste在SSH內。
sudo /opt/bitnami/ctlscript.sh restart apache
然後我們重啟wordpress 後台,你發現wordPress Address 和site Address已經成功轉為https了!
做到這一步,恭喜你,你已經成功利用Lightsail 設置及安裝了一個新的wordpress!
如果你想提升WordPress的安全性,你可以參考《【網站狀態】7 個提升 WordPress 安全性與網站性能的小技巧》這篇文章。
這是一篇全面, 適合新手看的HTML教學。文章會分開4個章節,由淺入深,由零開始教授你所有你要知道的HTML編程知識。
這篇「Freelance網頁設計流程」,我將分享5個步驟, 讓你好好地接案子
免費參加【網頁開發入門CRASH COURSE】線上課程!