将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的目录结构 - 一直玩编程

官方文档