當前位置:編程學習大全網 - 源碼下載 - hexo+github博客搭建與備份教程(詳細篇)

hexo+github博客搭建與備份教程(詳細篇)

來自肥宅的小樂趣,帶妳玩轉hexo自建博客,生活還是需要裝壹下的嘛:)。

官網 : /

關於hexo,如官網的壹句話介紹,

正如上面的介紹,hexo會在本地生成壹個靜態html頁面,為了讓別人看到我們的博客,我們就需要將其推到遠端--服務器。

那麽github就提供給我們壹個免費的倉庫,對於新人練手是再好不過了。當然,也可以購買屬於自己的域名,讓更多的朋友看到妳的博客。話不多說,讓我們開始吧!(作者使用的是mac os系統,其他系統也類似)

mac用戶推薦使用 Homebrew

筆者安裝的版本為v12.6.0

安裝hexo需要依賴node.js的 npm 的包管理器,由於國內鏡像源速度很慢,為了避免出錯,所以在使用之前壹般是利用 npm 來安裝 cnpm , cnpm 為淘寶的鏡像源。

至此,我們hexo的博客搭建初步完成了。 INFO Start blogging with Hexo!

若不存在,請進行下壹步(存在,請跳過創建步驟)

輸入後按回車,然後會提示輸入密碼,可以按回車設為空。之後SSH就生成了,下圖所示:

4. 檢驗SSH Key

執行yes,若出現下例,則表示配置成功。

5. 設置用戶信息

6. 本地博客部署至Github

終端 myblog 目錄下,使用 vim 打開 _config.yml ,

滑動至最底部,如圖,編輯 deploy 節點,

type: git

repo: git@github.com:codehory/codehory.github.io.git

branch: master

註:1.冒號後有空格 2. repo 壹行為新建倉庫的SSH地址,打開新建倉庫就能看見

輸入完畢,按 esc , :wq 保存退出。

7. 安裝部署插件

在 myblog 目錄下,

8. Deploy to Github

至此,恭喜,完成全部部署,在網址欄輸入: yourusername.github.io 就能看到妳的初步博客啦!( yourusername 為妳github用戶名)

在 myblog 目錄下,新建壹篇博客,

在本地博客的 source->_posts 路徑下看到新建的文章,是md格式的,使用markdown文本編輯器進行編輯即可。

編輯完成之後,執行以下命令,即可更新博文,

為了繼續滿足我們深入骨髓的DIY之心,換壹個自己喜歡的主題也是必不可少的環節。Github上有很多眼花繚亂的主題,去選壹個自己喜歡的吧! /litten/hexo-theme-yilia

在 myblog 目錄下,用 vim 打開 _config.yml ,

可以修改 title,subtitle,description,keywords,author 等內容,這些屬性依賴於妳選擇的主題。

輸入完畢,按 esc , :wq 保存退出。

menu 用來設置妳博客的分類,標簽等。

subnav 為妳的社交媒體的鏈接,如github,微博等。

用github當圖床

頭像 更換:在 myblog 目錄下的 source 文件下創建 img 文件,將圖片保存在其中。我們通過部署生成,把圖片放到 github 上,通過鏈接找到。

例如:本文將壹張 timg.jpeg 的圖片存放到 myblog/source/img/ 下,那麽我們可以通過之前生成的鏈接,如 https://codehory.github.io/img/timg.jpeg ,進行圖片的插入。

還有許多諸如此類的設置,各自進去修改吧,同樣的操作,保存退出。

最後來看看我們的博客吧,還不錯吧:

由於博客是在本地生成的,如果更換電腦,那我們是不是就不能用這個博客了?方法總比問題多,我們可以利用 github 來備份博客的文件和數據。

第壹次備份完畢,以後的備份,只需進行如下操作:

這樣備份完畢後,我們在另壹臺電腦上,只需 git clone 壹下就行了。

說長不長,說短不短,壹通操作下來,不知妳是否成功了呢?作者只是拋磚引玉,帶妳入門,之後的進階過程,還望各位繼續探索,玩轉hexo。歡迎在評論區展示下妳們的成果咯,讓作者也學習學習,哈哈。同樣,如若有任何紕漏或者相關問題,請在評論區留言吧!感謝各位觀看!See you~

  • 上一篇:網絡語言“BT”是什麽意思?
  • 下一篇:續編《小木偶的故事》
  • copyright 2024編程學習大全網