內容目錄
前言
前面的文章有說到，經營網站一直是我的夢想，有一個自己作品和資訊的彙整之地，也不怕社群平台哪天關閉服務。
這篇文章就記錄我的網站從0到1是怎麼做出來的、架設網站該注意和準備哪些事，讓也想架設個人網站的朋友們，有一個參考囉！
網站內容規劃
針對網站要做到什麼地步，傳達怎樣的內容去做規劃，也就是這個網站的目的，別人進來到底可以獲得怎樣的資訊呢？
以我自己個人網站為例，希望可以看到：
- 作品集
- 部落格
- 提供的服務
所以我的網站並不單止是展示作品或酷炫官網，整體的設計和架構就會以簡單，舒適好閱讀為主，許多酷炫的設計就會避開。
網站成本
想像你是開店做生意，除非店是你家的，不然就得付房租，但還是得繳稅。
在網路上架一個網站也是需要基本成本的！當然免費資源很多，不外乎就是：
- 版面受限
- 免費版有廣告
- 非個人網域
來看看有哪些成本要負擔吧！
主機空間
蓋房子需要有地，架網站需要有空間，空間就是由主機商提供。回想20年前，網路剛開始時，好多入口網站都提供免費空間50MB、10MB ，讓你可以建立自己的「烘培雞(HomePage)」，好懷念喔～～～
現在社群媒體和很多服務興起，不一定需要透過架網站來讓人認識你了，想要找適合的網站空間就要特別找了。這也是網站架站麻煩的地方，若想要完全自架站，又有動態資料，就需要後端資料庫，有些空間不一定支援PHP+MySQL，若只是純靜態網頁，可以放在gitHub，但這樣要更新擴充資料就得一直更新網頁，評估之下WordPress內容好擴充，又有部落格。
最後使用的主機是CloudWays，開WordPress服務也很方便。
網址
網址類似於自己在網路世界的住址，一個具有代表意義的網址名稱，可識別性又能夠累積SEO流量！租網址的費用一年也才幾百元（熱門網址例外），所以是一定要花的！
我是在NameCheap租網址，覺得也比較便宜，介面上就是英文的，但跟著帶路姬做就好囉～！
而前先年我是在Gandi上租網址，介面乾淨清爽又有中文，個人認為比較貴，那時候是用.studio不像現在用.com，結果上架Line貼圖附上個人網址時，一直被Line判定是不合格網址>口<
部落格？
WordPress最棒的地方就是，有內建部落格，而且還可以自由放在選單裡，所以在擴充內容上就變得很方便許多！這也是我一直想跳來WordPress的原因！
不然若單純想做靜態展示網站，自己刻或用其他服務，如Wix就好了，Wix其實也有部落格，但我覺得沒那麼好用…。
網站視覺元素
構成網站至少要有幾個代表的項目！
Logo
代表網站的主形象，單純打字和有設計會差很多，也定調了網站給人的感覺和風格。
Favicon
就是瀏覽器旁邊會出現的圖標，這顆超重要的，有顯示質感和專業度差很多！
個人頭像
要不要露臉？不露臉的話總要弄個Avatar吧！本來我一開始沒要露的，後來決定要露臉！這樣比較不像詐騙XD
Banner
網站第一眼進入的第二搶眼項目！可以讓使用者更直接明白網站的用途。可以用動畫呈現或者直接做一張圖表示。
實作技術
有了這些基本元素後，就像蓋房子有藍圖和材料後，要用什麼工法建構呢？做網站也是一樣的道理。
市面上架站技術非常多元，以我自己本職為例，我是前端工程師，設計好畫面後切版，可以用Vue和CSS來製作網站，但因為我沒有後端和資料庫可以動態傳送資料，這樣就只是靜態網站，要自己弄的話就得用PHP+MySQL來架設，但這樣管理維護上頗麻煩的，省去這包功夫，其實用WordPress就可以解決內容管理的部分。
看不懂上面那段敘述嗎？簡單來說，就像使用痞客邦、Blogger這些有後台的服務，有視覺介面的編輯器，讓你發表文章，也有美美的版型可以套用，WordPress就類似像這樣的東西，但他更彈性和更強大！
至於如何用WordPress架設網站，市面上有非常多的教學，當初我是跟著 網站帶路姬 製作完成的，有興趣的朋友也可以參考我這篇文章，先從套版開始著手。
因本站探討的是客製化的部分，之後會著重在客製化網站製作的內容，敬請期待囉！
網站最後樣貌
本文章發布當下時，網站已經改版，完全是截然不同的面貌XD這邊就當作一個歷史紀錄。
你也想要一個網站嗎？
覺得自己做很花時間很麻煩？
有想法又沒什麼內容？
想要有好看漂亮的設計，又不想流於套版？
現在就交給 Jane 吧！
過程中我會幫助您建構網站所需要的資訊，包括視覺元件和內容，完全不用擔心，並且一步一步跟您討論，做出屬於您的漂亮網站^^
