基于Hexo和Butterfly创建个人技术博客，(10) 使用Butterfly的Tags Plugin插件增强博客文章内容和视觉表现力

news2025/1/11 4:16:06

Butterfly官方网站，请 点击进入
说明：

  1. 前面已经提过Hexo自创了Tag Plugin内容标签，Butterflay主题在此基础上又扩展了一些。本文就详细讲解下这些标签带来哪些额外的功能和UI方面的强化；

本章目标：
掌握butterfly扩展的标签，有选择的使用来增强博客网站的表现力

一、Front-matter配置

在hexo框架中并没有把matter进行分类，此处是butterfly主题的增强功能。Front-matter 是 markdown 文件最上方以---分隔的区域，用于设置单个文章的参数。分为两类：

page

示例如下，对应的是文件是 scaffolds/page.md

---
title: {{ title }}
date: {{ date }}
reward:
description:
top_img: 
comments: false
---
参数说明
title【必需】页面标题
date【必需】页面创建日期
type【必需】标签、分类和友情链接三个页面需要配置
updated页面更新日期
description页面描述 重要
keywords页面关键字重要
comments显示页面评论模块 (默认 true)
top_img頁面頂部圖片，如果不需要显示可设置成false，否则会显示默认值重要
mathjax显示mathjax (当设置mathjax的per_page: false时，才需要配置，默认 false)
katex显示katex (当设置katex的per_page: false时，才需要配置，默认 false)
aside显示侧边栏 (默认 true) 重要
aplayer在需要的页面加载aplayer的js和css,请参考文章下面的 音乐 配置
random配置友情链接是否随机排序（默认为 false)

post

---
title: {{ title }}
date: {{ date }}
tags:
categories:
keywords:
description:
top_img:
cover:
comments: false
---
参数说明
title【必需】文章標題
date【必需】文章創建日期
updated文章更新日期
tags文章標籤重要
categories文章分類重要
keywords文章關鍵字重要
description文章描述重要
top_img文章頂部圖片，如果不需要显示可设置成false，否则会显示默认值
cover文章縮略圖(如果沒有設置top_img,文章頁頂部將顯示縮略圖，可設為false/圖片地址/留空)
comments顯示文章評論模塊(默認 true)
toc顯示文章TOC(默認為設置中toc的enable配置)
toc_number顯示toc_number(默認為設置中toc的number配置)
toc_style_simple顯示 toc 簡潔模式
copyright顯示文章版權模塊(默認為設置中post_copyright的enable配置)
copyright_author文章版權模塊的文章作者
copyright_author_href文章版權模塊的文章作者鏈接
copyright_url文章版權模塊的文章連結鏈接
copyright_info文章版權模塊的版權聲明文字
mathjax顯示mathjax(當設置 mathjax 的 per_page: false 時，才需要配置，默認 false )
katex顯示 katex (當設置 katex 的 per_page: false 時，才需要配置，默認 false )
aplayer在需要的頁面加載 aplayer 的 js 和 css,請參考文章下面的音樂 配置
highlight_shrink配置代碼框是否展開(true/false)(默認為設置中 highlight_shrink 的配置)
aside顯示側邊欄 (默認 true) 重要
abcjs加載 abcjs (當設置 abcjs 的 per_page: false 時，才需要配置，默認 false )

二、交互

此部分内容，其它在前面hexo章节中已经描述过了，但这块内容比较重要，为了加深印象再次总结一下。

源码在/source根目录下

/archives/ 方式引用

插入外部链接

语法结构如下：

#自动给外部链接添加 target="_blank" 属性
{% link text url [external] [title] %}

插入内部链接

在使用此标签时可以忽略文章文件所在的路径或者文章的永久链接信息、如语言、日期，语法结构是：

{% post_path filename %}
{% post_link filename [title] [escape] %}

操作方法是：

  1. 在任意位置创建一个与标签中 filename 的值同名的 .md 文件；
  2. 然后定义标签
# 这需要创建一个名为hexo-3-8-released的文件，比如/source/_posts/hexo-3-8-released.MD
{% post_link hexo-3-8-released %} #链接使用文章的标题,只显示 hexo-3-8-released
{% post_link hexo-3-8-released '通往文章的链接' %} #链接使用自定义文字
{% post_link hexo-3-8-released 'How to use <b> tag in title' %} #对标题的特殊字符进行转义,原样显示
{% post_link hexo-3-8-released '<b>bold</b> custom title' false %} #禁止对标题的特殊字符进行转义

