如何從0到1搭建一個(gè)個(gè)人網(wǎng)站

時(shí)間：2023-08-02 21:36:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-08-02 21:36:01 來源：網(wǎng)站運(yùn)營

如何從0到1搭建一個(gè)個(gè)人網(wǎng)站：

前言

如何從0到1搭建一個(gè)可以外網(wǎng)訪問的項(xiàng)目？

我就用自己的服務(wù)器給大家舉例，怎么從0到1搭建一個(gè)學(xué)生和新手可以用來面試的項(xiàng)目，老手也可以回憶一下自己逝去的青春。

服務(wù)器在激活的時(shí)候會(huì)讓你選系統(tǒng)，這個(gè)時(shí)候敖丙我個(gè)人建議，有點(diǎn)基礎(chǔ)已經(jīng)熟悉安裝過程和環(huán)境配置的同學(xué)可以直接選擇鏡像，鏡像市場(chǎng)里面有很多很適合的鏡像，我選的就是帶JDK8，Tomcat8，MySQL的鏡像。

沒搞過的同學(xué)可以嘗試著選個(gè)空白機(jī)，然后下好這些東西，一步步去嘗試，我想收獲還是會(huì)有的，跟你在自己電腦搭建的區(qū)別你會(huì)馬上體會(huì)到，這就是為啥建議大家去服務(wù)器操作的原因之一。

鏡像選擇

鏡像記得選不要錢的，一般都是免費(fèi)的。







選完鏡像之后就是進(jìn)行服務(wù)器的基本配置了。

選擇服務(wù)器區(qū)域以及規(guī)格，比如我使用了4GiB內(nèi)存以及4G帶寬的，這里大家就按照自己的需求來：







接著就是選擇網(wǎng)絡(luò)安全組以及做登錄配置：













配置完服務(wù)器信息接著就去使用它。

登錄服務(wù)器

可以直接在管理界面網(wǎng)頁登錄服務(wù)器遠(yuǎn)程鏈接，也可以自己本地用對(duì)應(yīng)的控制臺(tái)工具連接。

個(gè)人推薦本地的控制臺(tái)連接會(huì)好點(diǎn)，每次要登錄服務(wù)器都要去網(wǎng)頁很麻煩的。







遠(yuǎn)程鏈接的代碼，記住是大家的公網(wǎng)ip，管理界面看得到的，要記得你購買的時(shí)候配置的密碼，因?yàn)檫@個(gè)時(shí)候要輸入。

ssh root@123.14.123.8 -p 22 （后面的22是個(gè)端口，后面我介紹到）

到這一步的時(shí)候，很多小伙伴直接登錄成功，但是之前就已經(jīng)有服務(wù)器的朋友是不發(fā)現(xiàn)，出現(xiàn)下面這個(gè)頁面了？




會(huì)出現(xiàn)這些信息是因?yàn)?，第一次SSH連接時(shí)，會(huì)生成一個(gè)認(rèn)證，儲(chǔ)存在客戶端（也就是用SSH連線其他電腦的那個(gè)，自己操作的那個(gè)）中的known_hosts，但是如果服務(wù)器驗(yàn)證過了，認(rèn)證資訊當(dāng)然也會(huì)更改，服務(wù)器端與客戶端不同時(shí)，就會(huì)跳出錯(cuò)誤啦～因此，只要把電腦中的認(rèn)證資訊刪除，連線時(shí)重新生成，就一切完美啦～要?jiǎng)h除很簡(jiǎn)單，只要在客戶端輸入一個(gè)指令

ssh-keygen -R +輸入服務(wù)器的IP

接下來再次連接一次，會(huì)出現(xiàn)

Are you sure you want to continue connecting (yes/no)?

輸入yes！ 就完成連接啦！同時(shí)，新的認(rèn)證也生成了。







進(jìn)去后如果是鏡像的小伙伴會(huì)發(fā)現(xiàn)本身他準(zhǔn)備好的東西都在了，環(huán)境都搭建起來了，大家只管直接使用就好了。

