將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

3. 執行hexo clean && hexo g && hexo s 清除緩存，生成靜態文件，本地發佈
4. 頁面上沒問題的話，就能夠執行hexo d
5. 會彈出輸入github帳號密碼，和騰訊開發者平臺的帳號密碼。後面經過生成ssh私鑰，公鑰就不用頻繁輸入用戶名密碼,參考windows生成git公鑰
6. 部署成功，按照各自平臺的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的目錄結構 - 一直玩編程

官方文檔