当前位置: 首页 > news >正文

Typecho博客使用阿里云cdn和oss:handsome主题进阶版

Typecho使用阿里云cdn和oss

      • 设置前需要保证阿里云cdn和oss已配置好且可以正常使用
      • 一、准备工作
      • 二、修改 Handsome 主题的静态资源链接
        • 方法 1:直接修改主题文件(推荐)
        • 方法 2:通过主题设置自定义(方便)
      • 三、处理特殊资源
        • 1. 字体文件(如 .woff2)
        • 2. 懒加载占位图
      • 四、验证与调试
      • 五、使用typecho插件自动上传文件
      • 六、备份与回滚
      • 六、自动化同步(可选)
      • 七、常见问题
        • Q1:修改后页面布局错乱
        • Q2:CDN 缓存未更新
      • 八、常见错误分析与解决(补充)
        • 问题:资源404错误
        • 问题:OSS 403 Forbidden错误
        • 问题:CDN缓存与刷新
        • 问题:site.webmanifest语法错误

设置前需要保证阿里云cdn和oss已配置好且可以正常使用

一、准备工作

  1. 确认 OSS 资源已同步

    • 将主题的静态资源(CSS/JS/图片/字体)上传到 OSS Bucket,路径与本地保持一致。
      例如:将 /usr/themes/handsome/assets 同步到 OSS 的 /handsome/asserts
      在这里插入图片描述
  2. 验证 OSS 访问权限

    • 确保通过 https://static.blog.ybyq.wang/handsome/css/style.css 可直接访问文件。

二、修改 Handsome 主题的静态资源链接

方法 1:直接修改主题文件(推荐)
  1. 定位资源引用位置
    Handsome 主题的静态资源主要在以下文件中定义:

    • /usr/themes/handsome/component/header.php:头部 CSS/JS 引用。
    • /usr/themes/handsome/component/footer.php:底部 JS 引用。
    • /usr/themes/handsome/css//js//img/ 等目录下的文件。
  2. 替换资源域名

    • 打开 header.phpfooter.php,查找类似代码:
      <link rel="stylesheet" href="<?php $this->options->themeUrl('css/style.css'); ?>">
      <script src="<?php $this->options->themeUrl('js/main.js'); ?>"></script>
      
    • 修改为绝对路径,指向 OSS 地址:
      <link rel="stylesheet" href="https://static.blog.ybyq.wang/usr/themes/handsome/css/style.css">
      <script src="https://static.blog.ybyq.wang/usr/themes/handsome/js/main.js"></script>
      
  3. 版本化控制(可选)

    • 在 URL 后添加版本号,强制浏览器刷新缓存:
      <link rel="stylesheet" href="https://static.blog.ybyq.wang/usr/themes/handsome/css/style.css?v=20231001">
      
方法 2:通过主题设置自定义(方便)
  1. 利用 Handsome 的 CDN 设置功能
    • 登录 Typecho 后台,进入 外观 > Handsome 主题设置 > 基础设置
    • 查找 静态资源 CDN 地址自定义 CSS/JS 链接 选项,填写 OSS 地址:
      https://static.blog.ybyq.wang/handsome/assets
      
    • 保存设置后,主题会自动拼接路径(Handsome主题支持此功能)。
      后台设置

三、处理特殊资源

1. 字体文件(如 .woff2)
  • 修改字体文件路径,通常位于 CSS 文件中:
    /* 原代码 */
    @font-face {src: url('../fonts/iconfont.woff2') format('woff2');
    }/* 修改后 */
    @font-face {src: url('https://static.blog.ybyq.wang/usr/themes/handsome/fonts/iconfont.woff2') format('woff2');
    }
    
2. 懒加载占位图
  • 主题设置 > 外观设置 > 懒加载 中,将默认占位图替换为 OSS 地址(这个开启后会自动添加):
    https://static.blog.ybyq.wang/handsome/img/loading.gif
    