但是如果沒有選擇鏡像的朋友，就需要自己搭建一個(gè)FTP或者使用傳輸命令去把你下載好的Tomcat、MySQL等傳輸進(jìn)來安裝好。







大家可以看到還有一個(gè)默認(rèn)密碼文件夾，里面就有MySQL和FTP的賬號(hào)密碼什么的，不同的鏡像可能有差異。

這個(gè)在之后大家自己的服務(wù)寫代碼的時(shí)候，配置連接本地的MySQL就是需要這個(gè)的。

博客網(wǎng)站

這次教大家搭建的項(xiàng)目說大不大，說小吧他啥都有，反正小白和學(xué)生肯定很適合，是個(gè)個(gè)人博客網(wǎng)站。

我們先看看博客的效果，看看大家作為大學(xué)的項(xiàng)目到底合格么？

我大學(xué)做的那個(gè)項(xiàng)目比起這個(gè)就差點(diǎn)意思了，當(dāng)時(shí)要是有這么好的UI就很香了！

項(xiàng)目代碼

以我這種直男審美都覺得UI很不錯(cuò)，你以為只是UI可以？那我們看看項(xiàng)目！

項(xiàng)目的Git地址 https://github.com/halo-dev/halo.git 大家克隆一下就好了。

這個(gè)項(xiàng)目本身是Gradle的，很多小伙伴就要說了，啊帥丙我不要，我就要Maven項(xiàng)目的。







我只想告訴大家，技多不壓身，目前很多大廠都是Maven項(xiàng)目Gradle項(xiàng)目都占有很高的比重，你怎么知道你去的公司會(huì)用啥？

你會(huì)用進(jìn)去減少多少學(xué)習(xí)的成本啊，Leader在旁邊暗自給你比一個(gè)大拇指，暗自感嘆：帥丙的讀者，有點(diǎn)東西。

Mac很多小伙伴安裝的時(shí)候發(fā)現(xiàn)沒有Homebrew 就沒辦法用很方便的命令行去下載安裝Gradle，那簡(jiǎn)單我們安裝一下，用下面的命令。（Windows的朋友直接官網(wǎng)下載一個(gè)就好了 https://gradle.org/install）

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"





這個(gè)安裝好了，我們?cè)儆孟旅娴拿罹涂梢跃桶袵radle安裝好了，是不是比你去下載方便很多？

$ brew install gradle





接下來去項(xiàng)目中設(shè)置下Gradle地址，這里介紹的是IDEA的設(shè)置

為啥推薦個(gè)人博客項(xiàng)目？

很多人問我為啥推薦這個(gè)項(xiàng)目，這個(gè)項(xiàng)目看過次代碼了，沒有啥語法錯(cuò)誤，項(xiàng)目結(jié)構(gòu)完全標(biāo)準(zhǔn)的項(xiàng)目，注釋也很齊全，代碼的風(fēng)格挺不錯(cuò)的，還是 用了很多新語法和注解。

而且他也不難理解，結(jié)構(gòu)很簡(jiǎn)單，前端后端都很簡(jiǎn)單，大家看看代碼，看看前后的接口，很快就能適應(yīng)這個(gè)項(xiàng)目了。













接下來我們可以用項(xiàng)目去打個(gè)包，或者直接下載敖丙打包好的。（jar包還有war包隨意）

用命令行下載最新的 Halo 安裝包

curl -L https://github.com/halo-dev/halo/releases/download/v1.1.1/halo-1.1.1.jar --output halo-latest.jar或者

wget https://github.com/halo-dev/halo/releases/download/v1.1.1/halo-1.1.1.jar -O halo-latest.jar





文件傳輸呢，帥丙我習(xí)慣命令行了，F(xiàn)TP這樣的工具還是不適應(yīng)，我就發(fā)下命令行是怎么把jar包從本地傳輸?shù)椒?wù)器的。

