技術(shù)交流QQ群:1027579432雕沿,歡迎你的加入捂刺!
歡迎關(guān)注我的微信公眾號(hào):CurryCoder的程序人生
一.使用Hugo(基于Go語(yǔ)言博客框架)搭建個(gè)人博客網(wǎng)站
-
1.Windows 64位系統(tǒng)下安裝Hugo
- a.Hugo框架下載地址,找到hugo_0.55.4_Windows-64bit.zip文件進(jìn)行下載,下載后進(jìn)行解壓,即安裝完成懊缺。
-
b.查看是否安裝成功Hugo:在D:\Hugo\hugo_0.55.4_Windows-64bit路徑下,以管理員身份打開cmd控制臺(tái)培他,然后輸入hugo version鹃两,出現(xiàn)下圖結(jié)果表示安裝成功。
驗(yàn)證Hugo是否安裝成功.png
-
2.用Hugo來(lái)生成個(gè)人博客
- a.在D:\Hugo\hugo_0.55.4_Windows-64bit路徑下靶壮,以管理員身份打開cmd控制臺(tái)怔毛,然后輸入hugo new site myblog(自定義的博客名)
- b.切換到生成的myblog(博客的根目錄)文件夾目錄下员萍,進(jìn)行下一步下載主題
-
3.下載并設(shè)置博客主題
- a.Hugo主題下載地址,下面以主題m10c為例進(jìn)行演示腾降。
- b.確保自己電腦上已經(jīng)安裝好了Git,然后打開git bash,切換到生成的myblog(博客的根目錄)文件夾目錄下,執(zhí)行g(shù)it clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c,下載好的主題在D:\Hugo\hugo_0.55.4_Windows-64bit\myblog\themes目錄下碎绎。
-
4.在本地啟動(dòng)個(gè)人博客
-
a.切換到博客的根目錄下螃壤,cmd中輸入命令hugo server -t m10c --buildDrafts,結(jié)果如下圖所示:
本地啟動(dòng)個(gè)人博客.png - b.復(fù)制網(wǎng)址http://localhost:1313/到瀏覽器中筋帖,查看站點(diǎn)是否運(yùn)行成功
-
-
5.實(shí)際寫一篇文章
- a.切換到博客的根目錄下奸晴,cmd中輸入命令hugo new post/blog.md(自定義markdown文件名),然后會(huì)在D:\Hugo\hugo_0.55.4_Windows-64bit\myblog\content\post路徑下生成了blog.md文件日麸,然后再使用vs code或者其它能編寫markdown文件的編輯器打開blog.md文件寄啼,寫入博客文章的具體內(nèi)容逮光,注意不要修改原始的blog.md文件中已經(jīng)有的內(nèi)容!墩划。
- b.接著涕刚,切換到博客的根目錄下,cmd中輸入命令hugo server -t m10c --buildDrafts
- c.復(fù)制網(wǎng)址http://localhost:1313/到瀏覽器中乙帮,查看站點(diǎn)上的內(nèi)容是否已經(jīng)更新完成杜漠,顯示我們剛剛編寫的博客文章。
- 注意:每次修改完blog.md文件中的內(nèi)容后察净,需要重新在cmd中輸入命令hugo server -t m10c --buildDrafts驾茴,這樣http://localhost:1313/鏈接中的頁(yè)面才會(huì)更新。
-
6.將個(gè)人博客部署到遠(yuǎn)端服務(wù)器
- a.上面的一系列操作氢卡,得到的博客網(wǎng)站的站點(diǎn)只能在自己的電腦上本地訪問(wèn)锈至,要想別人能訪問(wèn)你的博客網(wǎng)站,必須將個(gè)人博客部署到遠(yuǎn)端服務(wù)器异吻。首先裹赴,你要有一個(gè)github賬號(hào),然后創(chuàng)建一個(gè)倉(cāng)庫(kù)诀浪,注意:創(chuàng)建倉(cāng)庫(kù)的命名必須是你github的昵稱且必須小寫再加上.github.io棋返。例如,你的github昵稱是cdlwhm1217096231,因此創(chuàng)建的倉(cāng)庫(kù)名必須是cdlwhm1217096231.github.io雷猪。
- b.接著睛竣,切換到博客的根目錄下,cmd中輸入命令hugo --theme=m10c(主題名) --baseUrl="https://cdlwhm1217096231.github.io/(倉(cāng)庫(kù)地址)" --buildDrafts
- c.然后會(huì)在博客的根目錄myblog下生成一個(gè)public文件夾求摇。切換到public文件目錄下射沟,在git bash中輸入命令git init,將此public文件夾變成git本地倉(cāng)庫(kù),然后輸入git add ., 將public文件夾下的所有文件放入暫存區(qū)中等待提交与境,接著輸入git commit -m "我的Hugo博客第一次提交"验夯,這樣就將本地倉(cāng)庫(kù)中的文件提交到了遠(yuǎn)程倉(cāng)庫(kù)。在接著摔刁,輸入git remote add origin https://github.com/cdlwhm1217096231/cdlwhm1217096231.github.io.git挥转。最后,輸入命令git push -u origin master,將本地倉(cāng)庫(kù)代碼推送到遠(yuǎn)程庫(kù)共屈。
- d.最后绑谣,在瀏覽器中輸入cdlwhm1217096231.github.io,即可訪問(wèn)自己的博客網(wǎng)站拗引。
-
7.備注說(shuō)明
- 以上的教程只是簡(jiǎn)單的搭建并部署自己的博客網(wǎng)站借宵,具體博客網(wǎng)站的修飾,本人正在學(xué)習(xí)中矾削,歡迎各位多多交流