四、验证与调试

  1. 浏览器开发者工具

    • 打开 https://blog.ybyq.wang,按 F12 进入开发者工具,切换到 Network 选项卡。
    • 检查所有 CSS/JS/图片/字体请求是否来自 static.blog.ybyq.wang,状态码为 200304
  2. 强制刷新缓存

    • Ctrl+F5 强制刷新页面,避免本地缓存干扰。
  3. 混合内容警告

    • 确保所有 OSS 资源链接为 https://,若存在 http:// 请求,浏览器会提示不安全,需修正为 HTTPS。

五、使用typecho插件自动上传文件

  1. 使用插件AliOssForTypecho
    在这里插入图片描述

  2. 插件中的AccessKey在阿里云控制台中创建
    在这里插入图片描述

  3. 在阿里oss建立好usr/uploads/文件夹,使用插件上传后的图片会存储在里面
    在这里插入图片描述

  4. F5重载网站,检查图片路径是否为阿里云oss的路径
    在这里插入图片描述
    控制台显示,路径为https://static.blog.ybyq.wang/usr/uploads/,引用成功。


六、备份与回滚

  1. 备份主题文件
    • 修改前,将 /usr/themes/handsome/ 目录整体压缩备份。
  2. 快速回滚
    • 若修改后页面异常,直接上传备份文件恢复即可。

六、自动化同步(可选)

  1. 使用 ossutil 工具同步
    # 将本地主题资源实时同步到 OSS
    ossutil sync -u /www/wwwroot/blog.ybyq.wang/usr/themes/handsome/ oss://blog-static-ybyq/usr/themes/handsome/ --delete
    
  2. 宝塔面板定时任务
    • 添加 Shell 脚本,每天凌晨同步一次:
      ossutil64 cp -r /www/wwwroot/blog.ybyq.wang/usr/themes/handsome/ oss://blog-static-ybyq/usr/themes/handsome/ --update
      

使用这种同步方式需保持两边路径相同


七、常见问题

Q1:修改后页面布局错乱
  • 原因:资源路径错误或 OSS 文件未同步。
  • 解决
    1. 检查浏览器控制台报错信息,确认缺失的文件。
    2. 核对 OSS 中文件路径是否与代码中的引用一致。
    3. 检查目录名字是否正确
Q2:CDN 缓存未更新
  • 解决:在阿里云 CDN 控制台手动刷新对应文件的缓存,或在 URL 后添加版本号(如 ?v=20231002)。

通过以上步骤,Handsome 主题的静态资源将全部通过 OSS + CDN 加速,显著提升加载速度并降低服务器负载。


八、常见错误分析与解决(补充)

问题:资源404错误

错误示例:

GET https://blog.ybyq.wang/usr/themes/handsome/assets/js/main.min.js net::ERR_ABORTED 404 (Not Found)
GET https://blog.ybyq.wang/usr/themes/handsome/assets/css/main.min.css net::ERR_ABORTED 404 (Not Found)

解决方法

  1. 路径不一致问题:检查主题设置和OSS中的路径格式是否一致

    • 可能存在 /usr/themes/handsome/assets//handsome/assets/ 两种不同路径
    • 建议统一为一种路径格式,推荐使用与本地相同的完整路径 /usr/themes/handsome/assets/
  2. 修改主题设置

    • 进入 Handsome 主题设置 > 基础设置
    • 确认"静态资源CDN地址"填写完整路径:https://static.blog.ybyq.wang/usr/themes/handsome
    • 如果使用简化路径,确保OSS中的目录结构与之匹配
  3. 检查OSS中的文件是否已上传

    • 登录阿里云OSS控制台,确认所有静态资源文件都已正确上传
    • 测试直接访问OSS中的文件,例如:https://static.blog.ybyq.wang/usr/themes/handsome/assets/js/main.min.js
问题:OSS 403 Forbidden错误

错误示例:

GET https://static.blog.ybyq.wang/handsome/assets/js/features/jquery.pjax.min.js net::ERR_ABORTED 403 (Forbidden)

