[系列教程]設(shè)計(jì)師零代碼個(gè)人作品集網(wǎng)站制作 1：原理/域名/服務(wù)器

時(shí)間：2022-08-11 03:36:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-11 03:36:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

作為設(shè)計(jì)師，當(dāng)我們看到別人發(fā)來(lái)自己的作品集鏈接，再看看我們自己的PDF文件，頓時(shí)捶胸頓足誓要搞定自己的個(gè)人網(wǎng)站，以后給別人介紹自己也直接扔鏈接。

然而，
當(dāng)你看到一大堆專(zhuān)業(yè)名詞和代碼的時(shí)候，你流下了沒(méi)有技術(shù)的眼淚。
當(dāng)你看到諸如 wix 或者 squarespace 那生猛的價(jià)格的時(shí)候，你留下了沒(méi)有錢(qián)的眼淚。
但是，還好你有我們馬克筆設(shè)計(jì)留學(xué)。從今天這篇教程，我將會(huì)用連載更新的形式一步步教你如何 零代碼(almost)一步步完成屬于自己的個(gè)人網(wǎng)站，基于偉大的開(kāi)源程序 WordPress. 同時(shí)，這個(gè)系列教程依然有視頻版，可以在本文片尾直接查看。
這是系列教程的第一篇，我們來(lái)講一講網(wǎng)站的原理，以及域名和服務(wù)器的購(gòu)買(mǎi)部署，對(duì)應(yīng)視頻教程的第一/第二期。

網(wǎng)站是什么

首先，當(dāng)你看到這些的時(shí)候，也許你會(huì)很自然的從入門(mén)到放棄了。但是不要慌，且聽(tīng)我一點(diǎn)點(diǎn)幫你分析出來(lái)。

上面的圖變成這樣，就簡(jiǎn)單清晰多了。
你自己通過(guò)自己的電腦，用域名或ip地址訪問(wèn)服務(wù)器并進(jìn)行網(wǎng)站配置，你的訪客們通過(guò)無(wú)論什么客戶(hù)端，經(jīng)由域名的跳轉(zhuǎn)進(jìn)入你的服務(wù)器并讀取到網(wǎng)站數(shù)據(jù)。而在服務(wù)器內(nèi)，包含的從底層到表層分別是：1.基礎(chǔ)的操作系統(tǒng)(一般以Linux為主)，2.網(wǎng)站程序所需環(huán)境，WordPress需要的是 PHP+MySQL, 3. WordPress網(wǎng)站程序，4. WordPress 所生成的網(wǎng)站。
這個(gè)部分如果需要深入學(xué)習(xí)，可以看對(duì)應(yīng)的視頻同步教程：http://www.makebi.net/33154.html

購(gòu)買(mǎi)域名

我們可以在很多域名服務(wù)商那里購(gòu)買(mǎi)域名，并且理論上它們之間沒(méi)有什么本質(zhì)區(qū)別，價(jià)格差異也不是太大。但是，出于品牌大小和服務(wù)體驗(yàn)來(lái)說(shuō)，我比較推薦在godaddy購(gòu)買(mǎi)域名。他們現(xiàn)在也支持中文頁(yè)面和支付寶付款。

比如我搜索了一下 http://withnatt.com 這個(gè)域名(with natt, 和 natt 一起的意思)，中文的界面告訴我域名可用，那么只需要加入購(gòu)物車(chē)并完成結(jié)算即可。

購(gòu)買(mǎi)服務(wù)器

可能對(duì)于很多小伙伴來(lái)說(shuō)，“服務(wù)器” 是一個(gè)聽(tīng)了很多年但是完全不知道是什么的東西，簡(jiǎn)單說(shuō)它就是一個(gè)插著網(wǎng)線的電腦，7×24 小時(shí)運(yùn)行，幫你完成需要的計(jì)算任務(wù)或網(wǎng)站處理。只是，由于我們需要的算力和配置極低，我們買(mǎi)的“服務(wù)器”基本上都是虛擬化的電腦，即在機(jī)房的服務(wù)器上，劃分出的一點(diǎn)點(diǎn)虛擬硬件而已。
服務(wù)器也分“虛擬主機(jī)”和“VPS”，虛擬主機(jī)是已經(jīng)配置好環(huán)境的服務(wù)器，而”VPS”是一個(gè)所有權(quán)限交給你的(虛擬)獨(dú)立服務(wù)器。都9102年了，自然是要用VPS啦，畢竟所有數(shù)據(jù)都掌握在自己手里是多么安心的感覺(jué)。

這里我推薦 Linode 或者 Vultr 這兩家，教程我以 Linode 為例：
在 Linode 后臺(tái)，我們只需要依次勾選：
CentOS7 (一個(gè)Linux系統(tǒng)，我們用它作為服務(wù)器系統(tǒng))
選擇服務(wù)器地址：一般來(lái)說(shuō)JP很不錯(cuò)
選擇配置水平，我推薦5刀/月的，足足夠了

然后記得Root 密碼，這個(gè)非常非常重要。

都設(shè)置好，點(diǎn)右邊的“create”即可，略微等待幾分鐘，就可以看到服務(wù)器正在運(yùn)行了。同時(shí)，記得自己服務(wù)器的IP地址，配置域名要用到。

配置域名

進(jìn)入Godaddy網(wǎng)站后臺(tái)，進(jìn)入對(duì)應(yīng)域名的DNS管理器：

找到 Type A, Name @ 這一條記錄，點(diǎn)擊后面的鉛筆。

輸入服務(wù)器的IP地址（剛才服務(wù)器那邊那個(gè)ip地址），點(diǎn)保存即可。
注意：域名解析可能會(huì)有幾分鐘到數(shù)個(gè)小時(shí)的生效時(shí)間。
關(guān)于購(gòu)買(mǎi)域名/服務(wù)器，圖文看起來(lái)枯燥的話，可以看這個(gè)視頻教程：http://www.makebi.net/33154.html

小結(jié)

這個(gè)教程當(dāng)中，我們講了網(wǎng)站的原理和建站思路，我們也說(shuō)了域名和服務(wù)器的購(gòu)買(mǎi)和簡(jiǎn)要配置。那么下周的教程當(dāng)中，我們就要來(lái)講服務(wù)器的配置和網(wǎng)站的搭建了，感興趣的小伙伴可以用這幾天挑選自己心儀的域名，再買(mǎi)個(gè)小服務(wù)器折騰一下，消化一下這篇教程里的知識(shí)點(diǎn)吧。


文章作者：Natt
教學(xué)總監(jiān)
拉夫堡大學(xué)碩士
輔導(dǎo)學(xué)生多次錄取倫藝/羅德島/帕森斯/愛(ài)丁堡/米理等名校


任何關(guān)于院校和作品集的問(wèn)題
歡迎隨時(shí)和馬克君溝通
知無(wú)不言，言無(wú)不盡