將Hexo同時部署在github和騰訊雲開發者平臺或Coding初級實踐教程

寫在前面的話

其實我也是這兩天才接觸到Hexo，之前是用的wordpress在阿里雲上掛着。覺得Hexo好像更符合現在我的審美，so, do it!

嗯前面安裝git和node.js我這邊就省略掉了。作爲一個愛搞事的，這些東西電腦上都有

還有就是我照着網上的教程是沒問題，但是走到一些頁面的小功能的時候，就不起作用了，可能是版本更新不兼容了

<!-- more -->

一. 安裝Hexo，初始化

1. npm install -g hexo全局安裝Hexo 創建一個文件夾如blog，不用進去（可以用hexo -v檢驗是否安裝成功）
2. hexo init blog 初始化這個blog和文件夾名字要一樣，否則又創建個新的
3. npm install安裝所需要的依賴
4. 後面就 hexo s -g 就是發佈之前先生成靜態文件 ，s:server，g:generate，訪問下localhost:4000看ok不（不起作用，提示什麼hexo <commands> 什麼東西了，就進到blog的目錄下，使用hexo命令）
5. 應該沒有5了，如果上面沒成功，那你去搜搜別人的初始化都怎麼弄的，然後再回來看我剩下的實踐

二. 創建github公開庫

1. 有個point就是創建Repository的名字格式是 username.github.io，（看到有的博主只用的username就行，你可以嘗試一下，不行的話刪了就行）比如我的是 dasnnj.github.io，是爲了能生成page服務

2. 兩步，輸入Repository name，然後點擊 create repository 按鈕

3. 建錯刪除的話，點進去新建的庫，點擊setting，點擊最下面的刪除，需要輸入庫的名字才能確認刪除

4. 沒問題的話，還是要點進去setting，往下面滑動到GitHub Pages標題下面，照着那個鏈接點進去，不出意外就能直接訪問到你的這個repository

三. 創建騰訊雲開發者平臺（或Coding）公開庫

1. 項目地址格式是 username.coding.me，格式不對會404哦，項目名稱隨便，確定就ok

2. 創建完記得進入代碼瀏覽，初始化一下項目，添加一個readme文檔就行了
3. 進入page服務，然後開啓

四. 配置服務並將文件部署到Github

1. 複製上面創建的兩個庫的git地址

2. 修改最下面的deploy，格式類似我這樣的

   # Deployment
   ## Docs: https://hexo.io/docs/deployment.html
   deploy: 
     type: git
     repo: 
       github: https://github.com/dasnnj/dasnnj.github.io.git,master
       coding: https://git.dev.tencent.com/dasnnj/dasnnj.coding.me.git,master # 騰訊
       # coding:  https://git.coding.net/dasnnj/dasnnj.coding.me.git,master # Coding

   1. 執行hexo clean && hexo g && hexo s 清除緩存，生成靜態文件，本地發佈
   2. 頁面上沒問題的話，就可以執行hexo d
   3. 會彈出輸入github賬號密碼，和騰訊開發者平臺的賬號密碼。我的只輸了一次，可能是我安裝了tortoiseGit的原因？好像後面自動給我創建了私鑰公鑰
   4. 部署成功，按照各自平臺的pages服務提示的網址即可訪問

五. 其他配置（目前都是關於博客根目錄下面的_config.yaml的修改）

1. 博客標題

   title: life is love # 主標題
   subtitle: 記錄生活和學習 # 副標題
   description: Nothing is impossible, the word itself says I'm possible. # 個人描述
   keywords: 
   author: Dasnnj # 用戶
   language: zh-CN # 語言，不填默認英文
   timezone: Asia/Shanghai # 時區

2. url

   url: / #這裏如果你只部署了一個平臺，那麼填那個平臺的地址，或者/都行，如果你部署在了兩個平臺上，那麼就只寫/吧
   root: /
   permalink: :year/:month/:day/:title/ # 鏈接格式https://newblog.dasnnj.cn/2019/01/26/標題名字/
   # 也可設置爲根據 category/:title/ 分類/標題名字  
   # category/:title.html會在標題名字後面加上.html
   permalink_defaults:

3. 時間格式

   date_format: YYYY-MM-DD HH:mm:ss 
   time_format: HH:mm:ss

   這裏給date加上小時分鐘等，是爲了解決新建頁面，發表時間只顯示日期沒有時間

4. 其他

   # Directory   
   source_dir: source   #資源文件夾，這個文件夾用來存放內容
   public_dir: public     #公共文件夾，這個文件夾用於存放生成的站點文件。
   tag_dir: tags         # 標籤文件夾     
   archive_dir: archives    #歸檔文件夾
   category_dir: categories      #分類文件夾
   code_dir: downloads/code     #Include code 文件夾
   i18n_dir: :lang                #國際化（i18n）文件夾
   skip_render:                #跳過指定文件的渲染，您可使用 glob 表達式來匹配路徑。    
   
   # Writing
   new_post_name: :title.md # 新文章的文件名稱
   default_layout: post     #預設佈局
   titlecase: false # 把標題轉換爲 title case
   external_link: true # 在新標籤中打開鏈接
   filename_case: 0     #把文件名稱轉換爲 (1) 小寫或 (2) 大寫
   render_drafts: false  #是否顯示草稿
   post_asset_folder: false  #是否啓動 Asset 文件夾
   relative_link: false      #把鏈接改爲與根目錄的相對位址    
   future: true                #顯示未來的文章
   highlight:                    #內容中代碼塊的設置    
     enable: true
     line_number: true
     auto_detect: false
     tab_replace:
   

5. 新建文章模板的key對應的含義

   屬性 描述

   title 標題

   slug 網址

   layout 佈局。默認爲 default_layout 參數。

   path 路徑。默認會根據 new_post_path 參數創建文章路徑。

   date 日期。默認爲當前時間。

我這篇文章的信息

title: 將Hexo同時部署在github和騰訊雲開發者平臺或Coding初級實踐教程
date: 2019-01-26 20:52:03
tags: [Hexo,github,coding] # 標籤
categories:
    - tech # 分類
    - Hexo # tech的子分類
    

持續更新，下面大概要寫我的next主題的一些配置，沒有網上的大佬那樣很全，但是對我來說很足夠了（可能是版本不同，網上大佬的有部分可能不適用現在的，我這邊會給出我的解決方法

---

參考

hexo的目錄結構 - 一直玩編程

官方文檔