解决方法

  1. 检查Bucket权限设置

    • 登录OSS控制台
    • 选择您的Bucket > 权限管理 > 读写权限
    • 确保设置为"公共读"(推荐)或"公共读写"
  2. 检查Referer防盗链设置

    • 选择您的Bucket > 权限管理 > 防盗链
    • 如果启用了防盗链,确保添加了 blog.ybyq.wang 到白名单
    • 或者暂时关闭防盗链测试
  3. 检查CORS跨域设置

    • 选择您的Bucket > 权限管理 > 跨域设置
    • 添加规则:来源 https://blog.ybyq.wang,允许的方法 GET,允许的头 *
问题:CDN缓存与刷新

当修复问题后,CDN可能仍然提供旧的缓存内容,导致问题持续存在。

解决方法

  1. 手动刷新CDN缓存

    • 登录阿里云CDN控制台
    • 选择"刷新预热" > “刷新”
    • 添加需要刷新的URL或目录:
      • URL刷新: https://static.blog.ybyq.wang/usr/themes/handsome/assets/js/main.min.js
      • 目录刷新: https://static.blog.ybyq.wang/usr/themes/handsome/
  2. 添加版本号

    • 修改资源引用URL,添加版本参数强制浏览器获取新版本:
    <link rel="stylesheet" href="https://static.blog.ybyq.wang/usr/themes/handsome/assets/css/main.min.css?v=20250428">
    
问题:site.webmanifest语法错误

错误示例:

Manifest: Line: 1, column: 1, Syntax error.

解决方法

  1. 检查webmanifest文件

    • 在服务器上找到并打开 site.webmanifest 文件
    • 确保是有效的JSON格式
    • 基本格式应类似:
    {"name": "博客名称","short_name": "简称","icons": [{"src": "/icon-192x192.png","sizes": "192x192","type": "image/png"},{"src": "/icon-512x512.png","sizes": "512x512","type": "image/png"}],"theme_color": "#ffffff","background_color": "#ffffff","display": "standalone"
    }
    
  2. 如果不需要此功能,可以在主题中禁用:

    • 编辑 /usr/themes/handsome/component/header.php
    • 找到引用 site.webmanifest 的行,注释掉或删除

补充说明:如果网站仍然间歇性错乱,建议检查是否存在多个CDN配置冲突,或者是否启用了浏览器缓存(Service Worker)相关功能。有时候需要清除浏览器缓存并强制刷新(Ctrl+F5)来测试最新配置是否生效。


作者:xuan
个人博客:https://blog.ybyq.wang
欢迎访问我的博客,获取更多技术文章和教程。

相关文章:

Typecho博客使用阿里云cdn和oss:handsome主题进阶版

Typecho使用阿里云cdn和oss 设置前需要保证阿里云cdn和oss已配置好且可以正常使用一、准备工作二、修改 Handsome 主题的静态资源链接方法 1&#xff1a;直接修改主题文件&#xff08;推荐&#xff09;方法 2&#xff1a;通过主题设置自定义&#xff08;方便&#xff09; 三、处…...

知识体系_用户研究_用户体验度量模型

1 用户体验度量常见模型 1.1 满意度(CSAT/PSAT) CSAT(Customer Satisfaction)指客户满意度&#xff0c;PAST(Product Satisfaction)指产品满意度。顾名思义&#xff0c;其用于衡量客户对产品或服务的体验度量指标。在用户完成某个产品或某项服务的体验后&#xff0c;对其进行…...

邮件分类特征维度实验分析

活动发起人小虚竹 想对你说&#xff1a; 这是一个以写作博客为目的的创作活动&#xff0c;旨在鼓励大学生博主们挖掘自己的创作潜能&#xff0c;展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴&#xff0c;那么&#xff0c;快来参加吧&#xff01…...

Linux服务之Nginx服务部署及基础配置