在页面显示如下，点击后会直接跳转到hexo-3-8-released.md页面，不管解析后真正路径是啥：
在这里插入图片描述

abbrlink插件用法

_post目录中的文件生成规则由配置permalink: :year/:month/:day/:title/决定，即源码和最终的.html文件所在位置不同，有两种解决方安：

  1. 可通过看下.md的date属性，然后再匹配permalink规则来书写源码。
  2. hexo g一下看下最终目录。

但以上无论哪种试只在date值发生修改都会导致问题。所以建议采用addrlink插件，这个插件可配置为只对_posts目录生效，方法是：

  1. 安装插件 npm install hexo-abbrlink --save
  2. 修改_config.yml中的值：
# permalink: posts/:abbrlink.html
permalink: posts/:abbrlink/
abbrlink:
  alg: crc32
  rep: hex
  drafts: false
  auto_category:
    enable: true
    depth: #3(default)
    over_write: false
  auto_title: false
  auto_date: false
  force: false
  1. 使用hex new 命令时会在.md文件的Front-matter中添加一个abbrlink属性，如下：
---
title: test1
abbrlink: 8ab2dce2
date: 2023-06-09 19:52:54
tags:
---
  1. 在其它页面处就可以这样引入了，下面是导航栏的引入方式，可对比下这两种方式；
---
    测试2: /posts/8ab2dce2/ || fas fa-tags
    快速開始: /2023/06/08/test/
---

此时运行hexo g可以看到生成的目录结构如下：
在这里插入图片描述

一、Butterflay Tag Plugins

标签不是标准的Markdown格式。以下的写法只适用于Butterfly主题，用在其它主题上不会有效果，甚至可能会报错。使用前请留意标签外挂虽然能为主题带来一些额外的功能和UI方面的强化，但是，标签外挂也有明显的限制，使用时请留意。

note - 带图标的引用块

在原blockqute基础上添加了图标功能。

note:
  style: simple  #simple、modern、flat、disabled
  icons: false
  border_radius: 3
  light_bg_offset: 0

使用方法1

