Hexo+GitHub 搭建我的博客(一):安裝、配置和第一篇博客

Hexo+GitHub 搭建我的博客(一):安裝、配置和第一篇博客


hexo+github-pages.jpg

  • 本文簡單介紹Hexo+GitHub 搭建博客。本文主要目的是對學習內容進行總結以及方便往後查閱。
  • 詳細教程和原理能夠參考Hexo官方中文文檔
  • 本文版權歸馬濤濤全部。
  • 本文所引用的圖片和文字版權歸原做者全部,侵權刪。
  • 若有錯誤請在下方評論區指出,歡迎積極討論。

安裝與配置


什麼是Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用Markdown(或其餘渲染引擎)解析文章,在幾秒內,便可利用靚麗的主題生成靜態網頁。——《 Hexo官方中文文檔

安裝前提

Git可能須要科學地上網,無法下載的話,在 Hexo文檔——安裝指南中有百度雲Git同步下載地址。

安裝步驟

  1. 進入一個安全的目錄,好比 cd ~/Desktop 或者 cd ~/Documents,別在根目錄 / 。養成進入一個安全的目錄,別在根目錄裏亂存東西的習慣,只有 ~ 裏面的目錄纔是安全的。
  2. 在 GitHub 上新建一個空 repo,repo 名稱是「你的用戶名.github.io」(必定你的用戶名替換成真正的用戶名
  3. GitBash上運行npm install -g hexo-cli,安裝 Hexo。
  4. hexo init myBlog
  5. cd myBlog
  6. npm i

生成第一篇博客

  1. hexo new 開博大吉,開博大吉就是你的第一篇博客的標題,後面也能夠改。運行完後你會看到一個 md 文件的路徑。
    95peBR.png
  2. 首先用cd命令進入_posts的這個目錄,再start 開博大吉.md,編輯這個 md 文件,內容本身寫,先實驗可否成功,後面再教如何編寫以及美化博客(Ubuntu 系統用 xdg-open 開博大吉.md 命令)node

    Windows 的路徑中的 \ 須要變成 / 才行
  3. 進入而後返回myBlog目錄,執行start _config.yml,編輯網站配置git

    • 把第 6 行的 title 改爲你想要的名字,這個就是網站的博客標題
    • 把第 9 行的 author 改爲你的大名
    • 把最後一行的 type 改爲 type: git
    • 在最後一行後面新增一行,左邊與 type 平齊,加上一行 repo: 倉庫地址 (請將倉庫地址改成「你的用戶名.github.io」對應的倉庫地址,倉庫地址以 git@github.com: 開頭。
    • 上一步的 repo: 後面有個空格
  4. npm install hexo-deployer-git --save,安裝 git 部署插件
  5. hexo deploy
  6. 進入「你的用戶名.github.io」對應的 repo,打開 GitHub Pages 功能,若是已經打開了,就直接點擊預覽連接,連接是 [你的GitHub用戶名.github.io]
  7. 你如今應該看到了你的博客!

增長新博客

  1. hexo new 第二篇博客標題
  2. 複製顯示的路徑,使用 start 路徑 來編輯它,裏面的內容支持MarkDown語法,編輯的內容就是博客的內容。
  3. hexo generate
  4. hexo deploy 部署,提交

而後去看你的博客,應該能看到第二篇博客了github

相關文章
相關標籤/搜索