目录 一.Nginx介绍 1.Nginx功能介绍 2.基础特性 3.Web服务相关的功能 4.I/O模型相关概念 5.nginx模块 6.Nginx文件存放位置 7.Nginx事件驱动模型 二.平滑升级及信号使用 1.Nginx 程序当作命令使用 2.信号类型 3.平滑升级nginx 4.回滚 三.Nginx调优 1.隐藏版本号或…...

Centos小白之在CentOS8.5中安装Rabbitmq 3.10.8

注意事项 安装以及运行等其他操作&#xff0c;要使用root账号进行&#xff0c;否则会遇到很多麻烦的事情。 使用命令行进行远程登录 ssh root192.168.0.167 安装make 执行安装命令 yum -y install make gcc gcc-c kernel-devel m4 ncurses-devel openssl-devel这里有可能会…...

基于单片机的游泳馆智能管理系统设计与实现

标题:基于单片机的游泳馆智能管理系统设计与实现 内容:1.摘要 随着游泳馆规模的不断扩大和管理需求的日益提高&#xff0c;传统的管理方式已难以满足高效、精准的管理要求。本文旨在设计并实现一种基于单片机的游泳馆智能管理系统。采用单片机作为核心控制单元&#xff0c;结合…...

深度相机(一)——深度相机模型及用途介绍

一、深度相机概述 深度相机&#xff0c;又称 3D 相机&#xff0c;是一种能够获取场景中物体深度信息&#xff08;即物体到相机的距离&#xff09;的设备。与传统相机只能拍摄二维平面图像不同&#xff0c;深度相机不仅能记录物体的颜色和纹理&#xff0c;还能通过特定技术手段测…...

【Torch】nn.Conv1d、nn.Conv2d、nn.Conv3d算法详解

1. nn.Conv1d 1.1 输入&#xff08;Input&#xff09;和输出&#xff08;Output&#xff09; 输入张量 形状&#xff1a;(batch_size, in_channels, length) batch_size&#xff1a;一次过网络的样本数in_channels&#xff1a;每个样本的通道数&#xff08;特征维度&#xff0…...

Android WebRTC回声消除

文章目录 安卓可用的回声消除手段各种回声消除技术优缺点WebRTC回声消除WebRTC回声消除回声消除处理流程WebRTC AECM APP 安卓可用的回声消除手段 硬件回声消除 使用 AudioRecord 的 VOICE_COMMUNICATION 模式&#xff1a;通过 AudioRecord 的 VOICE_COMMUNICATION 音频源可以…...

[Linux运维] [Ubuntu/Debian]在Lightsail Ubuntu服务器上安装Python环境的完整指南

在之前的教程中&#xff0c;我们已经讲过如何开通亚马逊Lightsail服务器并安装宝塔面板。今天&#xff0c;我们来进一步补充&#xff1a;如何在Lightsail上的Ubuntu/Debian系统中安装和配置Python开发环境。 本教程不仅适用于Lightsail服务器&#xff0c;也适用于所有使用Ubunt…...

2025医疗领域AI发展五大核心趋势与路线研究

引言 人工智能技术正在全球范围内深刻改变医疗服务的提供方式,推动全球医疗的普惠化、技术合作、产业升级以及公共卫生防控发生巨变[0]。医疗AI的浪潮奔涌向前,从2024年开始,生成式AI的爆发式发展更是将医疗AI推到了新的十字路口[1]。在这一背景下,本报告将深入探讨医疗领…...

【学习笔记】机器学习(Machine Learning) | 第六周|过拟合问题

机器学习&#xff08;Machine Learning&#xff09; 简要声明 基于吴恩达教授(Andrew Ng)课程视频 BiliBili课程资源 文章目录 机器学习&#xff08;Machine Learning&#xff09;简要声明 摘要过拟合与欠拟合问题一、回归问题中的过拟合1. 欠拟合&#xff08;Underfit&#x…...

【MQ篇】RabbitMQ之惰性队列!

