对hexo的记录

1.hexo的一些指令

本地预览

hexo s

配置文件和主题

hexo g
**清空 hexo g **

生成的内容
hexo clean

标题名称
hexo new post 标题名称

1
2
3
categories: 
-
cover: 图标

2.Typora和Hd的使用方法

typora的快捷键

1.段落

  • 标题:Ctrl+1/2/3/4/5
  • 段落:Ctrl+0
  • 增大标题级别:Ctrl+=
  • 减少标题级别:Ctrl±
  • 表格:Ctrl+T
  • 代码块:Ctrl+Shift+K
  • 公式块:Ctrl+Shift+M
  • 引用:Ctrl+Shift+Q
  • 有序列表:Ctrl+Shift+[
  • 无序列表:Ctrl+Shift+]
  • 增加缩进:Ctrl+]
  • 减少缩进:Ctrl+[

2.格式

  • 加粗:Ctrl+B
  • 斜体:Ctrl+I
  • 下划线:Ctrl+U
  • 代码:Ctrl+Shift+`
  • 删除线:Alt+Shift+5
  • 超链接:Ctrl+K
  • 图像:Ctrl+Shift+I
  • 清除样式:Ctrl+

3.部分常用的

标题:Ctrl+1、2、3…对应一、二、三…级标题(光标定位到需要设置为标题的行,按快捷键)
加粗:Ctrl+B(选中要加粗的文本,按快捷键)
斜体:Ctrl+I(选中要设置斜体的文本,按快捷键)
下划线:Ctrl+U(选中要加下划线的文本,按快捷键)
删除线:Alt+Shift+5(选中要加删除线的文本,按快捷键)
代码片段:Ctrl+Shift+`(选中要设置为代码片段的文本,按快捷键)
代码块:Ctrl+Shift+K(任意位置按快捷键,选择编程语言然后在代码块中输入代码)
切换到下一行:Ctrl+Enter(任意位置按快捷键,在代码块中可以跳出代码块另起一行)
链接:Ctrl+K(先复制链接,然后选中要加链接的文本,按快捷键。Ctrl+左键点击文本可跳转到对应链接)
取消格式:再次按相同的快捷键即可
有序列表:数字+点+空格
任务列表:加号或减号+空格
切换到列表下一行:Space+Enter
嵌套列表:按Tab键
退出列表:按 Shift+Tab
插入表格:Ctrl+T
引用:输入>后面加空格,或者Ctrl+Shift+Q

3.yilia的美化和修改(已经换蝴蝶主题)

标签


1
2
3
4
5
6
tags:
- 小工具
- hexo
- yilia
---
或者tags: [xx,xxxx]

截断点

1
2
# 在博客md文件中,设置截断位置
<!--more-->

图标

1
`theme/yilia/source`目录下添加`favicon.ico`图片

文章点击量

1
2
3
4
5
6
7
8
9
10
11
12
13
14
themes/yilia/layout/_partial/article.ejs
<%- partial('post/title', {class_name: 'article-title'}) %>
后面加入
<!--显示阅读次数-->
<% if (!index && post.comments){ %>
<br/>
<a class="cloud-tie-join-count" href="javascript:void(0);" style="color:gray;font-size:14px;">
<span class="icon-sort"></span>
<span id="busuanzi_container_page_pv" style="color:#ef7522;font-size:14px;">
阅读数: <span id="busuanzi_value_page_pv"></span>&nbsp;&nbsp;
</span>
</a>
<% } %>
<!--显示阅读次数完毕-->

插入图片

1
npm install hexo-asset-image –save

打开blog的_cofig.yml修改

1
post_asset_folder: true

新建文章的时候自动生成文章名字.filenname,将图片放入

总文章数

1
2
3
4
5
6
7
8
9
将*themes\yilia\layout_partial*left-col.ejs文件的

<nav class="header-menu">
<ul>
<% for (var i in theme.menu){ %>
<li><a href="<%- url_for(theme.menu[i]) %>"><%= i %></a></li>
<%}%>
</ul>
</nav>

不蒜子

1
2
在 themes\yilia\layout_partial\after-footer.ejs最后添加
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
1
2
3
4
5
6
7
8
9
10
11
修改 themes\yilia\layout\_partial\footer.ejs,包括访客数和站点访问总量

# PV方式,单个用户连续点击 n 篇,记录 n 次记录值
<span id="busuanzi_container_site_pv"> 本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>

# UV方式,单个用户连续点击 n 篇,记录 1 次记录值
<span id="busuanzi_container_site_uv"> 本站访客数<span id="busuanzi_value_site_uv"></span>人次</span>

单篇
# 使用 pv 记录方式,每访问一次,记录一次
<span id="busuanzi_container_page_pv"> 本文总阅读量<span id="busuanzi_value_page_pv"></span>次</span>

4蝴蝶主题

1
2
3
4
5
6
7
8
npm install hexo-generator-index-pin-top --save安装置顶

md文件内部的配置
top: 1000
//数字越大置顶在前面
//这个也是z
sticky:
comments: true 添加上这个,如果这篇文章不需要评论改为false,默认开启

Butterfly主题美化日记 | Akilarの糖果屋

Hexo+Butterfly主题美化 | 唐先森の博客 (tzy1997.com)

Hexo 博客之 butterfly 主题优雅魔改系列 | 小康博客 (antmoe.com)

Butterfly主题外挂标签(个人常用) | Hassan’s Blog (hassanwong.top)

Search | Font Awesome 图标网站11

2022/6/17

隐藏文章

1
2
3
4
5
npm install hexo-generator-indexed
---
title: example
hide: true
---