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

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

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

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

我的個(gè)人博客網(wǎng)站,歡迎訪問(wèn)

  • 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í)中矾削,歡迎各位多多交流

二.參考資料

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末壤玫,一起剝皮案震驚了整個(gè)濱河市豁护,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌欲间,老刑警劉巖择镇,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異括改,居然都是意外死亡腻豌,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門嘱能,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)吝梅,“玉大人,你說(shuō)我怎么就攤上這事惹骂∷招” “怎么了?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵对粪,是天一觀的道長(zhǎng)右冻。 經(jīng)常有香客問(wèn)我,道長(zhǎng)著拭,這世上最難降的妖魔是什么纱扭? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮儡遮,結(jié)果婚禮上乳蛾,老公的妹妹穿的比我還像新娘。我一直安慰自己鄙币,他們只是感情好肃叶,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著十嘿,像睡著了一般因惭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上绩衷,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天蹦魔,我揣著相機(jī)與錄音,去河邊找鬼唇聘。 笑死版姑,一個(gè)胖子當(dāng)著我的面吹牛柱搜,可吹牛的內(nèi)容都是我干的迟郎。 我是一名探鬼主播,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼聪蘸,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼宪肖!你這毒婦竟也來(lái)了表制?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤控乾,失蹤者是張志新(化名)和其女友劉穎么介,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蜕衡,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡壤短,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了慨仿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片久脯。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖镰吆,靈堂內(nèi)的尸體忽然破棺而出帘撰,到底是詐尸還是另有隱情,我是刑警寧澤万皿,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布摧找,位于F島的核電站,受9級(jí)特大地震影響牢硅,放射性物質(zhì)發(fā)生泄漏蹬耘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一减余、第九天 我趴在偏房一處隱蔽的房頂上張望婆赠。 院中可真熱鬧,春花似錦佳励、人聲如沸休里。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)妙黍。三九已至,卻和暖如春瞧剖,著一層夾襖步出監(jiān)牢的瞬間拭嫁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工抓于, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留做粤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓捉撮,卻偏偏與公主長(zhǎng)得像怕品,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子巾遭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354