搭建github伺服器 如何搭建個人部落格

2021-10-11 23:40:05 字數 3385 閱讀 7743

對於不懂技術的我來說,搭建這個部落格一波三折,幸好中間有一位熱心網友 @無聲 的相助,這個部落格才得以搭建起來。

看著乙個部落格從 0 到順利誕生,那種感覺可能就像是

那種感覺不言而喻,雖累但成就感滿滿,一切值得。

我之前曾寫過兩篇技術小白搭建部落格的文章:

此外,在沒有購買網域名稱和租用伺服器的情況下,搭建的部落格**通常是「github使用者名稱.http://

字尾的**以前雖然開啟的速度慢,但至少還能訪問。

但在不久前,我想起自己許久沒更新的部落格,想開啟看一下,發現 http://

github.io

字尾的**也打不開了。顯而易見的是,它也被加入了大陸遮蔽的列表。

正是這個問題,促使我萌生了再次搭建新部落格的念頭,我想搭建乙個存在時間盡可能長、且能在國內正常訪問的部落格。

網域名稱可以理解為我們平常所說的**,例如 http://

,我購買的網域名稱是 。

網域名稱是按年收費的,可只買一年,也可一次性買好幾年,一次性購買多年的**會划算一些。

如果你像我一樣,不確定一年之後是否有精力維護部落格,那最好就只買網域名稱的 1 年使用期。

購買網域名稱時的注意點:不要購買網域名稱字尾為中文的網域名稱

在進行下一步網域名稱備案之前,我們需要先租用一台伺服器。

伺服器可以理解為一台 24 小時不關機的電腦,如果你將部落格的資料存放在上面,它就能隨時隨地被訪問,無需擔心電腦是否處於開機狀態,且伺服器能同時接收多個客戶端的請求,因此它可以實現多人同時訪問乙個**。

下圖是我租用的伺服器配置,應該是最便宜的伺服器,一年的費用為 99 元。

備案要點:耐心!耐心!耐心!尤其是在我們這個國家。

之前我對網域名稱的理解是,只要在瀏覽器位址列中輸入網域名稱 ,就能開啟我的部落格,但後來發現輸入 www. 和 是不一樣的,在未正確配置網域名稱解析的情況下, 開啟失敗,而 www. 則開啟正常。

諮詢了網友 @無聲 後,找到了解決方法,需要在伺服器的 dns 解析頁面新增一條值為 @ 的主機記錄,這裡的 @ 代表直接解析網域名稱 ,將其指向與 www. 相同的 ip。

搭建部落格有兩個比較多人用的框架:hexo 和 hugo,我選擇的是 hexo。

關於 hexo,引用 iissnan 介紹 hexo 時說的一段話:

hexo 是高效的靜態站點生成框架,它基於 。通過 hexo 你可以輕鬆地使用 markdown 編寫文章,除了 markdown 本身的語法之外,還可以使用 hexo 提供的 標籤外掛程式 來快速的插入特定形式的內容。
安裝 hexo 框架之前,需要先安裝其他環境或軟體: git

git,是乙個版本控制軟體,後面在將部落格 push 到 github 倉庫時會用到。

目前已整合到包管理工具 npm 中,因此只要你安裝了 npm,就會附帶安裝 。

在搭建部落格的整個流程中,我覺得配置伺服器對我來說是最難的,一方面是配置時需要在伺服器和本地之間分別進行操作,你需要分清某個命令是要在服務上還是在本地上操作,但這東西一來二去就把我搞暈了,另一方面,配置伺服器時全程用的是黑黢黢的命令列視窗,而不是我們常用的圖形化介面。

為了弄清在伺服器上輸入的某行命令產生了什麼效果,例如是否在正確的路徑下建立了資料夾,我們需要使用一些遠端連線軟體,將本地的電腦與伺服器連線起來,通過軟體檢視伺服器端生成的檔案。

怎樣在mac上ssh和ftp?完美替代xshell是哪個軟體?item2嗎?royal tsx! 沒有比它更好

不一邊輸命令,一邊檢視生成的檔案,我覺得心裡特沒底,特別沒有安全感。

hexo+阿里雲搭建部落格**

