将Hexo同时部署在github和腾讯云开发者平台或Coding初级实践教程

码途映星客
• 阅读 2347
写在前面的话

其实我也是这两天才接触到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服务

    将Hexo同时部署在github和腾讯云开发者平台或Coding初级实践教程

  2. 两步,输入Repository name,然后点击 create repository 按钮

    将Hexo同时部署在github和腾讯云开发者平台或Coding初级实践教程

  3. 建错删除的话,点进去新建的库,点击setting,点击最下面的删除,需要输入库的名字才能确认删除

    将Hexo同时部署在github和腾讯云开发者平台或Coding初级实践教程

  4. 没问题的话,还是要点进去setting,往下面滑动到GitHub Pages标题下面,照着那个链接点进去,不出意外就能直接访问到你的这个repository
三. 创建腾讯云开发者平台(或Coding)公开库
  1. 项目地址格式是 username.coding.me,格式不对会404哦,项目名称随便,确定就ok

    将Hexo同时部署在github和腾讯云开发者平台或Coding初级实践教程

  2. 创建完记得进入代码浏览,初始化一下项目,添加一个readme文档就行了
  3. 进入page服务,然后开启

    将Hexo同时部署在github和腾讯云开发者平台或Coding初级实践教程

四. 配置服务并将文件部署到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的目录结构 - 一直玩编程

官方文档

点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Peter20 Peter20
4年前
mysql中like用法
like的通配符有两种%(百分号):代表零个、一个或者多个字符。\(下划线):代表一个数字或者字符。1\.name以"李"开头wherenamelike'李%'2\.name中包含"云",“云”可以在任何位置wherenamelike'%云%'3\.第二个和第三个字符是0的值wheresalarylike'\00%'4\
Stella981 Stella981
3年前
Hexo,其实没有你想象的那么难
阅读目录:1.安装hexo所需环境nodejs下载软件解压添加环境变量配置生效2.安装hexo安装初始化生成静态页面安装Git插件配置hexo安装hexo后台
Stella981 Stella981
3年前
Hexo建站过程总结
Hexo是一个基于Node.js快速、简洁且高效的博客框架,可以将Markdown文件快速的生成静态网页,托管在GitHubPages上。由于原来博客的主机费用问题,我没有办法再在那个主机上面再进行博客的更新,实在是太贵了,对于我来说。所以就在GitHub上面开始建站,使用Hexo来搭载我的博客。Hexo和WordPress有很大的不
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
PHP 爬虫体验(二)
自从使用hexo在githubpage更新博客之后,我每次在cnblog上发布文章,需要手动再更新hexo。hexo使用markdown格式来写文章,手动更新需要对文章本身内容进行转化,做成md文件再进行上传,后来就想到,本身爬虫就可以对页面中的各种元素进行提取,同时markdown使用的是标记语法,那么使用爬虫分析文章元素,提取主要内容并且根据模板自动生
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
码途映星客
码途映星客
Lv1
君家何处住,妾住在横塘。
文章
4
粉丝
0
获赞
0