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

五分钟快速学习优秀网站的HTML骨架布局设计

news 来源：原创 2025/9/8 1:35:45

一.编写多级过滤脚本，在控制台执行copy方法进行提取：

在这里插入图片描述

过滤脚本脚本

// 在浏览器F12的控制台里，直接执行以下脚本
copy(document.documentElement.outerHTML// 一级过滤：移除动态内容.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, '').replace(/<link[^>]+>/gi, '') .replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, '')// 二级过滤：清理属性.replace(/ (class|style|data-[^=]+)="[^"]*"/gi, '') .replace(/ (id|name|aria-\w+)="[^"]*"/gi, '').replace(/<([a-z]+)( [^>]*)?>/gi, '<$1>') // 保留标签名// 三级过滤：移除非结构元素.replace(/<img[^>]+>/gi, '').replace(/<svg[\s\S]*?<\/svg>/gi, '').replace(/<picture[\s\S]*?<\/picture>/gi, '').replace(/<canvas[\s\S]*?<\/canvas>/gi, '')// 四级过滤：压缩空白.replace(/\s+/g, ' ').replace(/>\s+</g, '><')
);

各层级过滤详解

层级	过滤目标	正则表达式示例	作用说明
1	动态内容	`<script[^>]>[\s\S]?</script>`	移除所有脚本和样式表
2	非必要属性	`(class\|style)="[^"]*"`	保留纯标签无属性
3	媒体资源	`<img[^>]+>`	删除图片/SVG等二进制内容
4	结构冗余	`<!--.*?-->`	清除注释
5	空白压缩	`>\s+<` → `><`	最小化空白字符

高级优化技巧

智能标签保留

// 只保留结构性标签（div/section等），移除内容型标签
.replace(/<(?!\/?(div|section|header|footer|main|nav|ul|ol|li)|html|body)[^>]+>/gi, '')

DOM层级压缩

// 合并连续嵌套的div（常见结构冗余）
.replace(/<div>\s*<div>/g, '<div>')
.replace(/<\/div>\s*<\/div>/g, '</div>')

CSS选择器逆向标记

// 为关键元素添加注释标记（便于后续还原）
.replace(/<header>/g, '<!-- header-start --><header>')
.replace(/<\/header>/g, '</header><!-- header-end -->')

可视化结构提取工具

还可以使用Chrome浏览器内置的 Accessibility Tree 获取最简结构：

打开 Chrome 开发者工具 (F12)
切换到 Elements 面板
右键点击 <html> 标签 → Copy → Copy accessibility tree
获得纯文本结构：

Document
├── Heading "Baidu"
├── Navigation
│   ├── Link "Home"
│   ├── Link "Demo"
└── Main├── Section│   ├── Heading "Introduction"

最终效果对比

过滤前	过滤后	压缩率
原始HTML 1.2MB	骨架HTML 86KB	92.8%
包含328个DOM节点	保留89个关键节点	72.9%
含32个外部资源引用	零外部依赖	100%

注意事项

动态生成内容的处理
若目标站使用React/Vue等框架，需先触发所有懒加载后再执行脚本：

// 滚动到页面底部触发动态加载
window.scrollTo(0, document.body.scrollHeight);
setTimeout(() => { /* 执行提取代码 */ }, 3000);

PWA应用的特别处理
对于使用Service Worker的网站，需先卸载SW：

