一直想做一個(gè)屬于自己的網(wǎng)站响委，從3月份買下域名開始新思，斷斷續(xù)續(xù)折騰到現(xiàn)在窖梁，我的網(wǎng)站終于正式上線啦。
曾經(jīng)我是一個(gè)連域名服務(wù)器的概念也分不清的技術(shù)小白表牢，經(jīng)過(guò)這幾個(gè)月的學(xué)習(xí)窄绒，已經(jīng)可以獨(dú)立開發(fā)和運(yùn)營(yíng)網(wǎng)站了。
建站這個(gè)過(guò)程真的非常痛苦崔兴。網(wǎng)上的建站教程良莠不齊彰导，不是技術(shù)大神高屋建瓴的羅列的一長(zhǎng)串技術(shù)棧，就是各種商家的建站模板軟文敲茄。
建站這件事情之所以難位谋，是因?yàn)樗婕暗募夹g(shù)非常多，每一項(xiàng)技術(shù)基本都是一個(gè)細(xì)分技術(shù)領(lǐng)域堰燎，這就導(dǎo)致掏父，這些學(xué)習(xí)資料分布的非常零散，新手很難知道自己要找哪些知識(shí)秆剪，要學(xué)到什么深度赊淑。
基于此，我根據(jù)自己的經(jīng)驗(yàn)梳理了建站涉及的知識(shí)仅讽，希望能給所有想做網(wǎng)站的小白一個(gè)參考陶缺。
網(wǎng)站最基本的三樣構(gòu)成：域名，服務(wù)器洁灵，網(wǎng)站代碼饱岸。
這三者的關(guān)系呢，如果把做網(wǎng)站比作建房子徽千，域名就相當(dāng)于這個(gè)房子的地址苫费，路號(hào)，其他人會(huì)根據(jù)這個(gè)地址找到你的房子双抽。
服務(wù)器則相當(dāng)于房子的地基百框，你有這么一塊土地，才能在土地上搞開發(fā)建設(shè)牍汹。
網(wǎng)站代碼就是具體的房子架構(gòu)了铐维。
所以做網(wǎng)站，就是把這三樣?xùn)|西準(zhǔn)備好并組建在一起的過(guò)程柑贞。
域名準(zhǔn)備
阿里云方椎、騰訊云、百度云都可以購(gòu)買域名钧嘶，具體自己挑了棠众。這里主要說(shuō)兩個(gè)注意點(diǎn)：
1，域名和服務(wù)器最好在一個(gè)地方購(gòu)買，在阿里買域名闸拿，就繼續(xù)在阿里買服務(wù)器空盼。這樣因?yàn)槭且患胰耍瑢?duì)接流暢新荤，問(wèn)題會(huì)少很多揽趾。
2，有些域名后綴是不能做ICP備案的苛骨，無(wú)法備案就意味著網(wǎng)站不能正式上線篱瞎。所以買域名的時(shí)候不要貪便宜，看好了再買痒芝。
網(wǎng)站代碼開發(fā)
思考一下俐筋，你想做一個(gè)什么樣的網(wǎng)站，網(wǎng)站想包含什么功能严衬？
不同的網(wǎng)站澄者，不同的功能，需要學(xué)習(xí)的技術(shù)是不同的请琳。
一個(gè)簡(jiǎn)單的單頁(yè)面展示網(wǎng)站粱挡，只需要學(xué)點(diǎn)HTML和CSS就可以了。HTML是網(wǎng)站的結(jié)構(gòu)和內(nèi)容俄精。css是控制網(wǎng)站每塊內(nèi)容的樣式的询筏。
如果你想做一個(gè)稍微炫酷一點(diǎn)的，有交互效果的嘀倒，那你可能還要學(xué)點(diǎn)JavaScript屈留，用來(lái)完成動(dòng)態(tài)的交互效果局冰。
如果你想做的更復(fù)雜测蘑，比如說(shuō)可以發(fā)布作品或文章的博客站，那除了HTML+CSS+JS康二，你還需要學(xué)一門后端語(yǔ)言和一點(diǎn)數(shù)據(jù)庫(kù)知識(shí)碳胳。
雖然網(wǎng)上都說(shuō)PHP是最好的后端語(yǔ)言，但這里我學(xué)的是nodejs沫勿，因?yàn)樗褪沁\(yùn)行在服務(wù)器端的JavaScript挨约，之前不是正好學(xué)過(guò)一點(diǎn)js嘛，感覺(jué)會(huì)比重新開始一門語(yǔ)言要簡(jiǎn)單點(diǎn)产雹。
數(shù)據(jù)庫(kù)選擇诫惭，主要是看你有什么數(shù)據(jù)庫(kù)了。如果沒(méi)有現(xiàn)成的蔓挖，就選一個(gè)最熟悉的夕土。（這里有個(gè)大坑，我在阿里買的域名和服務(wù)器是贈(zèng)送MySQL數(shù)據(jù)庫(kù)的，但我剛開始沒(méi)注意看怨绣，結(jié)果研究了兩三天的MongoDB）
因?yàn)槲覀兊哪繕?biāo)是完成網(wǎng)站角溃，而不是成為技術(shù)大神，所以提前確定自己的需求篮撑，可以方便我們選擇最需要的技術(shù)來(lái)學(xué)習(xí)减细，這是最高效的。
建議大家不要說(shuō)等學(xué)精了再開始做網(wǎng)站赢笨，看完簡(jiǎn)單過(guò)一遍某個(gè)語(yǔ)言的文檔或教程后未蝌，就開始邊學(xué)邊做，遇到問(wèn)題就搜索或者提問(wèn)茧妒。
網(wǎng)站每完善一點(diǎn)树埠，你的自信和熱情就多一點(diǎn)，這是一個(gè)正向反饋嘶伟。如果沉迷技術(shù)無(wú)法自拔怎憋，死摳知識(shí)細(xì)節(jié)，很有可能會(huì)被耗光耐心和熱情繼而放棄九昧。
搜索的話最好用谷歌绊袋，親身體驗(yàn)，百度翻半個(gè)小時(shí)找不到的答案铸鹰，谷歌就在第一頁(yè)就找到了癌别。
服務(wù)器的準(zhǔn)備
買服務(wù)器要考慮網(wǎng)站代碼的大小，開發(fā)網(wǎng)站所用到的技術(shù)蹋笼，還有預(yù)估的訪問(wèn)流量展姐。確定這三個(gè)信息后能讓你選擇成本最低的最合適的服務(wù)器。
目前比較流行的有兩類服務(wù)器：虛擬主機(jī)和云服務(wù)器剖毯。
虛擬主機(jī)的成本較低圾笨，阿里6塊錢就可以買一年最基礎(chǔ)的共享虛擬主機(jī)服務(wù)。但他有一定的局限性逊谋，擴(kuò)展性和訪問(wèn)速度都不太好擂达。選擇虛擬主機(jī)，后端程序就只能用PHP來(lái)寫胶滋，因?yàn)檫@是系統(tǒng)配置好的環(huán)境板鬓，我們改不了。當(dāng)然如果你只是做一個(gè)前端展示頁(yè)面的話究恤，這個(gè)就夠了俭令。
云服務(wù)器的話，使用起來(lái)就比較靈活部宿，可以自行配置環(huán)境抄腔，因此對(duì)開發(fā)語(yǔ)言沒(méi)有任何限制。但靈活帶來(lái)的問(wèn)題就是操作復(fù)雜了一點(diǎn)，因?yàn)楹芏鄡?nèi)容需要你自己來(lái)做了妓柜。我因?yàn)楹蠖擞昧薾odejs箱季，虛擬主機(jī)支持不了，就不得不使用云服務(wù)器棍掐。
建立域名藏雏、服務(wù)器、網(wǎng)站代碼之間的聯(lián)系
首先將寫好的作煌，在本地運(yùn)行沒(méi)有問(wèn)題的網(wǎng)站代碼上傳到服務(wù)器中掘殴。虛擬主機(jī)的話，用ftp軟件直接上傳代碼粟誓。云服務(wù)器則需要先配置服務(wù)器奏寨，然后再上傳代碼。根據(jù)服務(wù)器系統(tǒng)的不同（Windows或Linux）鹰服，上傳代碼的方式也有所不同病瞳。
然后將將域名解析到服務(wù)器，這個(gè)域名管理后臺(tái)直接操作就可以悲酷。
到這里套菜，虛擬主機(jī)的網(wǎng)站已經(jīng)上線了，直接訪問(wèn)吧设易！
云服務(wù)器還差最后一步逗柴，將服務(wù)器綁定到域名。這里我使用的是Nginx顿肺。
網(wǎng)站SEO優(yōu)化
網(wǎng)站做完了還得要?jiǎng)e人看到呀戏溺，所以需要學(xué)習(xí)一些SEO優(yōu)化的基本知識(shí)。前期投入了不少精力屠尊，后期得想辦法讓網(wǎng)站能掙錢啊旷祸。
最后，用一張圖總結(jié)上面所有的內(nèi)容：
