5分鐘,搭建Hexo博客

Hexo能夠在不須要服務器的狀況下快速的構建靜態博客,這樣能省一大筆服務器錢,而且使用GithubPage還能夠省下來域名錢。因此Hexo能夠說是一種「經濟」的選擇。html

環境配置

在搭建Hexo以前,你須要確保有:node

  • Node.js

    Node.js Download 下載適合你電腦系統的Node.js版本。Windows系統直接選擇「Windows安裝包(.msi)」x64(若是你的電腦是64位系統的話)。git

    而後打開安裝的文件,一路摁Next(在第二個須要打勾贊成用戶協議)等待安裝完成。github

  • Git

安裝Hexo

  1. hexo的安裝很是簡單,首先在Powershell執行:shell

    npm install -g hexo
  2. 接下來找一個你喜歡的文件夾(必須是空的),進到文件夾中,摁住 Shift 而後右鍵,選擇 在此處打開Powershell窗口 ,執行:npm

    hexo init

建立倉庫

  • 你須要一個倉庫來存儲博客網頁,那就開始建立一個Github倉庫吧~

    若是你沒有Github帳號,到這裏去註冊一個服務器

    好,若是你註冊完了或者登陸好了,那麼就來訪問這裏:建立新倉庫hexo

    image-20200714184530973

    RepoSitory Name 設爲 【你的用戶名】.github.io ,好比我叫waterblock79,那倉庫名就應該是 waterblock79.github.iopost

    填完以後就點擊下面的 Create repository 建立倉庫。spa

    接下來會跳轉到倉庫界面,複製並保存好這裏的連接!

配置Hexo

  1. 如今在Powershell中執行:(別忘了替換引號裏的內容~)

    git config --global user.name "你的Github用戶名"
    git config --global user.email "你註冊Github使用的郵件地址"

    舉個例子,就像這樣:

    git config --global user.name "waterblock79"
    git config --global user.email "waterblock79@outlook.com"
  2. 而後回到你剛剛的文件夾,打開文件夾中的 _config.yml ,找到最下面的 # Deployment,把內容改爲:

    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: 【你剛剛建立的倉庫的網址】
      branch: master

    好比:

    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: https://github.com/waterblock79/waterblock79.github.io
      branch: master

最後

  1. 執行 hexo new 【文章名】 來新建文章,

    在你的博客文件夾的/source/_posts中編輯文章,可使用Typora來編輯Markdown文件哦~

  2. 要上傳文章?依次執行這三個命令便可

    hexo clean
    hexo generate
    hexo deploy

    (有可能會彈出一個Github的登陸框,輸入本身的Github帳號郵箱和密碼便可登陸)


上傳完了文章,就來看看效果吧,博客會在 【你的Github名稱】.github.io 等着你。

相關文章
相關標籤/搜索