Welcome to my Blog!

Git

git config命令预先配置好相关的用户信息

1
2
git config --global user.name "你的名字或昵称"
git config --global user.email "你的邮箱"

常用的命令

1
2
3
4
5
git branch -a #查看当前分支
git checkout master #切换到想要操作的分支master
git add . #将当前目录所有文件添加到git暂存区
git commit -m $(date +%Y-%m-%d-%H:%M:%S) #提交并备注提交信息
git push origin master #将本地提交推送到远程仓库想要的分支master

Quick Start

安装的插件

网址转拼音插件

安装
1
npm i hexo-permalink-pinyin --save
配置及使用

在根目录中的_config.yml中国添加

1
2
3
4
# 网站 文字转拼音
permalink_pinyin:
  enable: true
  separator: "_" # default: '-'

hexo-electric-clock 电子时钟插件

安装
1
npm i hexo-electric-clock --save
配置及使用

不是主题的yml文件

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
electric_clock:
  priority: 5
  enable: true
  enable_page: all
  layout:
    type: class
    name: sticky_layout
    index: 0
  temple_html: '
  <div class="card-widget card-clock">
    <!-- 挂载容器 -->
    <div class="card-glass">
      <div class="card-background">
        <div class="card-content">
          <div id="hexo_electric_clock">
            <img
              id="card-clock-loading"
              src="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-clock/clock/images/weather/loading.gif"
              style="height: 120px; width: 100%;"
              data-ll-status="loading"
              class="entered loading"
            />
          </div>
        </div>
      </div>
    </div>
  </div>'

Chart动态图标插件

安装
1
npm install hexo-tag-chart --save
配置及使用
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
<!--fontColor:数据颜色-->
<!--padding:上下左右填充-->
<!--suggestedMin:最小值-->
{% p center logo large, Hello😜 %}

***

{% p center h1, 一个用JS开发的硬件工程师 😋 %}

{% p center small, 雷达图看不到刷新刷新就好啦 %}

{% chart 100% 300 %}
{
  type: 'radar',
  data: {
    labels: ['C', 'Python', 'HTML', 'micropython', 'ESP8266', 'ESP32', 'STM32', 'SCT15', '微信小程序'],
    datasets: [{
    label: '值',
    backgroundColor: '#9400D377',
    borderColor: '#9400D3',
    data: [20, 50, 40, 80, 40, 80, 55, 55, 10],
    lineTension: 0.2,
    pointStyle: 'rectRounded',
    pointHoverBackgroundColor: '#FFFFFF'
    }]
  },
  options: {
    legend: {
        labels: {
            fontColor: '#9400D3', <!--数据颜色-->
            fontSize: 12,
            FontFamily: ''
        }
    },
    layout: {
      padding: { <!--上下左右填充-->
        left: 0,
        right: 0,
        top: 0,
        bottom: 0
      }
    },
    responsive: true,
    title: {
      display: true,
      text: 'My dataset'
    },
    scale: {
        angleLines: {
            display: true
        },
        ticks: {
            suggestedMin: 0,    <!--最小值-->
            suggestedMax: 80  <!--最大值-->
        }
    }
  }
}
{% endchart %}


Hexo-neat插件优化提升访问效率

安装
1
npm install hexo-neat --save

博客根目录文件_config.yml文末添加如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# hexo-neat
# md博文压缩
neat_enable: true
# 压缩html（ejs，swig等也属于html格式片段）
neat_html:
  enable: true
  exclude:
# 压缩css  
neat_css:
  enable: true
  exclude:
# 压缩js
neat_js:
  enable: true
  mangle: true #打印日志
  output:
  compress:
  exclude: #排除文件
许可协议

本文采用 署名-非商业性使用-相同方式共享 4.0 国际 许可协议，转载请注明出处。

分享文章

快来参与讨论吧~