navigator.serviceWorker.getRegistrations().then(regs => regs.forEach(reg => reg.unregister())

CSS样式的快速采集

// 提取所有内联样式（含媒体查询）
Array.from(document.styleSheets).forEach(sheet => {try { // 规避跨域样式表报错Array.from(sheet.cssRules).forEach(rule => console.log(rule.cssText))} catch(e) {}
});

二、其他高效学习工具推荐

1. 浏览器扩展（合法使用）

SnapCopy：一键复制元素及其父级结构
CSS Peeper：可视化提取颜色/字体/间距
VisBug：设计工具直接测量页面元素

2. 半自动化流程

// 生成简化版HTML骨架（控制台运行）
const clonePage = () => {const html = document.documentElement.cloneNode(true);// 清理脚本和外部资源html.querySelectorAll('script, link[rel="stylesheet"], iframe').forEach(el => el.remove());// 保留内联样式const styles = document.createElement('style');styles.textContent = Array.from(document.styleSheets).map(sheet => {try { return Array.from(sheet.cssRules).map(r => r.cssText).join('\n'); } catch { return ''; }}).join('\n');html.querySelector('head').appendChild(styles);return html.outerHTML;
};
copy(clonePage());

三、确保合法合规学习

1. 敏感信息剔除

配合正则表达式清洗工具（如VS Code的查找替换）：

// 清除敏感信息
(data-\w+="[^"]*")|(id="[^"]*")|(<!--.*?-->)

2. 结构化学习步骤

布局逆向工程
用CSS Grid Generator重建目标网站的网格系统

色彩系统提取
使用Chrome开发者工具的Styles面板，配合以下代码提取主色系：

// 提取页面使用最多的5种颜色
const colors = new Map();
Array.from(document.querySelectorAll('*')).map(el => getComputedStyle(el).color).forEach(color => colors.set(color, (colors.get(color) || 0) + 1));
console.log([...colors.entries()].sort((a,b) => b[1]-a[1]).slice(0,5));

动效分解
用Chrome的Performance面板录制交互过程，分析关键帧：

// 测量动画执行时间
const el = document.querySelector('.animated-element');
el.addEventListener('animationstart', () => console.time('animation'));
el.addEventListener('animationend', () => console.timeEnd('animation'));

四、Linux下如何学

混合开发

# 使用wget仅下载允许爬取的内容（需遵守robots.txt）
wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://www.baidu.com/

代码转化学习
通过AST Explorer解析目标网站的CSS/JS，生成可视化语法树，学习其代码组织方式

组件化重构
将提取的页面拆分为Vue/React组件：

// 示例：导航栏组件转换
const NavBar = () => (<header className="navbar" style={{ display: 'flex', justifyContent: 'space-between' }}><img src="/logo.png" className="logo" /><nav className="menu">{['Home', 'Demo', 'Docs'].map(item => (<a key={item} href={`#${item.toLowerCase()}`}>{item}</a>))}</nav></header>
);

五、法律风险规避措施

元数据清洗脚本

# 使用BeautifulSoup清洗下载的HTML
from bs4 import BeautifulSoupwith open('downloaded.html') as f:soup = BeautifulSoup(f, 'html.parser')# 删除版权相关meta标签
for meta in soup.select('meta[name*="rights"], meta[name*="author"]'):meta.decompose()# 重写title
soup.title.string = "My Learning Project"with open('clean.html', 'w') as f:f.write(str(soup))

差异化改造清单

修改所有class/id命名规则（如BEM规范）
将固定像素单位转换为rem/vw响应式单位
使用Sass/PostCSS重构样式表结构
添加原创功能模块（如暗黑模式切换）

上述所有操作仅供学习。

五分钟快速学习优秀网站的HTML骨架布局设计

一.编写多级过滤脚本，在控制台执行copy方法进行提取： 过滤脚本脚本 // 在浏览器F12的控制台里，直接执行以下脚本 copy(document.documentElement.outerHTML// 一级过滤：移除动态内容.replace(/<script\b[^>]*>[\s\S]*?…...

编程日记 2025/9/8 1:35:45

神经网络AI原理回顾

长期记忆存储在大模型的参数权重中，不经过推理和编码无法读取，且必须依赖输入的提示，因为大模型不会无缘无故的自言自语，毕竟输入层是它唯一与外界交互的窗口。目前个性化大模型的局限就是训练成本过高，除非使用RAG&…...

编程日记 2025/9/4 17:57:31

常见webshell工具的流量特征

1、蚁剑 1.1、蚁剑webshell静态特征蚁剑中php使用assert、eval执行；asp只有eval执行；在jsp使用的是Java类加载（ClassLoader），同时会带有base64编码解码等字符特征。 1.2、蚁剑webshell动态特征查看流量分析会发现…...

编程日记 2025/9/6 14:06:26

探秘基带算法：从原理到5G时代的通信变革【四】Polar 编解码（一）

文章目录 2.3 Polar 编解码2.3.1 Polar 码简介与发展背景2.3.2 信道极化理论基础对称容量与巴氏参数对称容量 I ( W ) I(W) I(W)巴氏参数 Z ( W ) Z(W) Z(W)常见信道信道联合信道分裂信道极化本博客为系列博客，主要讲解各基带算法的原理与应用，包括&…...

编程日记 2025/9/8 1:33:40

【计算机网络】考研复试高频知识点总结

文章目录一、基础概念1、计算机⽹络的定义2、计算机⽹络的目标3、计算机⽹络的组成4、计算机⽹络的分类5、计算机⽹络的拓扑结构6、计算机⽹络的协议7、计算机⽹络的分层结构8、OSI 参考模型9、TCP/IP 参考模型10、五层协议体系结构二、物理层1、物理层的功能2、传输媒体3、 …...

编程日记 2025/9/4 18:20:20

nio多线程版本

多线程多路复用多线程NIO，，就是多个线程，每个线程上都有一个Selector，，，比如说一个系统中一个线程用来接收请求，，剩余的线程用来读写数据，，每个线程独立干自…...

编程日记 2025/9/3 4:36:12

Lua | 每日一练 (5)

💢欢迎来到张胤尘的技术站 💥技术如江河，汇聚众志成。代码似星辰，照亮行征程。开源精神长，传承永不忘。携手共前行，未来更辉煌💥 文章目录 Lua | 每日一练 (5)题目参考答案浅拷贝深拷贝使用场景…...

编程日记 2025/9/5 7:08:05

IO的概念和标准IO函数

作业： 1.使用标准IO函数，实现文件的拷贝 #include <stdio.h>int main(int argc, char *argv[]) {// 检查是否提供了源文件和目标文件if (argc ! 3) {printf("Usage: %s <source_file> <destination_file>\n", argv[0]);re…...

编程日记 2025/9/4 19:23:05

影刀RPA开发拓展--SQL常用语句全攻略

前言 SQL（结构化查询语言）是数据库管理和操作的核心工具，无论是初学者还是经验丰富的数据库管理员，掌握常用的 SQL 语句对于高效管理和查询数据都至关重要。本文将系统性地介绍最常用的 SQL 语句，并为每个语句提供详细…...

编程日记 2025/9/8 1:32:19

零信任架构和传统网络安全模式的

零信任到底是一个什么类型的模型？什么类型的思想或思路，它是如何实现的，我们要做零信任，需要考虑哪些问题？ 零信任最早是约翰金德瓦格提出的安全模型。早期这个模型也是因为在安全研究上考虑的一个新的信任式模型。他最…...

编程日记 2025/8/30 17:25:14

文章目录入门hello.html注释 Comment段落 ParagraphHTML 链接Image 标签文本格式标签标题Section Divisions内部框架HTML 中的 JavaScriptHTML 中的 CSS HTML5 标签页面标题导航HTML5 TagsHTML5 VideoHTML5 AudioHTML5 RubyHTML5 kdiHTML5 progressHTML5 mark HTML 表格Table …...

编程日记 2025/9/8 1:35:10

React 中 useState 的基础使用

概念：useState 是一个React Hook（函数），它允许我们向组件添加状态变量，从而影响组件的渲染结果。本质：和普通JS变量不同的是，状态变量一旦发生变化，组件的视图UI也会跟着变化&…...

编程日记 2025/9/4 11:25:44

蓝桥杯单片机组第十二届省赛第二批次

前言第十二届省赛涉及知识点：NE555频率数据读取，NE555频率转换周期，PCF8591同时测量光敏电阻和电位器的电压、按键长短按判断。本试题涉及模块较少，题目不难，基本上准备充分的都能完整的实现每一个功能，并…...

编程日记 2025/9/8 1:32:20

React Native 原理

React Native 是一个跨平台移动应用开发框架，它允许开发者使用 JavaScript 和 React 来开发 iOS 和 Android 原生应用。React Native 的核心原理是通过桥接（Bridge） 技术，使用 JavaScript 来控制原生组件，并将应用逻辑…...

编程日记 2025/8/21 19:38:14

C++简易贪食蛇项目

一.案例介绍二.制作思路三.墙模块 #include "wall.h" //初始化墙 void initWall() { for (int i 0; i < HEIGHT; i) { for (int j 0; j < WIDTH;j) { if (i 0 || j 0 || i HEIGHT - 1 || j WIDTH - 1) …...

编程日记 2025/9/7 5:47:36

C++蓝桥杯基础篇（七）

片头嗨~小伙伴们，大家好！今天我们来一起学习蓝桥杯基础篇（七），学习相关字符串的知识，准备好了吗？咱们开始咯！ 一、字符与整数的联系——ASCII码每个常用字符都对应一个-128~127的…...

编程日记 2025/9/2 17:39:37

Sass基础

目录什么是sass? Sass的安装 Sass的编译 Sass的语法： Sass的基本使用: 一、Sass变量： 二、嵌套语法： 三、import的使用： 四、mixin混入和include: 五、extend: 六、注释七、if和if: 八、for: 总结： 什么是sas…...

编程日记 2025/9/2 4:51:48

Linux文档编辑相关命令详解

Linux文档编辑相关命令 1. grep grep (global regular expression) 命令用于查找文件里符合条件的字符串或正则表达式。 1.1 语法 grep [options] pattern [files] 1.2 常用选项 -i：忽略大小写进行匹配。-v：反向查找，只打印不匹配的行。-…...

编程日记 2025/9/5 18:50:44

QT实现简约美观的动画Checkbox

*最终效果: * 一共三个文件: main.cpp , FancyCheckbox.h , FancyCheckbox.cpp main.cpp #include <QApplication> #include "FancyCheckbox.h" #include <QGridLayout> int main(int argc, char *argv[]) {QApplication a(argc, argv);QWidget* w new…...

编程日记 2025/9/7 8:07:30

每日学习Java之一万个为什么？[MySQL面试篇]

分析SQL语句执行流程中遇到的问题前言1 MySQL是怎么在一台服务器上启动的2 MySQL主库和从库是同时启动保持Alive的吗？3 如果不是主从怎么在启动的时候保证数据一致性4 ACID原则在MySQL上的体现5 数据在MySQL是通过什么DTO实现的6 客户端怎么与MySQL Server建立连接…...

编程日记 2025/9/2 3:56:53

git笔记

定义：分布式版本控制工具，免费开源的，快速高效的处理从小到大的项目，git占地面积小，性能快，有廉价的本地库安装：官网最新版全部点下一步就行版本控制工具：使用中央服务器&#…...

编程日记 2025/9/1 3:34:44

Full GC 排查

在 Java 中，Full GC（完全垃圾回收）会对整个堆（包括年轻代和老年代，甚至可能包括永久代/元空间）进行垃圾回收，通常会导致较长的停顿（STW，Stop-The-World）。如果…...

编程日记 2025/9/8 1:35:11

VS2022远程调试Ubuntu中的C++程序

前言最近想基于星火大模型的SDK开发第一些应用。但是，发现星火的SDK当中Linux版本的比较丰富，Windows 版本支持的比较少。但是，从调试的IDE而言，Visual Studio又是最方便的。所以，考虑采用Visual Studio Ubuntu的形式…...

编程日记 2025/9/7 13:19:42

Flutter 学习之旅之 flutter 使用 flutter_screenutil 简单进行屏幕适配

Flutter 学习之旅之 flutter 使用 flutter_screenutil 简单进行屏幕适配目录 Flutter 学习之旅之 flutter 使用 flutter_screenutil 简单进行屏幕适配一、简单介绍二、简单介绍 flutter_screenutil 三、安装 carousel_slider 四、简单案例实现五、关键代码六、补…...

编程日记 2025/9/3 17:59:52

【华为OD机考】华为OD笔试真题解析(16)--微服务的集成测试

题目描述现在有n个容器服务，服务的启动可能有一定的依赖性（有些服务启动没有依赖），其次，服务自身启动加载会消耗一些时间。给你一个 n n n \times n nn的二维矩阵useTime，其中useTime[i][i]10表示服务…...

编程日记 2025/9/6 4:14:21

NCCL AI 分布式训练集合通讯库技术基本原理

目录文章目录目录AI 分布式训练NCCL 的简介NCCL 的核心功能NCCL 的基本工作流程NCCL 的集合通信操作方式NCCL 的 API 编程示例 AI 分布式训练在一个最初的 AI 模型训练场景中，由于模型自身的程序体积、输入的参数量以及样本的数据量都比较有限，一张 …...

编程日记 2025/9/8 1:12:31

算法-回溯篇01-组合

组合力扣题目链接题目描述给定两个整数 n 和 k，返回范围 [1, n] 中所有可能的 k 个数的组合。你可以按任何顺序返回答案。解题思路刚开始做回溯的题目，关于回溯的相关知识推荐大家去看代码随想录的视频。做了几道题，感觉回溯题…...

编程日记 2025/9/4 1:36:03

泵吸式激光可燃气体监测仪：快速精准守护燃气管网安全

在城市化进程加速的今天，燃气泄漏、地下管网老化等问题时刻威胁着城市安全。如何实现精准、高效的可燃气体监测，守护“城市生命线”，成为新型基础设施建设的核心课题。泵吸式激光可燃气体监测仪，以创新科技赋能安全监测&#xff0…...

编程日记 2025/9/7 15:49:50

Lumoz Chain正式上线：AI 时代的新算力破局者

新的叙事和技术突破永远是推动行业前行的核心动力。当下，AI Agent无疑是最炙手可热的赛道之一。当加密世界将目光投向AI领域时，大多数项目仍停留在以AI为工具或应用场景的层面，试图通过集成AI模型或优化链上功能来吸引用户。然而&#xff0…...

编程日记 2025/9/4 1:36:05

算法之排序算法

排序算法 ♥常见排序算法知识体系详解♥ | Java 全栈知识体系算法 - 排序 | CS-Notes 面试笔记十大经典排序算法总结 | JavaGuide...

编程日记 2025/9/8 1:35:12

Java面试第七山！《MySQL索引》

一、索引的本质与作用索引是帮助MySQL高效获取数据的数据结构，类似于书籍的目录。它通过减少磁盘I/O次数（即减少数据扫描量）来加速查询，尤其在百万级数据场景下，索引可将查询效率提升数十倍。核心作用：…...

编程日记 2025/9/8 1:32:20

基于 Rust 与 GBT32960 规范的编解码层

根据架构设计，实现编解码层的代码设计 Cargo.toml 加入二进制序列化支持 # 序列化支持 ... bincode "1.3" # 添加二进制序列化支持 bytes-utils "0.1" # 添加字节处理工具开始编码错误处理（error.rs&#x…...

编程日记 2025/9/8 1:33:39

二、Redis 安装与基本配置：全平台安装指南服务器配置详解

Redis 安装与基本配置：全平台安装指南 & 服务器配置详解 Redis 作为高性能的内存数据库，其安装和配置是使用 Redis 的第一步。本篇文章将全面介绍 Redis 的安装方式，覆盖 Windows、Linux、Docker 环境，并详细讲解 Redis 的基础配置，包括持久化、日志、端口设置等。此…...

编程日记 2025/9/8 1:33:40

⭐算法OJ⭐矩阵的相关操作【动态规划 + 组合数学】（C++ 实现）Unique Paths 系列

文章目录 62. Unique Paths动态规划思路实现代码复杂度分析组合数学思路实现代码复杂度分析 63. Unique Paths II动态规划定义状态状态转移方程初始化复杂度分析优化空间复杂度状态转移方程 62. Unique Paths There is a robot on an m x n grid. The robot is initially lo…...

编程日记 2025/9/4 0:12:52

基于 Elasticsearch 和 Milvus 的 RAG 运维知识库的架构设计和部署落地实现指南

最近在整理一些业务场景的架构设计和部署落地实现指南先放一个【基于RAG的运维知识库 (ElasticSearch + Milvus) 的详细实现指南】，其中包含了详尽的技术实现细节、可运行的示例代码、原理分析、优缺点分析和应用场景分析。架构描述：基于RAG的运维知识库 (ElasticSearch…...

编程日记 2025/8/31 20:38:33

山西青年杂志山西青年杂志社山西青年编辑部2025年第3期目录

青年争鸣教师发展中心行动转向的价值意蕴分析框架研究与启示于宝证;李军红;郑钰莹;何易雯; 产教融合视角下职业本科工商管理专业人才培养模式探析杜芯铭; 青年教育研究教育数字化背景下高职院校的课堂教学研究张晨; 统筹职业教育、高等教育、继续教育协同…...

编程日记 2025/9/5 18:44:13

使用Truffle、Ganache、MetaMask、Vue+Web3完成的一个简单区块链项目

文章目录概要初始化Truffle项目创建编写合约编译合约配置Ganache修改truffle-config.js文件编写迁移文件部署合约使用Truffle 控制台使用MetaMask和VueWeb3与链交互概要使用Truffle、Ganache、MetaMask、VueWeb3完成的一个简单区块链项目。初始化Truffle项目安装好truf…...

编程日记 2025/9/5 19:35:23

【GenBI优化】提升text2sql准确率：建议使用推理大模型，增加重试

引言 Text-to-SQL（文本转 SQL）是自然语言处理（NLP）领域的一项重要任务，旨在将自然语言问题自动转换为可在数据库上执行的 SQL 查询语句。这项技术在智能助手、数据分析工具、商业智能（BI）平台等领域具有广泛的应用前景，能够极大地降低数据查询和分析的门槛，让非技术用…...

编程日记 2025/9/5 18:58:00

LLVM - 编译器前端 - 学习将源文件转换为抽象语法树（二）

一：处理消息在一个庞大的软件（比如编译器）中，我们不希望将消息字符串分散在各个地方。如果需要修改消息内容或将其翻译成另一种语言，最好将它们集中存放在一个地方！目前缺少的是对消息的集中定义。下面我们看看来如何实现它。一种简单的方法是，每条消息都有一个 ID（一…...

编程日记 2025/9/3 4:52:37

T-SQL 语言基础： SQL 数据库对象元数据及配置信息获取

目录介绍目录视图获取表和架构名称获取列信息信息架构视图获取表信息获取列信息系统存储过程和函数获取对象列表获取对象详细信息获取约束信息获取数据库属性信息总结引用介绍在 SQL 数据库管理中，获取数据库对象的元数据信息是至关重要的。元数据提供了…...

编程日记 2025/9/7 11:42:38

基于vue框架的游戏博客网站设计iw282（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。

系统程序文件列表项目功能：用户,博客信息,资源共享,游戏视频,游戏照片开题报告内容基于FlaskVue框架的游戏博客网站设计开题报告一、项目背景与意义随着互联网技术的飞速发展和游戏产业的不断壮大，游戏玩家对游戏资讯、攻略、评测等内容的需求日…...

编程日记 2025/9/4 13:36:23

批量提取 Word 文档中的页面

如何将 Word 文档中的页面提取出来形成一个新的文档呢？比如将 Word 文档中的第一页提取出来、将 Word 文档中的最后一页提取出来、再或者将 Word 文档中的中间几页提取出来等等。人工的处理肯定非常的麻烦，需要新建 Word 文档，然后将内容复制…...

编程日记 2025/9/4 11:31:01

本地大模型编程实战(26)用langgraph实现基于SQL数据构建的问答系统(5)

本文将将扩展上一篇文章完成的 langgraph 链，继续使用基于 langgraph 链 ，对结构化数据库 SQlite 进行查询的方法。该系统建立以后，我们不需要掌握专业的 SQL 技能，可以用自然语言询问有关数据库中数据的问题并返回答案。主要完善…...

编程日记 2025/9/5 12:10:59

csrf与ssrf学习笔记

一、CSRF（Cross-Site Request Forgery） 1. 定义攻击目标：利用用户已登录的合法身份，在用户不知情的情况下发起恶意请求。核心条件：受害者需已登录目标系统，且浏览器会自动携带身份凭证（如 C…...

编程日记 2025/9/5 3:24:07

安装Maven配置阿里云地址详细教程

下面以安装Maven公认最稳定版本（使用最多）3.6.1为例 1、访问maven官网 Maven官网直接跳转Maven3.6.1 Maven3.6.1 2、点击下载跳转页面后继续单击 Maven 3 archives 下载后解压放到自己的软件目录下 ~ 2.配置本地仓库在目录下创建repo文件夹 &…...

编程日记 2025/9/4 8:38:41

我的世界1.20.1forge模组开发进阶物品（7）——具有动画、3D立体效果的物品

基础的物品大家都会做了对吧？包括武器的释放技能，这次来点难度，让物品的贴图呈现动画效果和扔出后显示3D立体效果，这个3D立体效果需要先学习blockbench，学习如何制作贴图。 Blockbench Blockbench是一个用于创建和编辑三维模型的免费软件，特别适用于Minecraft模型的设计…...

编程日记 2025/9/6 2:22:35