前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >常用命令

常用命令

作者头像
爱编程的小明
发布2022-09-06 14:41:22
4310
发布2022-09-06 14:41:22
举报
文章被收录于专栏:小明的博客小明的博客

一些常用的命令

npm全局软件更新

代码语言:javascript
复制
# 清理NPM缓存
$ npm cache clean -f

# 全局安装版本检测、版本升级工具
$ npm install -g npm-check
$ npm install -g npm-upgrade

# 全局检测哪些模块可以升级,这里可以根据打印的提示信息,手动安装最新版本的模块
$ npm-check -g

# 全局更新模块
$ npm update -g

# 全局安装或更新Hexo的最新版本
$ npm install --global hexo

hexo 当前目录的软件更新

代码语言:javascript
复制
# 检测Hexo哪些模块可以升级
$ npm-check

# 更新package.json,一直回车即可
$ npm-upgrade

# 更新Hexo的模块
$ npm update --save

更新主题

代码语言:javascript
复制
npm update hexo-theme-butterfly

插入bilibili视频

代码语言:javascript
复制
<div style="position: relative; padding: 30% 45%;margin-top: 10px;margin-bottom: 10px"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?aid=67554570&bvid=BV1XJ411P7yW&cid=117115530&page=1&danmaku=0&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe></div>

butterfly tag plugins

外挂标签文档 文档里的标签外挂需要下载额外的插件,由于那个插件拖慢生成速度我给关闭掉了,感觉也不太会用复杂的标签,也可以尝试在引入某个特定标签,这个有空再折腾吧。

tabs

  • 语法
  • 参数介绍
代码语言:javascript
复制
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}
  • Unique name: 用于标识标签的唯一名称,必填
  • index: 用于指定默认显示的标签页,可选,默认为1,若为-1则不显示任何标签页
  • Tab caption: 用于标识标签页的标题,必填
  • @icon: 用于标识标签页的图标,可选

note

  • 简介
  • 通用设置
  • 用法 1
  • 用法 2(自定义 icon)

butterfly提供了两种不同的note形式,一种可以自定义icon,一种是为了编辑方便预先默认了一些icon。

修改 主题配置文件

代码语言:javascript
复制
note:
  # Note tag style values:
  #  - simple    bs-callout old alert style. Default.
  #  - modern    bs-callout new (v2-v3) alert style.
  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
  #  - disabled  disable all CSS styles import of note tag.
  style: simple
  icons: false
  border_radius: 3
  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
  # Offset also applied to label tag variables. This option can work with disabled note tag.
  light_bg_offset: 0

iconslight_bg_offset只对方法一生效

代码语言:javascript
复制
{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}

名称

用法

class

【可选】标识,不同的标识有不同的配色( default / primary / success / info / warning / danger )

no-icon

【可选】不显示 icon

style

【可选】可以覆盖配置中的 style (simple/modern/flat/disabled)

flat

代码语言:javascript
复制
{% note flat %}
默認 提示塊標籤
{% endnote %}

{% note default flat %}
default 提示塊標籤
{% endnote %}

{% note primary flat %}
primary 提示塊標籤
{% endnote %}

{% note success flat %}
success 提示塊標籤
{% endnote %}

{% note info flat %}
info 提示塊標籤
{% endnote %}

{% note warning flat %}
warning 提示塊標籤
{% endnote %}

{% note danger flat %}
danger 提示塊標籤
{% endnote %}

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

no-icon

代码语言:javascript
复制
{% note no-icon %}
默認 提示塊標籤
{% endnote %}

{% note default no-icon %}
default 提示塊標籤
{% endnote %}

{% note primary no-icon %}
primary 提示塊標籤
{% endnote %}

{% note success no-icon %}
success 提示塊標籤
{% endnote %}

{% note info no-icon %}
info 提示塊標籤
{% endnote %}

{% note warning no-icon %}
warning 提示塊標籤
{% endnote %}

{% note danger no-icon %}
danger 提示塊標籤
{% endnote %}

默認 提示塊標籤

default 提示塊標籤

primary 提示塊標籤

success 提示塊標籤

info 提示塊標籤

warning 提示塊標籤

danger 提示塊標籤

3.2.0 以上版本支持

代码语言:javascript
复制
{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}

名稱

用法

color

【可选】顔色 (default / blue / pink / red / purple / orange / green)

icon

【可选】可配置自定义 icon (只支持 fontawesome 图标, 也可以配置 no-icon )

style

【可选】可以覆盖配置中的 style(simple/modern/flat/disabled)

flat

代码语言:javascript
复制
{% note 'fab fa-cc-visa' flat %}
你是刷 Visa 還是 UnionPay
{% endnote %}
{% note blue 'fas fa-bullhorn' flat %}
2021年快到了....
{% endnote %}
{% note pink 'fas fa-car-crash' flat %}
小心開車 安全至上
{% endnote %}
{% note red 'fas fa-fan' flat%}
這是三片呢?還是四片?
{% endnote %}
{% note orange 'fas fa-battery-half' flat %}
你是刷 Visa 還是 UnionPay
{% endnote %}
{% note purple 'far fa-hand-scissors' flat %}
剪刀石頭布
{% endnote %}
{% note green 'fab fa-internet-explorer' flat %}
前端最討厭的瀏覽器
{% endnote %}

你是刷 Visa 還是 UnionPay

2021年快到了…

小心開車 安全至上

這是三片呢?還是四片?

你是刷 Visa 還是 UnionPay

剪刀石頭布

前端最討厭的瀏覽器

disabled

代码语言:javascript
复制
{% note 'fab fa-cc-visa' disabled %}
你是刷 Visa 還是 UnionPay
{% endnote %}
{% note blue 'fas fa-bullhorn' disabled %}
2021年快到了....
{% endnote %}
{% note pink 'fas fa-car-crash' disabled %}
小心開車 安全至上
{% endnote %}
{% note red 'fas fa-fan' disabled %}
這是三片呢?還是四片?
{% endnote %}
{% note orange 'fas fa-battery-half' disabled %}
你是刷 Visa 還是 UnionPay
{% endnote %}
{% note purple 'far fa-hand-scissors' disabled %}
剪刀石頭布
{% endnote %}
{% note green 'fab fa-internet-explorer' disabled %}
前端最討厭的瀏覽器
{% endnote %}

你是刷 Visa 還是 UnionPay

2021年快到了…

小心開車 安全至上

這是三片呢?還是四片?

你是刷 Visa 還是 UnionPay

剪刀石頭布

前端最討厭的瀏覽器

wowjs

flip动画效果。

折叠框

  • 标签语法
  • 配置参数
  • 样式预览
代码语言:javascript
复制
{% folding 参数(可选), 标题 %}
![](https://bu.dusays.com/2022/05/19/628533399e7a1.jpg)
{% endfolding %}
  1. 颜色:blue, cyan, green, yellow, red
  2. 状态:状态填写 open 代表默认打开。

查看嵌套测试

查看嵌套测试2

查看嵌套测试3

hahaha

参考文档:

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-06-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一些常用的命令
    • npm全局软件更新
      • hexo 当前目录的软件更新
        • 更新主题
        • 插入bilibili视频
        • butterfly tag plugins
          • tabs
            • note
              • wowjs
                • 折叠框
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档