hexo常用命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

hexo init      初始化一个本地文件夹为网站的根目录

hexo clean     命令用于清理缓存文件
hexo c         简写


hexo generate  生成静态文件
hexo g         简写


hexo server    启动本地服务器 可以先在线预览
hexo s         简写
	           可以加一些参数
	           -p    选项,指定服务器端口,默认为 4000
	           -i    选项,指定服务器 IP 地址,默认为 0.0.0.0
	           -s    选项,静态模式 ,仅提供 public 文件夹中的文件并禁用文件监视

hexo deploy    部署到github网站
hexo d         简写

hexo new post "文章标题"        新建文章命令 目录位置../source/_posts/ 
hexo new page search           创建文件夹

在线预览 默认:127.0.0.1:4000   进阶版本命令
hexo cl && hexo g && hexo s
上传github服务器
hexo g && hexo d

首页图片

1
<img src="http://cdn-hw-static.shanhutech.cn/bizhi/staticwp/202212/6a67c8b1f6cdae8bc92fbd85e9f15967--1346859535.jpg" alt="" style="width:100%" />

标题

1
2
3
4
## 标题1
### 标题2
#### 标题3
##### 标题4

代码设置

1
需要上下输入 ``` 包裹住代码

URL跳转

1
2
Welcome to [Hexo](https://hexo.io/)!

文章模板

post.md

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
---
title: {{ title }}
date: {{ date }}
categories: #文章类别
sticky: 1 #文章置顶
cover: #设置图片
tags: # 标签
- 学习ing
- hexo样式学习
- 教程
---
<img src="http://自定义封面图片" alt="" style="width:100%" /> 
简介:

## 小标题
```
代码块
```

上传文件到Github的一套流程

1
2
3
4
5
6
hexo c
hexo g && hexo s
ssh -T git@github.com
 显示 Hi XXX! You've successfully authenticated, but GitHub does not provide shell access.
 成功
hexo cl && hexo g && hexo d

小风车美化

效果如下

H1

H1

H2

H3

H4

H5
H6

方法如下

修改主题配置文件_config.butterfly.yml文件的beautify配置项:

1
2
3
4
inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
      - <link rel="stylesheet" href="/css/custom.css">

在../themes/butterfly/source/css/custom.css添加下面代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/* 文章页H1-H6图标样式效果 */
/* 控制风车转动速度 1s那里可以自己调节快慢 */
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
   -webkit-animation: ccc 1s linear infinite; 
   animation: ccc 1s linear infinite; 
}

/* 控制风车转动方向 -1turn 为逆时针转动,1turn 为顺时针转动,相同数字部分记得统一修改 */
@-webkit-keyframes ccc {
   0% { 
       -webkit-transform: rotate(0deg); 
       transform: rotate(0deg); 
   } 
   to { 
      -webkit-transform: rotate(-1turn); 
      transform: rotate(-1turn); 
   } 
}
@keyframes ccc {
   0% { 
      -webkit-transform: rotate(0deg); 
      transform: rotate(0deg); 
   } 
   to { 
      -webkit-transform: rotate(-1turn); 
      transform: rotate(-1turn); 
   } 
}

/* 设置风车颜色 */
#content-inner.layout h1::before { 
   color: #ef50a8; 
   margin-left: -1.55rem; 
   font-size: 1.3rem; 
   margin-top: -0.23rem; 
}
#content-inner.layout h2::before { 
   color: #fb7061; 
   margin-left: -1.35rem; 
   font-size: 1.1rem; 
   margin-top: -0.12rem; 
}
#content-inner.layout h3::before { 
   color: #ffbf00; 
   margin-left: -1.22rem; 
   font-size: 0.95rem; 
   margin-top: -0.09rem; 
}
#content-inner.layout h4::before { 
   color: #a9e000; 
   margin-left: -1.05rem; 
   font-size: 0.8rem; 
   margin-top: -0.09rem; 
}
#content-inner.layout h5::before {
   color: #57c850;
   margin-left: -0.9rem; 
   font-size: 0.7rem; 
   margin-top: 0rem; 
}
#content-inner.layout h6::before {
   color: #5ec1e0; 
   margin-left: -0.9rem; 
   font-size: 0.66rem; 
   margin-top: 0rem; 
}