1.hexo的一些指令

本地预览

hexo s

配置文件和主题

hexo g
**清空 hexo g **

生成的内容
hexo clean

标题名称
hexo new post 标题名称

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的美化和修改（已经换蝴蝶主题）

截断点

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

图标

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

文章点击量

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>
<% } %>
<!--显示阅读次数完毕-->

插入图片

npm install hexo-asset-image –save

打开blog的_cofig.yml修改

post_asset_folder: true

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

总文章数

将*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>

不蒜子

在 themes\yilia\layout_partial\after-footer.ejs最后添加
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

修改 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蝴蝶主题

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

5蝴蝶主题的美化

2022/6/17

隐藏文章

npm install hexo-generator-indexed
---
title: example
hide: true
---

7月7日更新

更新背景的流星雨

Hexo博客 | 如何让你的博客拥有星空背景和流星特效 | Justlovesmile's BLOG

修改非夜间模式启用将js写成两份

一份文件关键词dark，一份都是light

目前来看我的个人博客美化的已经差不多了吧

7月11日更新

夜间模式切换动画

实现白天夜晚切换动画

7/17

修改了右键小部件，写了点好玩的小彩蛋hhhh

在原有作者的前提下修改了菜单切换夜间模式效果夜间模式颜色
首页文章卡片修改

8.6

D:\kagura blog\kagura_blog\themes\butterfly\source\css_layout\sidebar.styl

    right: -($sidebar-width)-5px
    //这边我不知道弄什么操作了 -5px

我的Blog美化日记——Hexo+Butterfly | Guo Le's Blog

目录CONTENT

博客的搭建记录