目录 引言&#xff1a;当“生产”大于“消费”&#xff0c;队列就“胖”了&#xff01;肥宅快乐队列&#xff1f;&#x1f914;队列界的“躺平”大师&#xff1a;惰性队列&#xff08;Lazy Queues&#xff09;驾到&#xff01;&#x1f634;如何“激活”你的队列的“惰性”属性…...

计算机视觉——通过 OWL-ViT 实现开放词汇对象检测

介绍 传统的对象检测模型大多是封闭词汇类型&#xff0c;只能识别有限的固定类别。增加新的类别需要大量的注释数据。然而&#xff0c;现实世界中的物体类别几乎无穷无尽&#xff0c;这就需要能够检测未知类别的开放式词汇类型。对比学习&#xff08;Contrastive Learning&…...

第二部分:网页的妆容 —— CSS(下)

目录 6 布局基础&#xff1a;Display 与 Position - 元素如何排列和定位6.1 小例子6.2 练习 7 Flexbox 弹性布局&#xff1a;一维布局利器7.1 小例子7.2 练习 8 Grid 网格布局&#xff1a;强大的二维布局系统8.1 小例子8.2 练习 9 响应式设计与媒体查询&#xff1a;适应不同设备…...

vite项目tailwindcss4的使用

1、安装taillandcss 前几天接手了一个项目&#xff0c;看到别人用tailwindcss节省了很多css代码的编写&#xff0c;所以自己也想在公司项目中接入tailwindcss。 官网教程如下&#xff1a; Installing Tailwind CSS with Vite - Tailwind CSS 然而&#xff0c;我在vite中按…...

css中:is和:where 伪函数

在 CSS 里&#xff0c;:is() 属于伪类函数&#xff0c;其作用是对一组选择器进行匹配&#xff0c;只要元素与其中任何一个选择器相匹配&#xff0c;就可以应用对应的样式规则。以下是详细介绍&#xff1a; 基本语法 :is() 函数的参数是一个或多个选择器&#xff0c;各个选择器之…...

线下零售数据采集:在精度与效率之间寻找平衡点

线下零售数据采集&#xff1a;在精度与效率之间寻找平衡点 为什么线下零售必须重视数据采集&#xff1f; 随着零售行业竞争加剧&#xff0c;门店执行的标准化与透明化成为供应链协作、销售提升的基础工作。 POG&#xff08;陈列执行规范&#xff09;的落地效果、陈列策略的调整…...

【Robocorp实战指南】Python驱动的开源RPA框架

目录 前言技术背景与价值当前技术痛点解决方案概述目标读者说明 一、技术原理剖析核心概念图解核心作用讲解关键技术模块说明技术选型对比 二、实战演示环境配置要求核心代码实现案例1&#xff1a;网页数据抓取案例2&#xff1a;Excel报表生成 运行结果验证 三、性能对比测试方…...

新ubuntu物理机开启ipv6让外网访问

Ubuntu 物理机 SSH 远程连接与 IPv6 外网访问测试指南 1. 通过 SSH 远程连接 Ubuntu 物理机 1.1 安装 SSH 服务 sudo apt update sudo apt install openssh-server1.2 检查 SSH 服务状态 sudo systemctl status ssh确认出现 active (running)。 1.3 获取物理机 IP 地址 i…...

驱动开发硬核特训 │ Regulator 子系统全解

一、Regulator子系统概述 在 Linux 内核中&#xff0c;Regulator 子系统是专门用于管理电源开关、电压调整、电流控制的一套完整框架。 它主要解决以下问题&#xff1a; 设备需要的电压通常不一样&#xff0c;如何动态调整&#xff1f;有些设备休眠时需要关闭供电&#xff0…...

入门版 鸿蒙 组件导航 (Navigation)

入门版 鸿蒙 组件导航 (Navigation) 注意&#xff1a;使用 DevEco Studio 运行本案例&#xff0c;要使用模拟器&#xff0c;千万不要用预览器&#xff0c;预览器看看 Navigation 布局还是可以的 效果&#xff1a;点击首页&#xff08;Index&#xff09;跳转到页面&#xff08…...

