hexo的基础用法以及写作技巧汇总

摘要

本文对于hexo的一些语法进行简单讲解，主要记录了hexo特定的一些写作方法以及常见的一些参数如何设置。

hexo特定语法

新建博客文章

对于新搭建好的博客，你的文章该如何创建？在你的博客根目录下，打开 git bash here ，然后输入 hexo new 你的文章标题 就在你博客根目录下的 source/_posts 里生成你的文章标题.md 文件。然后你打开该文件就可以进行编辑和书写了。

显示摘要

所以不需要设置，只要我们在文章中插入<!-- more -->，该标签之上的是摘要，之后的内容不可见，需点击全文阅读按钮；

文章内容设置

显示标题图

如何显示标题头图。以fluid主题为例，在你生成新的博客里，应该只有

1
2
title: {{ title }}
date: {{ date }}

title ：你的标题名字；

data ：你的创建的时间。

添加如下代码：

1
2
index_img: /img/banner.jpg
banner_img: /img/banner.jpg

其中：index_img 指的是你主页上看到的图片，比如

这里你看到的图片，就是index_img 定义的图片，图片可以是链接形式，也可以是存放在你的根目录下的/img文件夹里，必须使用相对路径，绝对路径不能部署到服务器！后面会说，相对路径也不是哪里都能放的。

打开文章后，文章里面的顶部图片由banner_img确定；

一样的，对于图片也是可以取链接或者相对路径图片。

标签和分类

categories:和tags:；默认不添加，要自己添加；

1
2
tags: [标签1,标签2,标签3]
tags: [tag1, tag2]注意1.属性和内容之间要有空格2.[tag1+逗号+空格+tag2]

或者

1
2
3
4
5
6
7
8
tags:

- 生活

- 年度总结

-和后面的标签之间有空格

启动公式渲染

还是在原来的地方，输入

1
math: true

就可以打开公式渲染；markdown公式真的很方便！真的很方便！

行内公式

输入$$就可以在两个$中间填写你要的行内公式：

1
$x = y_{n+1} + z^{x}$

效果：

\(x = y_{n+1} + z^{x}\)

块间公式

你可以通过ctrl+shift+M来获得块间公式 \[ x = y_{n+1} + z^{x} \] 自动编号，自动居中，自动渲染，看着还不算难看吧~

选择部署时候要上传的文件

我使用的是GitHub作为我的服务器部署，事先要先安装部署上传插件

部署上传插件

1
npm install hexo-deployer-git --save

当我们hexo clean hexo g hexo d三步走后，他就可以自动给你部署到GitHub上，然后我们就可以访问到了，但是部署服务器并不是什么文件都会上传到GitHub上的，比如：

这是我hexo d后GitHub上的文件，再看我本地端的文件

你会发现，少了一些文件，多了一些文件，当我们打开.gitignore文件后查看

1
2
3
4
5
6
7
8
.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/
.deploy*/
_multiconfig.yml

里面出现的文件和文件夹，都没有出现在GitHub上，这就是hexo插件（你安装hexo后安装的插件，后续看看要不要也写一篇hexo的教程和我走过的坑），在读取这个文件后，自动忽略部署了。

当然_config.yml也自带了忽略编译的文件选项：

skip_render就是你要忽略的文件，你可以自己决定要跳过哪些来减少你服务器的空间。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
跳过编译文件：
skip_render:   #部署时不包含的文件

#单个文件
skip_render: hello.html

#单个文件夹下全部文件
skip_render: test/* 

#单个文件夹下指定类型文件
skip_render: test/*.md  

#单个文件夹下全部文件以及子目录
skip_render: test/**  

#跳过多个目录，或者多个文件
skip_render: ['*.html', demo/**, test/*]

typora 写作技巧及常见快捷键

  • ctrl+u:选中的文本会出现下划线；

  • ctrl+b:选中的文本会加粗；

  • ctrl+shift+m:生成一个公式块；

  • shift+~:选中的文本会变身；

  • shift+$:选中的文本会变成\(行内公式\)；

  • shift+*:选中的文本会变成 斜体；再来一次就加粗；再来一次就是 加粗+斜体；

  • ==:高亮；但是博客好像不支持渲染，只有typora支持，可惜；

  • tab:可以对列表缩进，比如

    • 这个就是被缩进了；
    • 也可以回去tab+shift;

  • 就回去了。

  • ---:分隔符；

  • shift+方向键:选中文本；

总结

对于常见的用法和比较重要的东西已经放在这里，对于未来会继续补充完善，这就是博客的魅力！！

写作
#写作 #技巧
hexo的基础用法以及写作技巧汇总
https://yelelalearn.github.io/2024/04/07/hexo的基础用法以及写作技巧汇总/
作者
Yelearn
发布于
2024年4月7日
更新于
2024年4月7日
许可协议