寫在前面的話

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

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

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

一. 安裝Hexo，初始化

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

二. 創(chuàng)建github公開庫

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

   
   
   新建庫.png

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

   新建庫過程.png

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

   刪除庫.png

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

三. 創(chuàng)建騰訊云開發(fā)者平臺（或Coding）公開庫

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

tencent新建庫.png

2. 創(chuàng)建完記得進入代碼瀏覽，初始化一下項目，添加一個readme文檔就行了

3. 進入page服務(wù)，然后開啟

tencentPage服務(wù).png

四. 配置服務(wù)并將文件部署到Github

1. 復(fù)制上面創(chuàng)建的兩個庫的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. 執(zhí)行hexo clean && hexo g && hexo s 清除緩存，生成靜態(tài)文件，本地發(fā)布
   4. 頁面上沒問題的話，就可以執(zhí)行hexo d
   5. 會彈出輸入github賬號密碼，和騰訊開發(fā)者平臺的賬號密碼。后面通過生成ssh私鑰，公鑰就不用頻繁輸入用戶名密碼,參考windows生成git公鑰
   6. 部署成功，按照各自平臺的pages服務(wù)提示的網(wǎng)址即可訪問

五. 其他配置（目前都是關(guān)于博客根目錄下面的_config.yaml的修改）

1. 博客標題

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

2. url

   url: / #這里如果你只部署了一個平臺，那么填那個平臺的地址，或者/都行，如果你部署在了兩個平臺上，那么就只寫/吧
   root: /
   permalink: :year/:month/:day/:title/ # 鏈接格式https://dasnnj.com/2019/01/26/標題名字/
   # 也可設(shè)置為根據(jù) category/:title/ 分類/標題名字  
   # category/:title.html會在標題名字后面加上.html
   permalink_defaults:
   

3. 時間格式

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

   這里給date加上小時分鐘等，是為了解決新建頁面，發(fā)表時間只顯示日期沒有時間

4. 其他

   # Directory   
   source_dir: source   #資源文件夾，這個文件夾用來存放內(nèi)容
   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     #預(yù)設(shè)布局
   titlecase: false # 把標題轉(zhuǎn)換為 title case
   external_link: true # 在新標簽中打開鏈接
   filename_case: 0     #把文件名稱轉(zhuǎn)換為 (1) 小寫或 (2) 大寫
   render_drafts: false  #是否顯示草稿
   post_asset_folder: false  #是否啟動 Asset 文件夾
   relative_link: false      #把鏈接改為與根目錄的相對位址    
   future: true                #顯示未來的文章
   highlight:                    #內(nèi)容中代碼塊的設(shè)置    
     enable: true
     line_number: true
     auto_detect: false
     tab_replace:
   
   

5. 新建文章模板的key對應(yīng)的含義

   屬性 描述

   title 標題

   slug 網(wǎng)址

   layout 布局。默認為 default_layout 參數(shù)。

   path 路徑。默認會根據(jù) new_post_path 參數(shù)創(chuàng)建文章路徑。

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

   我這篇文章的信息

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

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

參考

hexo的目錄結(jié)構(gòu) - 一直玩編程

官方文檔