搭建個人主頁保姆級教程（一）

時間：2023-07-06 21:09:01 | 來源：網(wǎng)站運營

時間：2023-07-06 21:09:01 來源：網(wǎng)站運營

搭建個人主頁保姆級教程（一）：

前言

筆者在折騰網(wǎng)站的時候，發(fā)現(xiàn)許多教程都太老了（大多是2017、18年更新的），于是只能幾篇博客對比著看，屬實難受。

因此從本文開始（2022.04），將更新一個靜態(tài)博客專題，專門來分享一下如何快速搭建個人主頁，這里貼上我的個人主頁：東曜說 ，同學們看一下效果。路過的同學可以關(guān)注收藏走一波，相見即是緣，后續(xù)將持續(xù)輸出優(yōu)質(zhì)內(nèi)容~~

技術(shù)選型

hexo + github 托管 VS wordpress

• 成本
  wordpress必須得搞云服務(wù)器或者虛擬主機，動輒一年200塊起步的租錢，一般來說學生黨肯定是頂不住的。github托管靜態(tài)網(wǎng)站是免費的
• 維護
  wordpress建主頁屬于動態(tài)站點，當用戶的訪問量增多時服務(wù)器負載也會增大，訪問速度明顯下降，用來優(yōu)化的維護成本高，搞得人腦殼痛。hexo建主頁屬于靜態(tài)站點，通過敲幾行git命令即可實現(xiàn)文章的發(fā)布，維護成本和操作難度低。
• 顏值
  hexo有豐富的主題可以選擇，完全開源，而且顏值很高。博客嘛，得自己看的舒服才行，這也屬于一個加分項。

綜上所述，本文將圍繞hexo + github展開系列分享，不懂的同學可以多看幾遍。世界上最遠的距離就是知道和做到，動手才能發(fā)現(xiàn)樂趣。

git 和 github

這一小節(jié)的標題是 git和github，那為什么第一步要準備git和github呢？

因為我們可以通過git向github傳輸文件，這時，github是托管你的網(wǎng)站的服務(wù)器，git是你連接服務(wù)器的工具。不懂github和git的同學移步：超詳細的 github 賬號申請與 git 安裝教程。

好了，現(xiàn)在我們有git和github賬號了，那git和github是如何連接的呢？

答案是：借助SSH協(xié)議。SSH全稱Secure Shell，即安全外殼協(xié)議。它通過數(shù)據(jù)加密和認證機制實現(xiàn)了設(shè)備互聯(lián)的安全保障，相較于FTP、SFTP等明文傳輸?shù)膮f(xié)議有更高的安全性能。

SSH的加密機制是非對稱加密，這也就是說它會在本地生成兩把鑰匙：一把是公鑰，我們把它傳到github上。一把是私鑰，留在我們自己的電腦上。git安裝后會默認附帶安裝SSH，所以我們可以省去安裝SSH的環(huán)節(jié)。

綁定 git 和 github

如上所述，ssh已經(jīng)就緒。我們隨便找個文件夾，右鍵打開git bash here，鍵入命令：

ssh-keygen -t rsa該命令的作用就是用來生成這兩把鑰匙，加密算法采用rsa，之后一路敲空格默認即可。

這時，我們可以在本地找到這兩把密鑰：私鑰id_rsa和公鑰id_rsa.pub。

OK，接下來就是把公鑰部署在github上，然后用SSH密鑰登錄的方法進行連接（免密碼登錄）。因為篇幅有限，不懂如何部署公鑰以及想要了解SSH如何連接github的同學移步：SSH 登錄及其原理詳解。

建庫

到了現(xiàn)在這一步，我們已經(jīng)成功綁定自己電腦的git和你的github賬號了。

github倉庫就是托管你的個人主頁的容器，所以，我們首先要把這個容器搭好。

打開你的 github 主頁，點擊頭像，點擊Your repositories進入倉庫界面。







點擊New，我們新建一個倉庫，輸入倉庫名即可點擊 Create repository（忽略我的提示，因為我已經(jīng)有同名庫了）







就是這么簡單，裝你個人網(wǎng)站的容器就搭好了。

安裝 Hexo

本節(jié)需要用到npm，它是node的包管理工具，因此我們首先得準備好node環(huán)境，不知道如何安裝node的同學移步：安裝和更新 node 的正確姿勢。

我們首先在本地建一個文件夾，命名為 blog。值得注意的是，這個文件夾就是你的個人網(wǎng)站的項目文件夾，所以一定要自定義好路徑。

進入該文件夾，右鍵Git hash here ，鍵入命令安裝Hexo腳手架：

已經(jīng)安裝過VSCode的同學，可以用它打開這個文件夾，在終端中鍵入命令即可（安裝cnpm的同學可以用cnpm替換npm）：

npm i -g hexo-cli安裝完成后，鍵入命令初始化一個hexo項目

hexo init





然后輸鍵入命令生成靜態(tài)網(wǎng)頁，在項目根目錄中會生成一個public文件夾，這個public就是你要托管的個人網(wǎng)站。

hexo g / hexo generatehexo g 是 hexo generate 的縮寫，兩個命令都有效。







最后，我們在本地測試一下網(wǎng)站，鍵入以下命令開啟本地node服務(wù)器

hexo s / hexo server





如下圖所示，可以看到我們的初始站點已經(jīng)run起來了，使用的是默認主題，有點丑，不過萬事開頭難，恭喜你有了自己的網(wǎng)站，后續(xù)我會再更新如何更改主題，看完就可以在終端中ctrl c關(guān)了它。