使用Hugo搭建自己的個(gè)人博客網(wǎng)站

技術(shù)交流QQ群:1027579432,歡迎你的加入!

歡迎關(guān)注我的微信公眾號(hào):CurryCoder的程序人生

一.使用Hugo(基于Go語言博客框架)搭建個(gè)人博客網(wǎng)站

我的個(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來生成個(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/鏈接中的頁面才會(huì)更新。
  • 6.將個(gè)人博客部署到遠(yuǎn)端服務(wù)器
    • a.上面的一系列操作,得到的博客網(wǎng)站的站點(diǎn)只能在自己的電腦上本地訪問,要想別人能訪問你的博客網(wǎng)站,必須將個(gè)人博客部署到遠(yuǎn)端服務(wù)器。首先,你要有一個(gè)github賬號(hào),然后創(chuàng)建一個(gè)倉庫,注意:創(chuàng)建倉庫的命名必須是你github的昵稱且必須小寫再加上.github.io。例如,你的github昵稱是cdlwhm1217096231,因此創(chuàng)建的倉庫名必須是cdlwhm1217096231.github.io。
    • b.接著,切換到博客的根目錄下,cmd中輸入命令hugo --theme=m10c(主題名) --baseUrl="https://cdlwhm1217096231.github.io/(倉庫地址)" --buildDrafts
    • c.然后會(huì)在博客的根目錄myblog下生成一個(gè)public文件夾。切換到public文件目錄下,在git bash中輸入命令git init,將此public文件夾變成git本地倉庫,然后輸入git add ., 將public文件夾下的所有文件放入暫存區(qū)中等待提交,接著輸入git commit -m "我的Hugo博客第一次提交",這樣就將本地倉庫中的文件提交到了遠(yuǎn)程倉庫。在接著,輸入git remote add origin https://github.com/cdlwhm1217096231/cdlwhm1217096231.github.io.git。最后,輸入命令git push -u origin master,將本地倉庫代碼推送到遠(yuǎn)程庫。
    • d.最后,在瀏覽器中輸入cdlwhm1217096231.github.io,即可訪問自己的博客網(wǎng)站。
  • 7.備注說明
    • 以上的教程只是簡(jiǎn)單的搭建并部署自己的博客網(wǎng)站,具體博客網(wǎng)站的修飾,本人正在學(xué)習(xí)中,歡迎各位多多交流

二.參考資料

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容