【超详细系列】从0到1搭建一款二次元个人博客
一、概述
本文圖文并茂并以通俗易懂的語言講解了搭建一款個人博客的整個過程,因博主比較喜歡二次元風格,因此選擇了二次元博客主題,當然,主題是可選擇的,如果你更喜歡成熟穩重的博客風格,也可以隨時更換。
效果展示
先不多廢話,直接上效果
可以點擊鏈接訪問:炎族World
也可以直接瀏覽下面的截圖:
必看篇
本節內容闡述了整個教程的框架,可以讓你知道下面的每一步都在做什么,不會茫然所措。本節請逐字閱讀,不要跳讀
搭建一個博客需要什么?
當我們在瀏覽器輸入yanzu.world這個網址時,會自動跳轉到上述的博客,展示了博客的內容。根據這點我們可以直觀的感受到,首先我們需要一個類似于yanzu.world這樣的網址,這個網址稱之為”域名“。
此外,展示的博客內容是由一個博客軟件來承載的,所以我們還需要一個博客軟件。
現在來看,我們需要了兩個東西:域名和博客軟件。現在這兩者看起來還沒有太大的關系,不著急,我們繼續往下看
軟件需要安裝在計算機上才能執行,這么來看,我們還需要一款24小時運行的計算機,可以使用VPS,它簡單又實惠。(大家可能會問,可以使用自己的計算機來搭建博客嗎?答案是可以的,但需要做一定的操作,這個會在后續的文章聊聊,但在自己的電腦上搭建博客供別人24小時訪問不是太靠譜)
類似于蓋房子時”地基“的概念,房子需要蓋在地基上。有的博客軟件也需要搭建在一個環境之上,這個環境后續我們簡單的稱之為”軟基“。。。
現在整個結構就很清楚了,我們把它們串起來就組成了博客系統。域名指向了VPS,它給瀏覽器指明了尋找的方向,VPS上搭建了軟基,軟基上承載了博客軟件,博客軟件渲染我們的博客內容。
這樣我們在瀏覽器上訪問yanzu.world時,就見到了上述圖文并茂的博客,就是這么神奇。整體流程如下圖:
大家看到這里是不是覺得很復雜,其實不然,理論相對粗糙,但實踐起來較為簡單且更有意思。至于為什么我要講述理論,這是我的教程風格,希望大家知其然,并知其所以然,讓自身競爭力直接拉滿。
行文思路
有了對整個框架的思考,事情已然變得很清楚
整個行文思路是:VPS的購買及使用、搭建軟基、搭建博客軟件、域名的購買及綁定
從下到上,依次把整個流程串起來,如下圖:
VPS的購買及使用
這部分內容我已經在其它文章中描述過,這里就不再贅述,已經有VPS的直接跳過這部分內容,直接看后面的搭建過程即可,沒有VPS的小伙伴請戳-> 【超詳細系列】Vps的購買及使用
軟基的搭建
本文采用的操作系統是Centos8,也就是在上面的VPS篇選擇的操作系統,其余操作系統可能命令不同,但整體流程是一樣的
注:后續的命令直接復制粘貼即可
執行效果見下圖:
若展示下圖所示的內容即表示成功
軟基安裝到此結束,簡單吧。。
博客軟件的安裝
博客軟件我們采用的是halo,其安裝簡單,遷移簡單,樣式美觀,而且有大佬們不斷地維護~
首先,執行下面的命令下載博客軟件:
wget -O ~/halo.jar https://dl.halo.run/release/halo-1.5.4.jar接著啟動博客:
nohup java -jar ~/halo.jar & tail -f ~/halo.jar接著會看到一連串的輸出表示成功,如下圖
接著對防火墻進行處理,防火墻的作用是為了防止惡意訪問VPS的問題,但是咱們得博客搭建就是為了讓別人訪問的,因此需要將博客搭建的8090端口暴露出去給被人訪問,不會有任何的安全問題~
命令如下:
firewall-cmd --zone=public --add-port=8090/tcp --permanent && systemctl restart firewalld到此博客已經可以訪問了,在瀏覽器輸入vps的ip:8090,即可看到博客設置界面,如我的vps ip是:167.179.71.84,那么我在瀏覽器輸入167.179.71.84:8090,就看到了如下界面:
大家可以按需填寫上述頁面的信息了,這個相當于注冊一個管理員賬號,填寫完成后,跳轉到登錄頁進行登錄即可,登錄完成的界面如下圖,至此你擁有了一款完全掌控的個人博客:
域名的購買及解析
上述的流程完成了博客的訪問,但是還有一些問題:
第一點是別人的網站都是通過域名訪問,而我們的是通過ip地址訪問,一看就不正規。
第二點是瀏覽器是顯示不安全的字樣
如下圖:
下面我們解決這兩個問題
第一個就是域名的問題,我們為什么需要域名,只是看起來更正規些嗎?實則不然,我們所發明的事物到頭來都是為了人類服務的,域名也是,比如我的博客域名是yanzu.world,yanzu是炎族的意思,world在英語中是世界的意思,所以整體看來,域名的漢譯就是炎族世界(是不是狂拽霸氣吊炸天,哈哈),我的博客同樣襯托了這一主題,如下圖:
另外一點,如果讓你記憶yanzu.world和167.179.71.84:8090,你覺得哪個更好記憶呢?因此域名還有一個作用就是有利于記憶。
當然,域名還有其它的作用,比如我們換機器了,那么IP自然也改變了,如果你對外公布的博客地址是IP地址的話,那不得一個個通知別人說:我的博客換IP啦。。。
如果我們對外公布的博客地址是域名的話,那就簡單了,直接將該域名解析到其它IP地址即可。如下圖
在這里解析的含義和綁定類似,就是將域名和IP地址綁定
國內外域名廠商的選擇
域名廠商一般有國內廠商和國外的廠商,國內的廠商如:騰訊云、阿里云等。國外的廠商如namecheap、namesilo等
國內的廠商做的網站都是中文版的,通俗易懂,但是必須要實人認證
國外的網站一般都是英文的,無需實人認證,隱私性較好。
價格上,不同的域名不一樣,不能一概而論,有的域名國內的廠商價格比較便宜,有的域名國外的廠商價格比較便宜。
在付款方式上,國內的廠商比較友好,但許多國外的廠商也支持了支付寶
總體而言,如果更注重隱私,那么選擇國外的域名廠商,如果更注重方便易讀,則選擇國內的廠商,如果更注重價格,則需要對比一番。
博主更注重隱私,因此選擇國外的廠商,在支付方式上,最好支持支付寶,經對比,最終選擇的是namesilo
下面說說如何在namesilo選擇一款稱心如意的域名
namesilo域名的購買及解析
進入namesilo官網:namesilo
輸入自己想要的域名,點擊Search Domain(查詢域名)
得到如下圖的結果,可以看到yanzu.world這個域名,首年的價格是20元人民幣左右,續費價格是160元左右,價格還行。(主要是現在人民幣貶值,美元比較貴了。。)
接著會彈出注冊頁面讓登錄,沒賬號的話,點擊Create your account注冊賬號,如下圖:
namesilo的賬號注冊很簡單,只需要輸入很少的信息即可,如下圖
注冊完成后,登錄上去,就可看到域名購買的訂單,確認好價格后,點擊checkout,如下圖:
支付方式選擇【支付寶】,接著勾選協議,點擊PAY,跳轉到支付二維碼頁,掃碼支付即可
付款完成后會跳轉到一個頁面上,點擊Manage My Domains
可以看到我們剛才購買的域名,點擊類似于播放的按鈕,它的含義是【管理DNS】,也就是將域名和IP綁定的地方
在彈出來的界面中,會有默認的數據,都刪掉即可,如下圖:
刪除完成后,添加一條A記錄,A代表的是域名與IPV4地址的綁定記錄,具體如下圖:
創建成功后會看到一條記錄,該記錄將域名和IP綁定起來,提交成功后需要約15分鐘生效,如下圖:
15分鐘后,訪問剛剛購買的域名,你的域名:8090,看看是否能訪問到博客了,我的已經成功
不安全問題的解決
下面開始解決瀏覽器上顯示的不安全問題
為什么不安全?
互聯網剛發展的時候,網站采用的是明文進行數據傳輸,這也就是說,我們注冊的賬號密碼,發了什么帖子,看了什么網站在網絡上都是明文傳輸的,沒有任何隱私可言。這個網站間通訊的方式稱之為Http協議
舉個例子,大家都知道,最近朝陽群眾又發現了某頂流的桃色新聞,他們的溝通方式是這樣:
后面,計算機大佬們一看,這不行啊,搞個加密版的吧,于是加密Https橫空出世,然后溝通就變成了這樣
所以解決不安全的問題,就是將Http協議替換為Https協議的過程,通俗點講:就是在原先明文溝通的基礎上加個密,讓監聽者無法看懂里面的內容
知道了原理,就動手操作,只需要安裝一個支持https的軟件即可解決這個問題,過程如下:
安裝caddy
dnf -y install 'dnf-command(copr)' && dnf -y copr enable @caddy/caddy && dnf -y install caddy開放防火墻80和443端口
firewall-cmd --add-port=80/tcp --add-port=443/tcp --permanent && firewall-cmd --reload執行命令
caddy reverse-proxy --from 你的域名 --to localhost:8090注意將【你的域名】這里換成你自己的域名,如我的是yanzu,world,那命令就是:
caddy reverse-proxy --from yanzu.world --to localhost:8090訪問確認,可以看到瀏覽器已經顯示【連接時安全的】,完美收官
總結
本教程主要講解的是如何從零搭建一個博客的過程
首先先概述下搭建一個博客的框架,在框架下我們所走的每一步都有跡可循
搭建博客主要分為以下幾步:
【1】選購一款VPS
【2】安裝軟基
【3】安裝博客
【4】選擇域名并與VPS綁定
【5】解決不安全問題
此外,大家可以收藏下yanzu.world,后續內容更精彩
總結
以上是生活随笔為你收集整理的【超详细系列】从0到1搭建一款二次元个人博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 图扑税务信息化系统管理平台,构建项目管理
- 下一篇: 24bpp RGB对应的十六进制值和颜色