怎样将visual studio 2015开发的项目 保存为2010版本使用

用的老旧电脑跑vs2015太慢了&#xff0c;实在忍不了了&#xff01; 想把用 Visual Studio 2015 的做的项目保存为 Visual Studio 2010 兼容的格式&#xff0c;以后都使用2010写了。自己在网上搜了一下&#xff0c;亲测以下步骤可以的 手动修改解决方案和项目文件 修改解决方案…...

【学习笔记】软件测试流程-测试设计阶段

软件测试设计阶段这个阶段主要工作是编写测试用例。 什么是测试用例&#xff1f; 测试用例&#xff08;TestCase&#xff09;是为项目需求而编制的一组测试输入、执行条件以及预期结果&#xff0c;以便测试某个程序是否满足客户需求。简而言之&#xff0c;测试用例是每一个测…...

Rust 学习笔记:关于切片的两个练习题

Rust 学习笔记&#xff1a;关于切片的两个练习题 Rust 学习笔记&#xff1a;关于切片的两个练习题引用和切片引用的大小以下程序能否通过编译&#xff1f; Rust 学习笔记&#xff1a;关于切片的两个练习题 参考视频&#xff1a; https://www.bilibili.com/video/BV1GrDQYeEzS…...

BeeWorks企业内部即时通讯软件支持国产化,已在鸿蒙系统上稳定运行

一、企业用户面临的困境与痛点 一些企业用的即时通讯软件比较旧&#xff0c;存在的问题不仅影响了日常工作的正常开展&#xff0c;也阻碍了企业信息化建设的进程&#xff1a; ● 国产系统与移动端不兼容&#xff1a;仅支持Windows和MAC系统&#xff0c;无法在银河麒麟、统信U…...

java对文字按照语义切分

实现目标 把一段文本按照一个完整的一句话为单元进行切分。如&#xff1a;以逗号&#xff0c;感叹号结尾看作是一个句子。 实现方案 StanfordCoreNLP切分 引入依赖 <dependency><groupId>edu.stanford.nlp</groupId><artifactId>stanford-corenlp<…...

华纳云:centos如何实现JSP页面的动态加载

JSP(JavaServer Pages)作为Java生态中常用的服务器端网页技术&#xff0c;具有动态内容生成、可扩展性强、与Java无缝结合等优势。 而CentOS作为一款稳定、高效、安全的Linux服务器操作系统&#xff0c;非常适合部署JSP应用。 想要让JSP页面实现动态更新加载&#xff0c;避免…...

Android 消息队列之MQTT的使用(二):会话+消息过期机制,设备远程控制,批量控制实现

目录 一、实际应用场景 室内温湿度数据上传设备远程控制批量控制实现 二、会话管理、消息过期设置 4.1 会话管理 Clean Session参数 新旧会话模式对比典型应用场景 4.2 消息过期设置 MQTT 5.0消息过期机制 Message Expiry Interval属性QoS级别影响 三、实际应用场景 …...

一、JVM基础概念

一、JVM的设计目标 一次编译&#xff0c;到处运行(跨平台) ➔ Java编译成字节码&#xff0c;由JVM在不同平台解释/编译执行&#xff0c;实现跨平台。 内存管理与垃圾回收 ➔ JVM统一负责内存分配和回收&#xff0c;降低内存泄漏的风险。 性能优化 ➔ JIT&#xff08;即时编译…...

深度学习---Pytorch概览

一、PyTorch 是什么&#xff1f; 1. 定义与定位 开源深度学习框架&#xff1a;由 Facebook&#xff08;Meta&#xff09;AI 实验室开发&#xff0c;基于 Lua 语言的 Torch 框架重构&#xff0c;2017 年正式开源&#xff0c;主打动态计算图和易用性。核心优势&#xff1a;灵活…...

第33周JavaSpringCloud微服务 分布式综合应用