scp -P 22 /Java/program.war root@123.456.789.987:/usr/server/tomcat7/webapps/





我們進(jìn)入機(jī)器去看一下，文件已經(jīng)傳輸進(jìn)來了。







因?yàn)槭且粋€(gè)SpringBoot項(xiàng)目，你只要有JDK直接就能跑起來了。

java -jar halo-latest.jar





然后大家訪問下自己的 ip+端口（8090）就能看到項(xiàng)目了

然后很多小伙伴說，渣男，我的怎么不行？

稍等稍等，敖丙啊還正準(zhǔn)備說呢，大家的端口默認(rèn)就開通了 22 、-1、3389

22是不是很熟悉，就是開頭我們鏈接的端口號(hào)→ ssh root@123.14.123.8 -p 22 也是因?yàn)閺S商默認(rèn)給我們開通了，我們才可以直接鏈接的。

但是我們要訪問別的端口，那就去開通嘛，記得入口出口一樣都要開通喲！

然后重啟下機(jī)器，重新啟動(dòng)項(xiàng)目，是不是?。?！可以訪問了？？？我們先注冊(cè)一下







然后再登錄進(jìn)去。




可以看到校驗(yàn)的異常什么的都直接日志拋出的，項(xiàng)目我覺得對(duì)于學(xué)生和新手來說很香，里面的代碼風(fēng)格大家也多適應(yīng)一下。







登錄進(jìn)去我們可以發(fā)現(xiàn)，功能很全，博客網(wǎng)站基本的結(jié)構(gòu)都在了。

有個(gè)不成熟的猜想，還沒畢業(yè)設(shè)計(jì)的朋友。。。。

正文

華為云服務(wù)器推廣，用來學(xué)習(xí)或?qū)崙?zhàn)搭建項(xiàng)目真的香，比學(xué)生的9.9每月還便宜。

我?guī)腿A為云推廣服務(wù)器，買一個(gè)月送一年，118塊相當(dāng)于13個(gè)月。買來送自己，送女朋友 馬上雙十一再合適不過了，買了搭建個(gè)項(xiàng)目給面試官看也香，還可以熟悉技術(shù)棧，我明天會(huì)出一個(gè)服務(wù)器搭建個(gè)人項(xiàng)目的教程（老用戶用家人的購買，我用我媽的 ）。點(diǎn)擊本鏈接就可以購買

我還有額外的華為云優(yōu)惠券最高可以優(yōu)惠100元，大家也可以wx搜【敖丙】回復(fù)關(guān)鍵字【hw】領(lǐng)取。







這里只是一個(gè)單機(jī)的項(xiàng)目，大家真正部署的時(shí)候要體驗(yàn)別的技術(shù)棧可以去Git上下載下來部署上去，體驗(yàn)他整個(gè)部署流程，中間肯定很多不順利的地方相信我，100000%不會(huì)一次成功，但是你慢慢摸索的過程就是你學(xué)習(xí)的收獲的過程。

大家經(jīng)常問我那些大佬怎么成長(zhǎng)上去的，踩坑和付出大量實(shí)踐上去的，別無他法。

我老東家的Leader 95年的，是我們之前公司前端后端的Leader，技術(shù)深度廣度，業(yè)務(wù)深度都領(lǐng)人發(fā)指，怎么做到的？

簡(jiǎn)單，不斷踩坑學(xué)習(xí)咯，每天都是凌晨回去，白天開會(huì)，晚上寫代碼，甚至還要擠出時(shí)間學(xué)習(xí)新的業(yè)務(wù)，技術(shù)棧也是不斷自己去摸索。

之前他一手帶的我，我跟他太熟悉了，買了早餐剛坐下就去開會(huì)討論業(yè)務(wù)，晚上6點(diǎn)回來就說：誒雞蛋豆?jié){都冷了啊，然后丟垃圾桶。

學(xué)習(xí)是一條令人時(shí)而喜極若狂、時(shí)而郁郁寡歡的道路。

成長(zhǎng)路上我們一起共勉。