{% 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）

{% note simple %} 默认 提示块标签 {% endnote %}

{% note default simple %} default 提示块标签 {% endnote %}

{% note primary simple %} primary 提示块标签 {% endnote %}

{% note success simple %} success 提示块标签 {% endnote %}

{% note info simple %} info 提示块标签 {% endnote %}

{% note warning simple %} warning 提示块标签 {% endnote %}

{% note danger simple %} danger 提示块标签 {% endnote %}

使用方法2-自定义Icon

{% 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）

{% note 'fab fa-cc-visa' simple %}你是刷 Visa 還是 UnionPay{% endnote %}

{% note blue 'fas fa-bullhorn' simple %}2021年快到了....{% endnote %}

{% note pink 'fas fa-car-crash' simple %}小心開車 安全至上{% endnote %}

{% note red 'fas fa-fan' simple%}這是三片呢？還是四片？{% endnote %}

{% note orange 'fas fa-battery-half' simple %}你是刷 Visa{% endnote %}

{% note purple 'far fa-hand-scissors' simple %}剪刀石頭布{% endnote %}

{% note green 'fab fa-internet-explorer' simple %}前端最討厭的瀏覽器{% endnote %}

在这里插入图片描述

galleryGroup-相册图库

一个图库集合。图库页面只是普通的页面，要 hexo n page xxxxx 创建你的页面就行。然后添加以下代码。语法格式如下：

<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
</div>

name：图库名字
description：图库描述
link：连接到对应相册的地址
img-url：图库封面的地址

//hexo n page grallery  --> /source/grallery/index.md
<div class="gallery-group-main">
{% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %}
{% galleryGroup '漫威' '关于漫威的图片' '/grallery/manwei' https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg %}
</div>

gallery-本地相册

图库页面只是普通的页面，要 hexo n page xxxxx 创建你的页面就行，语法格式如下：

{% gallery [lazyload],[rowHeight],[limit] %}
markdown 图片格式
{% endgallery %}

lazyload：【可选】点击按钮加载更多图片，填写 true/false，默认为 false。
rowHeight：【可选】图片显示的高度，如果需要一行显示更多的图片，默认为 220。
limit：【可选】每次加载多少张照片。默认为 10。
比如：{% gallery true,220,10 %} {% gallery true,10 %}

//hexo new page --path grallery/manwei "manwei"--> /source/grallery/manwei.md

{% gallery %} 
![](https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg)
![](https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg)
{% endgallery %}

gallery-远程相册

创建过程如下，只是语法有些不太一样，如下：

{% gallery url,[link],[lazyload],[rowHeight],[limit] %}
{% endgallery %}
参数说明
url【必须】 固定值
link【必须】远程的 json 链接

例子如下：

{% gallery url, https://xxxx.com/sss.json %}
{% endgallery %}

[
  {
    "url": "https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/IMG_0556.jpg",
    "alt": "IMG_0556.jpg",
     "title": "這是title"
  }
  {
    "url": "https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/IMG_0931.jpg",
    "alt": ""
  }
]

tag-hide-点击展示信息

如果你想把一些文字、内容隐藏起来，并提供按钮让用户点击显示。可以使用这个标签外挂，比如用于敏感信息的展示等功能。

Inline

{% hideInline content,display,bg,color %}

content: 文本內容，只限文字，( content不能包含英文逗號，可用&sbquo;)
display: 按鈕顯示的文字(可選)
bg: 按鈕的背景顏色(可選)
color: 按鈕文字的顏色(可選)

哪個英文字母最酷？ {% hideInline 因為西裝褲(C裝酷),查看答案,#FF7242,#fff %}
門裏站着一個人? {% hideInline 閃 %}

在这里插入图片描述
block
独立的block隐藏内容，可以隐藏很多内容，包括图片，代码块等等( display 不能包含英文逗号，可用‚)

{% hideBlock display,bg,color %}
content
{% endhideBlock %}

content: 文本內容，无限制
display: 按鈕顯示的文字(可選)
bg: 按鈕的背景顏色(可選)
color: 按鈕文字的顏色(可選)

查看答案
{% hideBlock 查看答案 %}
傻子，怎麼可能有答案
{% endhideBlock %}

toggle
如果你需要展示的内容太多，可以把它隐藏在收缩框里，需要时再把它展开。( display 不能包含英文逗号，可用‚)

{% hideToggle display,bg,color %}
content
{% endhideToggle %}

{% hideToggle Butterfly安裝方法 %}
在你的博客根目錄裏
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
如果想要安裝比較新的dev分支，可以
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly

在这里插入图片描述

mermaidl图表

使用mermaid标签可以绘制Flowchart（流程图）、Sequence diagram（时序图 ）、Class Diagram（类别图）、State Diagram（状态图）、Gantt（甘特图）和Pie Chart（圆形图），具体可以查看mermaid文檔，修改 主題配置文件

# mermaid
# see https://github.com/mermaid-js/mermaid
mermaid:
  enable: true
  # built-in themes: default/forest/dark/neutral
  theme:
    light: default
    dark: dark

{% mermaid %}
pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5
{% endmermaid %}

tabs-标签

语法如下所示：

{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}

{% tabs test1 %}  # {% tabs test1, 3 %}，预选第三个页

<!-- tab --> #展示名字test1 1
**This is Tab 1.**
<!-- endtab -->

<!-- tab 相册@fab fa-apple-pay --> #自定义了图标和名称，展示名字相册
**This is Tab 2.**
<!-- endtab -->

<!-- tab 我的名字-->  #自定义了名称，展示名字 我的名字
**This is Tab 3.**
<!-- endtab -->

{% endtabs %}

button-按钮

语法如下：

{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}

[url]         : 链接
[text]        : 按钮文字
[icon]        : [可选] 图标
[color]       : [可选] 按钮背景顔色(默认style时）
                      按钮字体和边框顔色(outline时)
                      default/blue/pink/red/purple/orange/green
[style]       : [可选] 按钮样式 默认实心
                      outline/留空
[layout]      : [可选] 按钮佈局 默认为line
                      block/留空
[position]    : [可选] 按钮位置 前提是设置了layout为block 默认为左边
                      center/right/留空
[size]        : [可选] 按钮大小
                      larger/留空

例子

This is my website, click the button {% btn 'https://butterfly.js.org/',Butterfly %}
This is my website, click the button {% btn 'https://butterfly.js.org/',Butterfly,far fa-hand-point-right %}
This is my website, click the button {% btn 'https://butterfly.js.org/',Butterfly,,outline %}
This is my website, click the button {% btn 'https://butterfly.js.org/',Butterfly,far fa-hand-point-right,outline %}
This is my website, click the button {% btn 'https://butterfly.js.org/',Butterfly,far fa-hand-point-right,larger %}

在这里插入图片描述

inlineImg-内联图片

主题中的图片都是默认以块级元素显示，如果你想以内联元素显示，可以使用这个标签。语法格式如下：

{% inlineImg [src] [height] %}

[src]      :    图片链接
[height]   ：   图片高度限制【可选】

我覺得很漂亮 {% inlineImg https://i.loli.net/2021/03/19/5M4jUB3ynq7ePgw.png 150px %}

在这里插入图片描述

label-高亮显示文字

语法格式如下：

{% label text color %}

text：文字
color：【可选】背景颜色，默认为default, 可选的有default/blue/pink/red/purple/orange/green

示例如下：

臣亮言：{% label 先帝 %}創業未半，而{% label 中道崩殂 blue %}。

在这里插入图片描述

timeline-时间线

可以有多个<!-- timeline title>语法格式如下：

{% timeline title,color %}
<!-- timeline title -->
content
<!-- endtimeline -->
{% endtimeline %}

text：标题/时间线
color：timeline 颜色default(留空) / blue / pink / red / purple / orange / green

例子如下：

{% timeline 2022 %}
<!-- timeline 01-02 -->
這是测试頁面
<!-- endtimeline -->
{% endtimeline %}

在这里插入图片描述

flink- 页面内插入友情链接

可在任何界面插入类似友情链接列表效果，内容格式与友情链接界面一样，ygifc格式如下：

{% flink %}
content
{% endflink %}

例子如下：

{% flink %}
- class_name: 友情鏈接
  class_desc: 那些人，那些事
  link_list:
    - name: JerryC
      link: https://jerryc.me/
      avatar: https://jerryc.me/img/avatar.png
      descr: 今日事,今日畢
    - name: Hexo
      link: https://hexo.io/zh-tw/
      avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
      descr: 快速、簡單且強大的網誌框架

- class_name: 網站
  class_desc: 值得推薦的網站
  link_list:
    - name: Youtube
      link: https://www.youtube.com/
      avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png
      descr: 視頻網站
    - name: Weibo
      link: https://www.weibo.com/
      avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png
      descr: 中國最大社交分享平台
    - name: Twitter
      link: https://twitter.com/
      avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
      descr: 社交分享平台
{% endflink %}

abcjs-乐谱解析

语法结构如下：

{% score %}
乐谱代码，
{% endscore %}

例子

修改 主題配置文件

abcjs:
  enable: true
  per_page: true

{% score %}
X:1
T:alternate heads
M:C
L:1/8
U:n=!style=normal!
K:C treble style=rhythm
"Am" BBBB B2 B>B | "Dm" B2 B/B/B "C" B4 |"Am" B2 nGnB B2 nGnA | "Dm" nDB/B/ nDB/B/ "C" nCB/B/ nCB/B/ |B8| B0 B0 B0 B0 |]
%%text This translates to:
[M:C][K:style=normal]
[A,EAce][A,EAce][A,EAce][A,EAce] [A,EAce]2 [A,EAce]>[A,EAce] |[DAdf]2 [DAdf]/[DAdf]/[DAdf] [CEGce]4 |[A,EAce]2 GA [A,EAce] GA |D[DAdf]/[DAdf]/ D[DAdf]/[DAdf]/ C [CEGce]/[CEGce]/ C[CEGce]/[CEGce]/ |[CEGce]8 | [CEGce]2 [CEGce]2 [CEGce]2 [CEGce]2 |]
GAB2 !style=harmonic![gb]4|GAB2 [K: style=harmonic]gbgb|
[K: style=x]
C/A,/ C/C/E C/zz2|
w:Rock-y did-nt like that
{% endscore %}

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/655831.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

LightningChart .NET 10.5.1 Crack LightningChart 2023

LightningChart .NET 10.5.1 Crack LightningChart 2023

LightningChart .NET v.10.5.1 已经发布&#xff01; DataCursor 和 3D TransparencyRenderMode 现在可用。 为所有 3D、Polar 和 Smith 系列启用 DataCursor 在早期阶段&#xff0c;LightningChart 提供了不同的工具&#xff0c;需要用户编写额外的代码才能启用数据跟踪功能。…
阅读更多...
phpstudy免费下载

phpstudy免费下载

phpstudy免费下载 phpstudy是一个可以在本地建站的php环境软件链接: https://pan.baidu.com/s/1vfi-gy3juYBUjGz_Cq2gHg 提取码: 1234链接: http://120.26.240.154:8888/down/5Sx9yB0s0HS3.zip phpstudy是一个可以在本地建站的php环境软件 百度网盘分享 链接: https://pan.ba…
阅读更多...
Session和Cookie，你真的弄清了吗？

Session和Cookie，你真的弄清了吗？

Session和Cookie Session和Cookie Session和Cookiecookiecookie的生命周期cookie作用域 Sessionsession的生命周期session作用域 cookie和session安全性 为什么需要cookie和session&#xff1f;在web系统发展变迁时&#xff0c;web发展时随着需求的不断增多&#xff0c;交互的存…
阅读更多...
Ceph：关于Ceph 集群中池管理的一些笔记

Ceph：关于Ceph 集群中池管理的一些笔记

写在前面 准备考试&#xff0c;整理 Ceph 相关笔记博文内容涉及, Ceph 中的 两种 pool 介绍&#xff0c;创建操作管理池理解不足小伙伴帮忙指正 对每个人而言&#xff0c;真正的职责只有一个&#xff1a;找到自我。然后在心中坚守其一生&#xff0c;全心全意&#xff0c;永不停…
阅读更多...
java公益网站系统Myeclipse开发mysql数据库web结构jsp编程计算机网页项目wap

java公益网站系统Myeclipse开发mysql数据库web结构jsp编程计算机网页项目wap

一、源码特点 java 公益网站系统是一套完善的java web wap信息管理系统&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发&#xff0c;数据库为Mysql5.0&…
阅读更多...
Ceph：关于Ceph 集群管理的一些笔记

Ceph：关于Ceph 集群管理的一些笔记

写在前面 准备考试&#xff0c;整理ceph 相关笔记博文内容涉及&#xff0c;Ceph 管理工具 cephadm&#xff0c;ceph 编排器&#xff0c;Ceph CLI 和 Dashboard GUI 介绍理解不足小伙伴帮忙指正 对每个人而言&#xff0c;真正的职责只有一个&#xff1a;找到自我。然后在心中坚守…
阅读更多...
Android插件化框架-Shadow原理解析

Android插件化框架-Shadow原理解析

作者&#xff1a;dennyz 1、前言 所谓插件化&#xff0c;是实现动态化的一种具体的技术手段。 对于移动端的App而言&#xff0c;无论是Android还是iOS&#xff0c;都存在一个共同的问题&#xff0c;那就是更新的周期较长。 当我们希望快速为App更新功能时&#xff0c;必须经…
阅读更多...
Docker Desktop启动失败解决方案（亲侧出坑总结）

Docker Desktop启动失败解决方案（亲侧出坑总结）

现在有些东西网上资料开始变少了。需要自己去总结。有些技术呢又因为分享变得门槛低。今天这个是关于windows下的docker desktop无法启动的问题集锦。卷吧。 背景&#xff1a;应业务需要所以需要在个人电脑上安装docker环境。desktop docker是官方标准的windows下安装工具。 …
阅读更多...
6.7面向对象的多态

6.7面向对象的多态

7. 面向对象特征三&#xff1a;多态性 概念 多态是面向对象程序设计&#xff08;OOP&#xff09;的一个重要特征&#xff0c;指同一个实体同时具有多种形式&#xff0c;即同一个对象&#xff0c;在不同时刻&#xff0c;代表的对象不一样&#xff0c;指的是对象的多种形态。 变…
阅读更多...
副业变现：Midjourney绘画赚钱的6种方式

副业变现：Midjourney绘画赚钱的6种方式

今年被称为AI元年&#xff0c;其中最火的两款AI工具非ChatGpt和Midjourney莫属。究其原因&#xff0c;无非两点&#xff1a;第一&#xff0c;它提高了生产力&#xff0c;之前需要两年完成的工作&#xff0c;使用ChatGpt两天就完成。 第二&#xff0c;它带来了副业收入&#xff…
阅读更多...
短视频seo源代码部署步骤

短视频seo源代码部署步骤

一、 部署短视频SEO矩阵系统源代码&#xff0c;您需要遵循以下步骤&#xff1a; 准备服务器环境 首先&#xff0c;您需要准备一个服务器环境来托管源代码。您可以选择云服务器&#xff08;例如AWS&#xff0c;阿里云等&#xff09;或自己的私人服务器。 安装所需软件 在服务器…
阅读更多...
Android系统Binder详解

Android系统Binder详解

Android系统启动篇 1&#xff0c;《android系统启动流程简介》 2&#xff0c;《android init进程启动流程》 3&#xff0c;《android zygote进程启动流程》 4&#xff0c;《Android SystemServer进程启动流程》 5&#xff0c;《android launcher启动流程》 6&#xff0c;…
阅读更多...
visual studio编译c++问题处理

visual studio编译c++问题处理

严重性 代码 说明 项目 文件 行 禁止显示状态 错误 C2760 语法错误: 意外的令牌“标识符”&#xff0c;预期的令牌为“;” 严重性 代码 说明 项目 文件 行 禁止显示状态 错误 C7510 “string_view”: 类型 从属名称的使用必须…
阅读更多...
RocketMQ_介绍以及基础入门

RocketMQ_介绍以及基础入门

目录 一、什么是MQ 1、应用解耦 2、流量削峰 3、数据分发 二、MQ的优缺点 三、各种MQ产品的对比 四、RocketMQ快速入门(单机版本) 一、什么是MQ 在学习RocketMQ之前&#xff0c;我们先来了解什么是MQ&#xff0c;以及为什么要用MQ。MQ的英文全称是&#xff08;Massage Q…
阅读更多...
2023首届盘古石杯晋级赛复盘

2023首届盘古石杯晋级赛复盘

晋级赛通排61&#xff0c;学生组39&#xff0c;折在大小写格式上的题太多了qaq 容器密码&#xff1a;usy1UN2Mmgram&^d?0E5r9myrk!cmJGr Android程序分析 1.涉案应用刷刷樂的签名序列号是(答案格式&#xff1a;123ca12a)(★☆☆☆☆) 11fcf899 雷电APP跑的时候前面加…
阅读更多...
LeetCode 2481. 分割圆的最少切割次数

LeetCode 2481. 分割圆的最少切割次数

【LetMeFly】2481.分割圆的最少切割次数 力扣题目链接&#xff1a;https://leetcode.cn/problems/minimum-cuts-to-divide-a-circle/ 圆内一个 有效切割 &#xff0c;符合以下二者之一&#xff1a; 该切割是两个端点在圆上的线段&#xff0c;且该线段经过圆心。该切割是一端…
阅读更多...
【Flutter】Flutter 如何使用 flutter_swiper

【Flutter】Flutter 如何使用 flutter_swiper

文章目录 一、前言二、flutter_swiper 的概念三、Flutter 中的 flutter_swiper1. 使用的库2. 方法介绍 四、代码示例1. 简单示例2. 完整示例 五、总结 一、前言 在移动应用开发中&#xff0c;轮播图是一种常见的 UI 元素&#xff0c;它可以用来展示一系列的图片或者内容。在 F…
阅读更多...
ACL 2023 | 利用思维链（CoT）推理隐式情感，狂涨50%

ACL 2023 | 利用思维链（CoT）推理隐式情感，狂涨50%

©PaperWeekly 原创 作者 | 费豪 单位 | 新加坡国立大学 题目&#xff1a; Reasoning Implicit Sentiment with Chain-of-Thought Prompting 作者&#xff1a; 费豪&#xff0c;李波波&#xff0c;刘乾&#xff0c;邴立东⁴&#xff0c;李霏&#xff0c;Chua Tat-Seng 新加…
阅读更多...
聚观早报|青年失业率处在高位；滴滴租车在全国300个城市上线服务

聚观早报|青年失业率处在高位；滴滴租车在全国300个城市上线服务

今日要闻&#xff1a;青年失业率处在高位&#xff1b;滴滴租车在全国300个城市上线服务&#xff1b;特斯拉提供三个月免费充电服务&#xff1b;苹果新专利Apple Watch&#xff1b;甲骨文宣布裁员数百人 青年失业率处在高位 6 月 15 日&#xff0c;国新办举行 5 月份国民经济运…
阅读更多...
signoz调研部署及log收集体验

signoz调研部署及log收集体验

这里是weihubeats,觉得文章不错可以关注公众号小奏技术&#xff0c;文章首发。拒绝营销号&#xff0c;拒绝标题党 背景 最近一直在调研监控、log收集&#xff0c;tracing相关的开源项目&#xff0c;以便使用。 前段时间一直调研使用的是skywalking。后来发现在log收集存储这一…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023