我的部落格不是直接從本地部署到伺服器的,它相比前者中間多了一步:部署到 github。後面再通過 github 的 actions 命令自動部署到伺服器。

之所以要加多這一步(指部署到 github),我的理解是,將 github 作為乙個備份的方案,它可能可以解決的問題有:

對於前兩個問題,只需要通過 git pull 或 git clone 命令,就能將之前提交到 github 的部落格文章恢復到本地,無需擔心資料丟失或遷移帶來的麻煩。

第三個問題,由於 github 是免費的,即便後面你不想租伺服器了,將部落格文章暫存到 github 上,其實也是可以正常瀏覽的哈哈哈哈。

github actions 是 github 提供的乙個自動化工作流,它有點類似於 iphone 上的「快捷指令」。

在 github 倉庫根目錄中建立乙個工作流檔案,即將部落格自動化部署到伺服器的配置檔案,之後你每次將本地的部落格提交到 github,就會自動觸發 github actions 執行,稍等一小會,它就會將所有更改同步到遠端的伺服器。

這時,重新整理一下之前停留的部落格頁面,就可以看到剛剛更新的部落格文章了。

能讓程式自動化的,千萬不要手動操作,正如 perl 程式語言的作者 larry wall 所說的:

程式設計師的三大美德:懶惰,急切,傲慢。
懶才是第一生產力。

git --version(也可以簡寫成 git --v) node --version(同理可以簡寫成 node --v)

pwdmkdir+空格+資料夾名稱

ls -l *注:上面的兩個字母是 l 的小寫

cat ~/.ssh/

快捷鍵 i:i 是 insert 的縮寫,表示插入 :q——退出 :wq——儲存並退出

命令列雖然可能不像我們現在用的圖形化介面那麼直觀,不那麼易於理解,但通過輸入短短的幾行英文,就能實現某個看起來有些複雜的操作,那個感覺有時真的妙不可言,給人一種「我是上帝,正在造物」的錯覺。

搭建這個新的部落格,最要感謝的還是我在即刻偶然認識的一位網友 @無聲,他很耐心地幫我解決了大部分問題,如部落格部署到伺服器、使用 github actions 實現部落格自動化部署,即便他晚上工作到 10 點多才下班,依然很有耐心地幫我解決了遇到的所有問題。

這也讓我看到了乙個技術人身上那種不屈不撓、誓要把問題解決的韌勁,他在幫我搭建部落格的過程中,同樣會遇到最初不知道怎麼解決的問題,但他沒有因為這是我的事情就草草地放棄了,反而是愈戰愈勇。

乙個人之所以強大,不止是來自於強健的體魄,更重要的可能是擁有一顆「大心臟」,能扛得住各種磨難、不畏難,甚至是主動挑戰困難,這也是我一直以來佩服做技術的人的原因。

原本是想寫乙個詳細的搭建 hexo 部落格教程,但寫的時候發現自己還是不夠耐心,就寫了這篇比較籠統的文章,因為我自己其實也沒有完全理清一些操作的意圖或者命令,有些命令隨著終端的關閉也消失了。。。好吧,這都是我的藉口。

以上,希望有幫助。

本部落格使用了優雅的 fluid 主題,在此對開發這個主題的開發者 zkqiang 表示衷心的感謝。

如何搭建ftp伺服器

一 通過yum安裝vsftpd 首先要檢視你是否安裝vsftp root myroot rpm q vsftpd vsftpd 3.0.2 10.el7.x86 64 su root yum install y vsftpd 二 修改vsftpd的配置檔案 vi etc vsftpd vsftpd....

如何搭建Subversion伺服器

一 準備軟體 subversion的伺服器端 本文以 collabnet 的windows版本講解 subversion的客戶端 tortoisesvn是擴充套件windowsshell的一套工具,可以看作windows資源管理器的外掛程式,安裝之後windows就可以識別 subversion的工...

如何搭建Git伺服器

本文將介紹如何在linux系統上搭建git伺服器以及檢視git提交記錄。首先,我們需要一台linux伺服器,作為git服務部署的機器,一般選用ubuntu或者debian,請確保擁有sudo許可權並且聯網。筆者以mac電腦上的虛擬機器為例,系統為ubuntu 16.04。我們先安裝git,命令如下 ...