Hexo(2)-部署博客及更新博文

本系列文章:

用 GitHub + Hexo 建立你的第一個博客 - Crossin的編程教室 - 知乎專欄

Hexo(2)-部署博客及更新博文

Hexo(3)-安裝自己喜歡的主題

Hexo(4)-安裝多說評論框

Hexo(5)-購買並綁定域名

將本地文件部署到 GitHub

修改 Hexo 中的 _config.yml 文件

在 Hexo 文件夾下找到 _config.yml 文件,如下圖所示:

找到其中的 deploy 標籤,改成下圖所示形式,並保存。注意:冒號後面要加上一個空格,否則會報錯。

將其 deploy 到倉庫中

打開 Git Shell 進入創建的文件夾,依次輸入以下命令:

hexo cleanhexo generatehexo deploy

如果出現下圖錯誤,不要著急:

將deploy 的 type 改成 git,然後再在 Git Shell 中運行以下命令:

npm install hexo-deployer-git --save

再重新來一遍:

hexo cleanhexo generatehexo deploy

出現以下提示則表示正確:

恭喜,到這一步,個人博客就已經部署到 GitHub 上了,你可以到你的GitHub倉庫查看是否已經更新。此時,通過

your_user_name.github.io

(即你那個倉庫的名稱,形如:"你的 GitHub 用戶名".github.io

就可以看到你的個人博客了。

注意:這裡可能會出現這種需要輸入賬號密碼的情況

輸入github的賬號密碼就可以了,記住那裡輸入密碼的時候游標是不會移動的,只要你輸入了就好,不要以為沒輸入上:)

發表博文

辛苦了這麼久,終於回到我們搭建博客最初的目標–寫作,現在來看看怎麼寫博文並發表吧(^__^)。

新建博文

我們可以使用命令新建一篇博文,使用 Git Shell 進入 Hexo 文件夾,輸入以下命令:

hexo new "文章題目"

命令執行完後,就會發現在

Hexosource_posts

目錄中多了一個文件博文名.md,這就是我們剛才新建的博文。

此外,我們也可以直接進入

Hexosource_posts

目錄中,右鍵新建一個文本文檔,將名字改為博文名.md,這樣也新建了一篇博文。

新建頁面

上面新建的博文是顯示在單個文章界面,這裡新建的頁面是作為單個頁面顯示的,比如下圖的分類、標籤、歸檔和關於我,你點擊後都是顯示為單個頁面。

你只需要記住新建博文是用上面的方法,新建頁面是用這裡的方法就行了,這裡也採用命令新建頁面:

hexo new page "頁面名稱"

命令執行完後,就會發現在在

Hexosource

目錄中多了一個文件夾,裡面還有一個index.md,這就代表我們新建了一個頁面。

寫博文

用文本編輯器打開上面新建的博文,如下圖所示:

新建的頁面略有不同,沒有tags和categories標籤。

三個」-「後面就是博文的正文內容,接下來就是正兒八經地撰寫博文了。

Markdown

因為我們的博文都是用Markdown語言寫的,所以首先,你需要一個好用的Markdown編輯器。其實好用的Markdown編輯器一大堆,這裡就給大家推薦兩個,如果你用的不習慣也可以換其它的。

  • 本地編輯器:Haroopad,非常小眾的一款Markdown編輯器,左邊編輯右邊實時預覽效果,非常輕便;

  • 在線編輯器:MaHua,也是比較小眾的一款Markdown編輯器,但效果確實很棒,我的這篇博文就是用MaHua寫的。

現在你可以打開新建的博文了,然而還不造怎麼下手對吧。其實很簡單,除了特殊格式,其它的你就當做在word裡面寫文章就行了,具體請看這裡的Markdown教程:

Markdown——入門指南

發博文

呼啦啦,博文寫好了,你得發表出去別人才看得到呀。依然在 Git Shell 中進入 Hexo 文件夾,執行下面幾條命令,將博客部署到 GitHub 上:

hexo cleanhexo generate(若要本地預覽就先執行 hexo server)hexo deploy

快捷命令:

hexo g == hexo generatehexo d == hexo deployhexo s == hexo serverhexo n == hexo new

還能組合使用,如:

hexo d -g

刷新你的個人博客,就可以看到新鮮出爐的博文了,趕緊邀請小夥伴們來欣賞吧。

兩個可能出現的錯誤

spawn git ENOENT

解決方法在這裡:spawn git ENOENT解決方法

頭像圖片無法顯示:hexo頭像無法顯示【解決辦法】

本系列其餘幾篇文章,已在文章開頭的鏈接中給出。歡迎進入公眾號閱讀。

如果有其他疑問,也歡迎在本教室論壇的主題貼中討論:用 GitHub + Hexo 建立你的第一個博客

其他文章及回答:

想用 Python 做數據分析?先玩玩這個再說 - Crossin的文章 - 知乎專欄

用 Python 實現你的量化交易策略 - Crossin的文章 - 知乎專欄

學習編程的過程中可能會走哪些彎路,有哪些經驗可以參考? - Crossin 的回答

你是如何自學 Python 的? - Crossin 的回答

編程初學者如何使用搜索引擎 - Crossin的文章 - 知乎專欄

如何直觀地理解程序的運行過程?- Crossin的文章 - 知乎專欄

如何在 Python 中使用斷點調試 - Crossin的文章 - 知乎專欄

Python 抓取網頁亂碼原因分析 - Crossin的編程教室 - 知乎專欄

極簡 Github 上手教程 - Crossin的編程教室 - 知乎專欄

Crossin的編程教室

微信ID:crossincode

論壇:Crossin的編程教室

QQ群:521603553

推薦閱讀:

VI:GitHub + Hexo (3):安裝主題
Ⅰ.GitHub + Hexo (1):在 OS X 下建立你的第一個博客——史上最靠譜教程
hexo 怎麼創建 404 頁面?
hexo文章發布到github後部分文件404了?
hexo下新建頁面下如何放多個文章?

TAG:Hexo | 独立博客 | GithubPages |