基於HEXO博客框架和Github搭建我的博客簡單教程

準備工做

配置環境html

安裝Node.js
安裝Git
註冊GitHubnode

Hexo 部分

  1. Hexo簡介
    Hexo 是一個輕量的靜態博客框架。經過Hexo能夠快速生成一個靜態博客框架,僅須要幾條命令就能夠完成,至關方便。
    而架設Hexo的環境更簡單了 不須要 lnmp/lamp/XAMPP 這些繁瑣複雜的環境 僅僅須要一個簡單的http服務器便可使用 或者使用互聯網上免費的頁面託管服務git

  2. Hexo安裝方法 參考官網中文文檔,只須要一條命令便可自動安裝hexo框架。 $ npm install -g hexo-cli #使用 npm 安裝 Hexogithub

  3. 初始化 建立一個文件夾,如:Blog,cd到Blog裏執行hexo init的。命令:
    hexo initweb

  4. 生成靜態頁面
    繼續再Blog目錄下執行以下命令,生成靜態頁面 hexo generate (或者 hexo g)npm

  5. 本地啓動
    啓動本地服務,進行文章預覽調試,命令: hexo server瀏覽器

  6. 本地測試
    瀏覽器輸入 http://localhost:4000bash

Github 部分

  1. 註冊github
    Github
  2. 新建倉庫 創建與你用戶名對應的倉庫,倉庫名必須爲【your_user_name.github.io】, 固定寫法 !!!
  3. 本地_config.yml文配置件,創建關聯 咱們須要_config.yml文件,來創建關聯(注意冒號後面要有空格)
deploy:  
   type: git   
   repository: https://github.com/leopardpan/  leopardpan.github.io.git  
   branch: master  

複製代碼

部署

執行以下命令才能使用git部署
npm install hexo-deployer-git --save
(我沒用SSH Keys若是你用了SSH Keys的話直接在github裏複製SSH的就好了,總共就兩種協議,相信你懂的。) 執行配置命令:
hexo deploy
而後再瀏覽器中輸入http://username.github.io/就好了,把 username ,改爲你 github 的帳戶名就好了服務器

發文章

每次部署的步驟,可按如下三步來進行。hexo

hexo clean  
hexo generate  
hexo deploy  

複製代碼

一些經常使用命令:

hexo new "postName" #新建文章 
hexo new page "pageName" #新建頁面 
hexo generate #生成靜態頁面至public目錄 
hexo server #開啓預覽訪問端口(默認端口4000,'ctrl + c'關閉server) 
hexo deploy #將.deploy目錄部署到GitHub 
hexo help  #查看幫助 
hexo version  #查看Hexo的版本 

複製代碼

參考:

  1. www.jianshu.com/p/465830080…
  2. www.chinaz.com/web/2016/01…
相關文章
相關標籤/搜索