下雨の波比

前言NVIDIA Triton™ 推理服务器作为 NVIDIA AI 平台的关键组件之一，集成于 NVIDIA AI Enterprise 中，是一款开源软件工具，旨在标准化AI模型在各类工作负载中的部署与执行流程。 其核心特性包括： 广泛的框架兼容性：Triton 支持 TensorFlow、Pytorch、TensorRT、ONNX Runtime 等多种深度学习框架，并支持自定义后端。这种灵活性让用户能够根据项目需求选择最适合的框架。 卓越的推理性能：利用 TensorRT 和 GPU 的强大功能，Triton 提供了高效的推理服务，非常适合需要高实时性的应用场景，如自动驾驶技术。 多样化的部署方案：无论是单机环境还是多机集群，亦或是容器化部署，Triton 都能完美适应，为用户提供灵活的选择。 强大的多模型处理能力：支持同时部署多个深度学习模型，并为每个模型提供独立的服务端点。 便捷的 API 接口：通过 RESTful API，客户端应用可以轻松地与 Triton...

参考链接：hexo+butterfly主题利用css部署网站鼠标指针样式 瞎子自己中意的鼠标指针，推荐 致美化网站 进行下载。 将 cursor 格式 .cur 的鼠标指针图片放入到 hexo_blog\themes\butterfly\source\cur 路径下，这里我放了正常移动的 normal.cur 和点击链接的 link.cur，后续可以根据需求进行添加。 在本地 styles\css 目录下创建 cursors.css 并将以下代码复制粘贴到 cursors.css 进行保存 123456789body { cursor:url('/cur/normal.cur'), default; } a, link { cursor:url('/cur/link.cur'), default; } 在站点配置文件 _config.butterfly.yml 中找到 inject，在 head 处引入该文件： 1- <link...

教程链接：Butterfly修改字体 这里以阿里妈妈数黑体iconfont-阿里巴巴矢量图标库为例进行演示。 下载后得到文件 我们选择 AlimamaShuHeiTi-Bold.ttf 文件放入到我们的项目中。在 source/styles 目录下新建文件夹 fonts/，把 AlimamaShuHeiTi-Bold.ttf 放入到 fonts 文件夹下。 之后，在 styles/css/font.css 目录下，新建 font.css 文件，文件内容如下： 12345@font-face { font-family: 'AlimamaShuHeiTi'; font-display: swap; src: url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');} 字体文件有 ttf, woff, woff2, otf 多种格式，ttf 对应的格式是 truetype，woff2 对应的格式是...

Vue3 的路由系统 vue-router 是构建单页面应用（SPA）的核心工具，支持 hash 和 history 两种工作模式，提供无刷新的 URL 变化。它允许通过字符串路径或路径对象两种方式定义路由链接，并且支持嵌套路由来创建分层视图结构。vue-router 提供了灵活的路由传参机制，包括 query 参数和 params 参数，以及通过 props 配置直接将路由参数传递给组件的能力。replace 方法和属性使得在不添加新历史记录条目的情况下进行导航成为可能，而编程式路由导航则允许开发者通过 JavaScript 代码控制页面跳转，结合导航守卫实现复杂的导航逻辑。 综上，vue-router 不仅功能丰富，灵活高效，而且通过组合式 API 和简洁的设计，简化了路由管理和导航控制，适用于从简单到复杂的各种 Web 应用程序开发需求。 概述在 Vue 框架中，路由（route）是指一组键值对（key-value）的关系，它将 URL 路径与特定的组件关联起来。多个路由规则通常由一个称为路由器（router）的管理器来处理，这个管理器负责根据当前的 URL...

记录一下 Vue3 的学习笔记。 Vue3 核心语法点击跳转 至 Vue3 核心语法 Vue3 路由点击跳转 至 Vue3 路由

Vue3 核心语法围绕响应式系统、组件化开发和组合式 API 创建，通过 <script setup> 简化模板编写，利用 ref 和 reactive 实现数据的响应式绑定，借助 computed 和 watch 处理派生数据和副作用。此外，Vue3 引入了更强大的生命周期钩子，大幅提升了开发效率和应用性能。 OptionsAPI 与 CompositionAPI Vue2 的 API 设计是 Options （配置）风格的 Vue3 的 API 设计师 Composition （组合）风格的 Options API 用于 Vue2 及之前的版本，通常用于组织 Vue 组件的代码。Options API 将一个组件分割成了几个部分，如data、computed、methods、watch等，使得组件的逻辑可以分而治之，易于理解和维护。但随着项目的复杂度增加，Options API 逐渐显示出一些不足之处，如代码重复、逻辑难以复用等。 Composition API 是 Vue3 引入的全新特性，它使用一种全新的方式来组织 Vue 组件的代码。与 Options...

在 Butterfly 主题下，使用 live2d 插件在右下角添加白猫。 首先安装模块，输入以下命令安装必要插件： 1npm install --save hexo-helper-live2d 安装白猫模型： 1npm install live2d-widget-model-tororo 打开站点配置文件 config.yml，搜索 live2d，按照如下注释内容指示进行操作： 1234567891011121314151617181920212223242526# Live2D## https://github.com/EYHN/hexo-helper-live2dlive2d: enable: true scriptFrom: local # 默认 pluginModelPath: assets/ # 模型文件相对与插件根目录路径 model: use: live2d-widget-model-tororo # 模型名字 scale: 1 hHeadPos: 0.5 vHeadPos: 0.618 display: ...

教程链接：Hexo侧边栏添加文章合集 侧边栏添加文章合集模块，可以提供一个系列文章的整体展示，便于导航到一个具体的内容 首先，在 \themes\butterfly\layout\includees\widget 目录下新建 card_collections.pug 文件，并写入： 12345678if theme.aside.card_collections.enable .card-widget .item-headline i(class=theme.aside.card_collections.icon) span=theme.aside.card_collections.title each item in site.data.collections.collections .collections-item-content a(href=item.url)=item.name 在 \themes\butterfly\layout\includees\widget\index.pug 文件中 page...

教程链接：Hexo小标题旋转风车设置 找到主题配置文件 _config.butterfly.yml 把 beautify 的 title-prefix-icon 处修改为 \f863 123beautify: enable: true title-prefix-icon: '\f863' 在 inject 的 head 处引入以下文件： 123inject: head: - "<style>#article-container.post-content h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { -webkit-animation: avatar_turn_around 1s linear infinite; -moz-animation: avatar_turn_around 1s linear infinite; -o-animation: avatar_turn_around 1s linear infinite;...

教程链接：Hexo添加雪花动态效果背景 首先在 source/styles/js 目录下新建一个 snowflake.js 文件，然后将以下内容写入该文件，然后将以下内容写入该文件： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { //...