準備工作:

• Hexo : 基於Node的一個靜態部落格框架，可以方便生成靜態網頁託管在github上
• node,js : 用來生成靜態頁面。 Node.js官網下載
• git :本地資料提交至github
• github : 部落格的遠端倉庫，備份資料

安裝:

• 安裝Hexo
  
  • 終端中輸入 ： npm install -g hexo
  • 終端cd到一個選定的目錄 執行 hexo init
  • 安裝npm npm install
• 關聯Github
  
  • 登入Github帳號，新建倉庫名：.github.io固定寫法
  • 終端cd到blog資料夾下，開啟_config.yml檔案,配置如下引數：
    
    • 配置所有的_config.yml檔案時（包括theme中的），在所有的冒號:後邊都要加一個空格，否則執行hexo命令會報錯
  • 生成靜態頁面 :hexo generate 或 hexo g
  • 執行配置命令 : hexo deploy 或 hexo d
    
    • git 中執行hexo d 提示找不到命令，執行npm install hexo-deployer-git --save

 deploy:
 type: git
 repository:  https://github.com/xxx/xxx.github.io.git
 branch: master

• 釋出文章

  • cd 至blog資料夾下， 新建文章hexo new "postName"
  • 文章完成後，生成靜態頁面 hexo g

  • 部署至Github : hexo d

  • 安裝網頁主題

  • 將blog目錄下_config.yml裡theme的名稱landscape修改為next

  • 每次部署文章的步驟:
    
    • 清除快取檔案 (db.json) 和已生成的靜態檔案 (public) : hexo clean
    • 生成快取和靜態頁面 : hexo g
    • 重新部署至伺服器 :hexo d
  • 更改theme內容，比如名稱，描述，頭像
    
    • blog/_config.yml
    • blog/themes/next/_config.yml

Linux安裝

• 安裝npm新版, 舊版本導致安裝hexo失敗
• nvm 是npm的包安裝管理器,先安裝nvm,然後通過nvm install stable 安裝最新版

• 安裝nvm完成之後,需要新增如下內容到~/.bashrc,然後source ~/.bashrc

  export NVM_DIR=”/home/zhaomm/.nvm”
  [ -s “NVM_DIR/nvm.sh" ] && . "$\text{NVM\_DIR/nvm.sh" ] \&\& . "}$NVM_DIR/nvm.sh” # This loads nvm

• 部落格的內容和npm安裝包內容保證在一個目錄,否則釋出內容之後網頁會提示404

更新功能：

閱讀統計量

• 配置LeanCloud
• 修改Next主題_config.yml 中的 busuanzi_count: enable :true

多說評論

• 配置檔案blog/scripts下的GitUpdate.js

• 配置檔案blog/scripts下的OpenMarkdown.js

增加主選單

• 主題配置_config.yml 中#Menu Settings 新增 選單，如：event: /event/event.html
• 選單圖示：menu_icons:

• 修改 themes->next->layout->_partials->head.swig

 <script>
    (function(){
        if('{{ page.password }}'){
            if (prompt('請輸入文章密碼','') !== '{{ page.password }}'){
                alert('密碼錯誤！');
                history.back();
            }
        }
    })();
</script>

• 文章新增密碼訪問

---
title: Hexo文章簡單加密訪問
date: 2016-12-01 10:45:29
tags: hexo
categories: 部落格
keywords:
    - Hexo
    - 加密
password: password
---

備份說明

• 部落格資料備份於github上的blog
  
  • node_modules ( 用npm install 會重新生成)
  • public ( 用hexo g 會重新生成)
  • .deploy_git （用hexo d 會重新生成）
• 定期更新Next主題， 目錄中Next為一個git倉庫
• 當重灌電腦之後，或者想在其他電腦上修改部落格，如下
  
  • 克隆預設倉庫至本地 git clone [email protected]:wisezhao/blog.git
  • 進入目錄，Git bash 依次執行 :
    
    • npm install hexo
    • npm install
    • npm install hexo-deployer-git （記得，不需要hexo init這條指令）

相關資源

• 圖片儲存:七牛雲 -> 物件儲存　-> photo
  
  • 圖片大小：640*480　

網站優化

• 由於Ubuntu 下的小書匠無法輸入中文,暫時切換到win7中使用,由於ubuntu 和win7 中需要同步：
  
  • 儲存檔案繫結github ,token, 自動儲存到github中
  • 修改blog下的GitUpdate.js防止衝突出錯

疑難雜症

• 膝上型電腦HP431 hexo d 釋出時報錯 ,但是桌上型電腦沒關係： 如
  
  
  • _config.yml檔案中
    repository: https://github.com/wisezhao/wisezhao.github.io.git改為
    repository: [email protected]:wisezhao/wisezhao.github.io.git