写在前面的话
其实我也是这两天才接触到 Hexo,之前是用的 wordpress 在阿里云上挂着。觉得 Hexo 好像更符合现在我的审美,so, do it!
嗯前面安装 git 和 node.js 我这边就省略掉了。作为一个爱搞事的,这些东西电脑上都有
还有就是我照着网上的教程是没问题,但是走到一些页面的小功能的时候,就不起作用了,可能是版本更新不兼容了
<!– more –>
一. 安装 Hexo,初始化
npm install -g hexo 全局安装 Hexo 创建一个文件夹如 blog,不用进去(可以用 hexo - v 检验是否安装成功)
hexo init blog 初始化这个 blog 和文件夹名字要一样,否则又创建个新的
npm install 安装所需要的依赖
后面就 hexo s -g 就是发布之前先生成静态文件,s:server,g:generate,访问下 localhost:4000 看 ok 不(不起作用,提示什么 hexo <commands> 什么东西了,就进到 blog 的目录下,使用 hexo 命令)
应该没有 5 了,如果上面没成功,那你去搜搜别人的初始化都怎么弄的,然后再回来看我剩下的实践
二. 创建 github 公开库
有个 point 就是创建 Repository 的名字格式是 username.github.io,(看到有的博主只用的 username 就行,你可以尝试一下,不行的话删了就行)比如我的是 dasnnj.github.io,是为了能生成 page 服务图片描述
两步,输入 Repository name,然后点击 create repository 按钮图片描述
建错删除的话,点进去新建的库,点击 setting,点击最下面的删除,需要输入库的名字才能确认删除图片描述
没问题的话,还是要点进去 setting,往下面滑动到 GitHub Pages 标题下面,照着那个链接点进去,不出意外就能直接访问到你的这个 repository
三. 创建腾讯云开发者平台(或 Coding)公开库
项目地址格式是 username.coding.me,格式不对会 404 哦,项目名称随便,确定就 ok 图片描述
创建完记得进入代码浏览,初始化一下项目,添加一个 readme 文档就行了
进入 page 服务,然后开启图片描述
四. 配置服务并将文件部署到 Github
复制上面创建的两个库的 git 地址
修改最下面的 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
执行 hexo clean && hexo g && hexo s 清除缓存,生成静态文件,本地发布
页面上没问题的话,就可以执行 hexo d
会弹出输入 github 账号密码,和腾讯开发者平台的账号密码。我的只输了一次,可能是我安装了 tortoiseGit 的原因?好像后面自动给我创建了私钥公钥
部署成功,按照各自平台的 pages 服务提示的网址即可访问
五. 其他配置(目前都是关于博客根目录下面的_config.yaml 的修改)
博客标题
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 # 时区
url
url: / #这里如果你只部署了一个平台,那么填那个平台的地址,或者 / 都行,如果你部署在了两个平台上,那么就只写 / 吧
root: /
permalink: :year/:month/:day/:title/ # 链接格式 https://newblog.dasnnj.cn/2019/01/26/ 标题名字 /
# 也可设置为根据 category/:title/ 分类 / 标题名字
# category/:title.html 会在标题名字后面加上.html
permalink_defaults:
时间格式
date_format: YYYY-MM-DD HH:mm:ss
time_format: HH:mm:ss
这里给 date 加上小时分钟等,是为了解决新建页面,发表时间只显示日期没有时间
其他
# 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:
新建文章模板的 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 # 分类
** 持续更新,下面大概要写我的 next 主题的一些配置,没有网上的大佬那样很全,但是对我来说很足够了(可能是版本不同,网上大佬的有部分可能不适用现在的,我这边会给出我的解决方法)**
##### 参考
[hexo 的目录结构 – 一直玩编程](https://www.jianshu.com/p/17d55d420d94)
[官方文档](https://hexo.io/zh-cn/api)
[1]: /img/bVbnQH4
[2]: /img/bVbnQH7
[3]: /img/bVbnQIc
[4]: /img/bVbnQId