第33周JavaSpringCloud微服务 分布式综合应用 一、分布式综合应用概述 分布式知识体系内容广泛&#xff0c;主要包括分布式事务、分布式锁、RabbitMQ等消息中间件的应用以及跨域问题的解决。 1.1 课程重点内容介绍 分布式事务 &#xff1a;在大型项目中普遍存在&#xff0c;…...

Paramiko 完全指南

目录 Paramiko 概述核心功能与模块框架安装与依赖基础用法与案例详解 SSH 连接与命令执行密钥认证SFTP 文件传输交互式会话端口转发 高级功能与实战技巧常见问题与解决方案总结与资源推荐 1. Paramiko 概述 是什么&#xff1f; Paramiko 是一个纯 Python 实现的 SSHv2 协议库…...

夜莺监控V8(Nightingale)二进制部署教程(保姆级)

夜莺监控部署 前置工作 1. 部署好mysql 2. 部署好redis 3. 部署好prometheus夜莺压缩包下载 本教程基于Centos7系统下的二进制方式部署&#xff0c;先去官网进行压缩包下载 在系统创建/opt/n9etest目录,并将压缩包拖进目录 mkdir /opt/n9etest进入/opt/n9etest&#xff0…...

鸿蒙应用开发 知识点 官网快速定位表

ArkTS 语言介绍 ArkTS 语言介绍 基础入门 资源分类与访问 添加组件(基础组件) 显示图片 (Image) 按钮 (Button) 单选框 (Radio) 切换按钮 (Toggle) 进度条 (Progress) 视频播放 (Video) 使用文本 文本显示 (Text/Span) 文本输入 (TextInput/TextArea) 使用弹窗 使用弹…...

【神经网络与深度学习】两种加载 pickle 文件方式(joblib、pickle)的差异

引言 从深度学习应用到数据分析的多元化需求出发&#xff0c;Python 提供了丰富的工具和模块&#xff0c;其中 pickle 和 joblib 两种方式在加载数据文件方面表现尤为突出。不同场景对性能、兼容性以及后续处理的要求不尽相同&#xff0c;使得这两种方式各显优势。本文将通过深…...

quickbi finebi 测评(案例讲解)

quickbi & finebi 测评 国产BI中入门门槛比较低的有两个&#xff0c;分别是quickbi和finebi。根据我的经验通过这篇文章做一个关于这两款BI的测评文章。 quickbi分为个人版、高级版、专业版、私有化部署四种。这篇文章以quickbi高级版为例&#xff0c;对quickbi进行分享。…...

vue的生命周期 以及钩子

最早可以在created 时调用后端接口获取数据&#xff0c;因为beforecreated的时候 那个data 都还还是初始化出来 修改数据的时候触发 update 案例1&#xff1a;create 案例2:一进来页面获取搜索框焦点 echarts 饼图渲染 初始化dom后才去准备实例&#xff0c;所以必须要在dom之后…...

Mariadb 防火墙服务器和端口:mysql | 3306

Centos7 Mariadb 理解&#xff1a;Mariadb数据库就类似于我们生活中常见的Excel。 主要工作原理就是我们创造一个数据库其中创造一个数据表再在数据表中输入内容&#xff0c;分为三类。在详细点就是打开Excel&#xff08;数据库&#xff09;&#xff0c;我们在其中加入…...

爬虫学习笔记(二)--web请求过程

Web请求全过程&#xff08;重要&#xff09; 从输入完网址&#xff08;如输入百度网址&#xff09;到返回页面以及页面中的数据这一完整的过程发生了什么事情&#xff1f; 服务器端渲染 在服务器端直接把数据和html整合&#xff0c;统一返回给浏览器&#xff0c;在页面源代码…...

开发vue项目所需要安装的依赖包

在开发Vue项目时&#xff0c;通常需要安装以下几个核心依赖包&#xff1a;1、Vue CLI、2、Vue Router、3、Vuex、4、Axios。这些依赖包可以确保你的Vue项目拥有基础的功能和良好的开发体验。接下来&#xff0c;我们将详细介绍每个依赖包的作用、安装方法以及使用案例。 一、VUE…...

