一把史一把料教你搭作品集網站(一)

之前用digital ocean,可能跟我有仇,隔幾天掛一次。沒辦法,棄了。研究了下amazon的AWS,第一年免費。就是它了。期間遇到了去除右下角banner的問題,折騰了一天。畢竟太拿衣服,真的是一把史一把料在找解決辦法。最後發現是AWS官網給的教程有誤導,覺得還是應該記錄一下自己搭的過程,以饗後來人。

我考慮的是用最省的精力搭好作品集網站,畢竟目標是作品集網站不是web開發。這個教程應該是完成這個目標的省力的路徑之一。

我是設計背景,寫這個東西不專業。如果有問題和建議請在評論區提出來。

目錄

1. 購買域名

2. 伺服器空間AWS

3. 管理wordpress

4. DNS域名解析

5. WordPress 主題安裝&內容上傳

6. Bitnami banner去除

——————正文——————

1. 購買域名:

namecheap:www.namecheap.com

godaddy: www.godaddy.com

enom: Domain Names ~ Register Domains with Enom

1&1 : Hosting, Domains, Website Services & Servers

name: Register Domains & more with Name.com

如果有興趣可以看下對各個域名商的評價:

現在去哪裡買 .com 域名最便宜?

結論:Namecheap: Domain Names - Cheap Domain Names

不便宜,但性價比最高的:$10/年,瀏覽器兼容性好。後台管理界面比GoDaddy簡潔。支持信用卡和 PayPal 付費。不推薦godaddy.

購買域名比較簡單,就不一一貼步驟圖了。

.com會貴一點,看自己了,.me和.design都可以。

2. 伺服器空間

國內虛擬主機(伺服器)均需要備案。備案期間,域名不能立即訪問網站,需備案通過後才能接入域名訪問.

香港、台灣、日本、美國、韓國等境外伺服器均不需要備案,網站開始搭建之後,域名綁定上即可直接即可訪問網站。

github也有提供Student Developer Pack,各種折扣優惠,直接搜索github student developer pack到這裡。裡面也有AWS的優惠,不知道國內的edu郵箱管不管用。

結論:

通過 Amazon EC2 虛擬機上安裝的 WordPress 來啟動並運行一個網站:

AWS上面有教程,但是有一些部分和現在操作有出入,並且有一個SSH key的步驟有誤導,導致我花了一整天的時間找辦法解決問題。我重新寫步驟,更簡潔直接。

1.註冊AWS賬戶

2.登錄後會跳轉到AWS的控制台,點「計算」——(展開列表)——「EC2」(之後EC2會出現在最近訪問的服務里)

3.進入EC2的控制面板,點擊「啟動實例」。

4.配置實例

a.進入EC配置嚮導,點左邊 AWS Marketplace

b.搜索wordpress, 找到 WordPress powered by BitNami ,然後單擊 選擇

c.第一次使用,這裡會顯示詳細定價頁面。不用管,是免費,滾到底部,然後點擊繼續。

5.選擇免費的那個。

6.然後點擊右下角的下一步,下一步,下一步都保持默認就行。

直到「審核和啟動」,點擊它。

檢查詳細信息是否為「wordpress powered by Bitnami」, 點擊右下角「啟動」

7. 非常關鍵的一個步驟,AWS官方給的教程說選「在沒有密鑰對的情況下繼續」,導致我後來完全沒辦法通過ssh登錄伺服器,折騰了一天。這裡一定要按下圖做:

「創建新的密鑰對」——輸入密鑰對名自稱,我取得「mykeyfile」——點擊「下載密鑰對」——保存密鑰對到本地——點擊「啟動實例」:

8. 啟動實例之後會回到EC2的控制面板。這時候實例會初始化一段時間,等到狀態變成「running」.可以在這裡給實例加個名字。

9. 在頁面公有 IP 複製到瀏覽器的新選項卡中,顯示 Hello World 博客頁面。

3. 管理wordpress

1.回到EC2的控制面板。選中實例,點擊「操作」——「實例設置」——「獲取系統日誌」。

2.找到自己的密碼,複製

3.切換回hello world的頁面,在URL末尾添加/admin, 回車。出現下圖,輸入用戶名」user」, 密碼是你複製的密碼。評論區有修改用戶名的方法。

恭喜,現在你已經可以對其進行管理和配置了。

當然現在你輸入自己的「xxxx.com」的域名是沒辦法訪問的。而且你在訪問自己的網站時,右下角始終有一個揮之不去的bitnami banner, 讓人感覺很不專業。 我的網站你來湊什麼熱鬧呢。

好的,這篇文章已經夠長了,關聯域名到伺服器空間,去除banner的辦法,我們下回分解。

推薦閱讀:

怎樣給若琪-月石這種產品,創作優秀的廣告文案?
從蘋果滑鼠 (Apple Mouse) 多年來的變化是否可以預知滑鼠未來的發展方向,或者滑鼠會被什麼裝置代替?
國外有哪些優秀的交互設計網站?
Nottingham 的 HCI 人機交互專業難嗎?入學前需要準備先學習或接觸些什麼?
為什麼符號 X 被普遍用來表示關閉動作?

TAG:人机交互 | 作品集portfolio | 留学申请 |