创建博客

powershell

hexo new "title"

创建一个 title.md 文件，在博客目录 source/_posts 下

设置Front-matter

Front-matter 是文件最上方以 ---分隔的区域，用于指定此文件的变量

markdown

---
title: web性能优化
date: 2019-12-02 21:43:18
categories: 
- 面试
- web性能优化
tags:
- 前端
---

表示分类为面试/web性能优化

参数	描述
title	标题
date	建立日期
updated	更新日期
tags	标签，没有顺序和层次性
categories	分类，有顺序和层次性，前面为父类，后面为子类

写作规范

标题

使用各级标题时，注意该部分内容结束后需要换行

markdown

# 一级标题
内容

## 二级标题1
内容

## 二级标题2
内容

博客会对各级标题进行自动分类展示在侧边，最好按级别使用各级标题，不要跳跃使用，标题前面也不要加数字说明

图片

可以使用 Markdown 格式的图片引用![img](url)

推荐使用 hexo 博客的格式，可以指定图片的大小<img src="url" width="50%" height="50%">

使用 <img> 引用图片请求可能得到 403 错误，需要在 Markdown 文档的 Front-matter 结束后添加一行<meta name="referrer" content="no-referrer" />,此解决方案已经加入到了模板设置中，使用hexo new创建博客时不需要再额外设置了。

代码块

使用代码块需要在前面写明类型，比如 powershell , javascript ,这样代码有高亮显示，易读性好

内容高亮

hexo 博客中的 Markdown 不支持高亮显示，和有道云笔记有些不一样。

预览和部署

处理静态文件

powershell

hexo g

生成静态文件，每次更新 markdown 源文件都需要执行此命令重新生成静态文件

powershell

hexo a

在博客内开启了Algolia搜索，每次添加，删除博客后执行此命令生成新的检索索引

powershell

hexo clean

删除静态文件

利用jsdelivr访问github图片作为图床

将github作为图床上传图片，国内访问速度太慢，通过jsdelivr使用CDN访问加速

每更新一次github仓库，就执行Draft a new release，记录版本号，

使用https://cdn.jsdelivr.net/gh/Grit0821/Blogbed@1.1/index_img.jpg引用Blogbed仓库下的index_img.jpg，‘@’后面跟release的版本号

本地预览

powershell

hexo s

本地服务器预览

部署到Github

powershell

hexo d