Java SE(4)——方法详解

1.方法的概念&使用 1.1 什么是方法&#xff1f; Java中的方法类似于C语言中的函数&#xff0c;是用于执行特定任务的代码块。 那么用方法组织起来的代码块和普通的代码相比有什么优势呢&#xff1f; 1.当代码规模较大且应用场景较为复杂时&#xff0c;方法能够模块化地组…...

网络安全实战指南:从安全巡检到权限维持的应急响应与木马查杀全(命令查收表)

目录 一、安全巡检的具体内容 1. 巡检的频率与目标是什么 2. 巡检的内容是什么以及巡检后如何加固 二、Windows环境下应急响应的主要流程 1. 流程概述及每个步骤详细解释 步骤1&#xff1a;隔离与遏制 步骤2&#xff1a;识别与分析 步骤3&#xff1a;清除与恢复 步骤4…...

Infrared Finance:Berachain 生态的流动性支柱

在加密市场中&#xff0c;用户除了参与一级和二级交易&#xff0c;还有一种低门槛参与的就是空投。从 2021 年 DeFi 成为主流开始&#xff0c;空投一直都是“以小搏大”的机会&#xff0c;通过参与项目早期的链上交互和任务以获取空投奖励&#xff0c;近几年已成为一种广受欢迎…...

Hadoop和Spark大数据挖掘与实战

1.概述 本节将系统讲解大数据分析的完整流程&#xff0c;包括数据采集、预处理、存储管理、分析挖掘与结果可视化等核心环节。与此同时&#xff0c;我们还将对主流数据分析工具进行横向对比&#xff0c;帮助读者根据实际需求选用最合适的工具&#xff0c;提升数据价值挖掘的效…...

TCP vs UDP:核心区别、握手过程与应用场景(附对比图)

&#x1f310; 引言 在网络通信中&#xff0c;TCP&#xff08;传输控制协议&#xff09;和UDP&#xff08;用户数据报协议&#xff09;是两大核心传输层协议。它们各有优劣&#xff0c;适用于不同场景。本文将用图文对比实战示例&#xff0c;帮你彻底理解两者的区别&#xff0…...

人工智能-深度学习之多层感知器

深度学习 任务任务1任务2任务3 机器学习的弊端多层感知器 &#xff08;MLP/人工神经网络&#xff09;MLP实现非线性分类Keras介绍与实战准备Keras or TensorflowKeras建立MLP模型 实战&#xff08;1&#xff09;: 建立MLP实现非线性二分类实战&#xff08;2&#xff09;: MLP实…...

Improving Deep Learning For Airbnb Search

解决问题 问题1: 解决推荐酒店与用户实际预定酒店价格存在偏差问题&#xff0c;实际预定比推荐要更便宜&#xff1a; 所以问题为是否更低价格的list更倾向于用户偏好&#xff0c;应该被优先推荐&#xff1f; 1. 该文通过数据分析与模型演进&#xff0c;将模型改造为item sco…...

多模态大型模型,实现以人为中心的精细视频理解

大家看完觉得有帮助记得点赞和关注&#xff01;&#xff01;&#xff01; 抽象 精细理解视频中人类的动作和姿势对于以人为中心的 AI 应用程序至关重要。在这项工作中&#xff0c;我们介绍了 ActionArt&#xff0c;这是一个细粒度的视频字幕数据集&#xff0c;旨在推进以人为中…...

向量数据库Milvus的部署与使用

Milvus介绍 Milvus是一个开源、高性能、高扩展性的向量数据库&#xff0c;Milvus可以用来存储文本、图像、音频等非结构化数据&#xff0c;本质上是用Embeddings将非结构化数据转换成能够捕捉其基本特征的数字向量&#xff0c;然后将这些向量存储在向量数据库中&#xff0c;从…...