<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Posts on 我的博客</title><link>https://myblog-3v5.pages.dev/posts/</link><description>Recent content in Posts on 我的博客</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Tue, 20 Oct 2026 16:00:00 +0800</lastBuildDate><atom:link href="https://myblog-3v5.pages.dev/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>PSCC-Net 复现笔记（2026-10-20）</title><link>https://myblog-3v5.pages.dev/posts/pscc-net_%E5%A4%8D%E7%8E%B0%E7%AC%94%E8%AE%B0/</link><pubDate>Tue, 20 Oct 2026 16:00:00 +0800</pubDate><guid>https://myblog-3v5.pages.dev/posts/pscc-net_%E5%A4%8D%E7%8E%B0%E7%AC%94%E8%AE%B0/</guid><description>&lt;h1&gt;&lt;/h1&gt;
&lt;h2 id="论文信息"&gt;论文信息&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;标题&lt;/strong&gt;：PSCC-Net: Progressive Spatio-Channel Correlation Network for Image Manipulation Detection and Localization&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;作者&lt;/strong&gt;：Xiaohong Liu, Yaojie Liu, Jun Chen, Xiaoming Liu&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;出处&lt;/strong&gt;：IEEE TCSVT, vol. 32, no. 11, pp. 7505–7517, 2022&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;DOI&lt;/strong&gt;：10.1109/TCSVT.2022.3189545&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;代码&lt;/strong&gt;：https://github.com/proteus1991/PSCC-Net（MIT 协议，权重内置于仓库）&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="一句话"&gt;一句话&lt;/h2&gt;
&lt;p&gt;用「HRNet 多尺度骨干 + 由粗到细渐进式 mask + 空间/通道相关性模块(SCCM) + 独立分类头」，同时做图像篡改&lt;strong&gt;检测&lt;/strong&gt;（真/假二分类）与&lt;strong&gt;定位&lt;/strong&gt;（篡改区域 mask）。&lt;/p&gt;
&lt;h2 id="运行环境本机无-gpu"&gt;运行环境（本机，无 GPU）&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Python 3.11（uv 管理）+ torch 2.5.1+cpu + numpy / yacs / imageio / pillow&lt;/li&gt;
&lt;li&gt;代码目录：&lt;code&gt;C:\Users\123\Desktop\Papers\PSCC-Net\&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;虚拟环境：&lt;code&gt;C:\Users\123\Desktop\Papers\.venv\&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="跑通步骤"&gt;跑通步骤&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;下载代码 + 3 个权重（&lt;code&gt;checkpoint/{HRNet,NLCDetection,DetectionHead}_checkpoint/*.pth&lt;/code&gt;）+ 12 张 &lt;code&gt;sample/&lt;/code&gt; 样例图。&lt;/li&gt;
&lt;li&gt;装依赖（torch 用阿里云镜像，快）：
&lt;code&gt;uv pip install --python .venv\Scripts\python.exe --index-url https://mirrors.aliyun.com/pypi/simple &amp;quot;torch==2.5.1&amp;quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;打了 4 个兼容性补丁（原代码只支持 Linux + CUDA + 旧 numpy）：
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;test.py&lt;/code&gt;：CUDA→CPU、去掉 3 处 &lt;code&gt;nn.DataParallel&lt;/code&gt;、&lt;code&gt;num_workers=0&lt;/code&gt;、&lt;code&gt;map_location='cpu'&lt;/code&gt;；&lt;/li&gt;
&lt;li&gt;&lt;code&gt;utils/utils.py&lt;/code&gt;：&lt;code&gt;save_image&lt;/code&gt; 用 numpy+imageio 替代 torchvision，并用 &lt;code&gt;os.path.basename&lt;/code&gt; 修 Windows 反斜杠路径；&lt;/li&gt;
&lt;li&gt;&lt;code&gt;models/seg_hrnet.py:303&lt;/code&gt;：&lt;code&gt;np.int&lt;/code&gt; → &lt;code&gt;int&lt;/code&gt;（numpy 2.x 已删除该别名）。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;运行：&lt;code&gt;cd PSCC-Net&lt;/code&gt; → &lt;code&gt;..\.venv\Scripts\python.exe test.py&lt;/code&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="结果12-张样例图全部判定正确"&gt;结果（12 张样例图，全部判定正确）&lt;/h2&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;类型&lt;/th&gt;
&lt;th&gt;数量&lt;/th&gt;
&lt;th&gt;判定&lt;/th&gt;
&lt;th&gt;结果&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;authentic（真实）&lt;/td&gt;
&lt;td&gt;6&lt;/td&gt;
&lt;td&gt;authentic&lt;/td&gt;
&lt;td&gt;✅ 6/6&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;copymove（复制移动）&lt;/td&gt;
&lt;td&gt;2&lt;/td&gt;
&lt;td&gt;forged&lt;/td&gt;
&lt;td&gt;✅ 2/2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;removal（内容移除）&lt;/td&gt;
&lt;td&gt;2&lt;/td&gt;
&lt;td&gt;forged&lt;/td&gt;
&lt;td&gt;✅ 2/2&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;splice（拼接）&lt;/td&gt;
&lt;td&gt;2&lt;/td&gt;
&lt;td&gt;forged&lt;/td&gt;
&lt;td&gt;✅ 2/2&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;输出：&lt;code&gt;PSCC-Net\mask_results\&lt;/code&gt; 下 12 张定位热力图（真实图接近全黑，伪造图有定位内容）。&lt;/p&gt;</description></item><item><title>PSCC-Net 论文讲解</title><link>https://myblog-3v5.pages.dev/posts/pscc-net_%E8%AE%BA%E6%96%87%E8%AE%B2%E8%A7%A3/</link><pubDate>Tue, 20 Oct 2026 16:00:00 +0800</pubDate><guid>https://myblog-3v5.pages.dev/posts/pscc-net_%E8%AE%BA%E6%96%87%E8%AE%B2%E8%A7%A3/</guid><description>&lt;h2 id="0-一句话"&gt;0. 一句话&lt;/h2&gt;
&lt;p&gt;PSCC-Net 做两件事：&lt;strong&gt;① 检测&lt;/strong&gt;——判断一张图是不是被 P 过（真假二分类）；&lt;strong&gt;② 定位&lt;/strong&gt;——把被 P 的区域一个像素一个像素地圈出来（输出一张黑白 mask）。它的核心创新是「&lt;strong&gt;由粗到细渐进式&lt;/strong&gt;生成 mask」+「&lt;strong&gt;空间 + 通道双重相关性&lt;/strong&gt;注意力模块 SCCM」。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="1-背景这是什么任务imdl"&gt;1. 背景：这是什么任务（IMDL）&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;IMDL = Image Manipulation Detection and Localization（图像篡改检测与定位）&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;篡改分两大类：&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;类别&lt;/th&gt;
&lt;th&gt;说明&lt;/th&gt;
&lt;th&gt;例子&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;内容相关（content-dependent）&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;动了图像内容，制造假信息&lt;/td&gt;
&lt;td&gt;splicing 拼接（从别的图搬一块贴过来）、copy-move 复制移动（同图内复制一块）、removal 移除（抠掉物体再用修复算法填上）&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;strong&gt;内容无关（content-independent）&lt;/strong&gt;&lt;/td&gt;
&lt;td&gt;全局后处理，不制造假信息但会掩盖痕迹&lt;/td&gt;
&lt;td&gt;亮度/对比度、模糊、加噪、JPEG 压缩&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;关键难点：内容相关的篡改会&amp;quot;顺着语义&amp;quot;来（把车贴在马路上、把脸换掉），&lt;strong&gt;肉眼几乎看不出破绽&lt;/strong&gt;。但它会在&amp;quot;图像指纹&amp;quot;层面留下不一致——比如拼接进来的区域，其相机噪声、JPEG 压缩痕迹和原图其他区域对不上。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;检测&lt;/strong&gt;（这张图假不假）和&lt;strong&gt;定位&lt;/strong&gt;（哪里假）是两个层次：检测给机器/系统用，定位给人看。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="2-论文要解决的三个难题读论文时抓住这三点"&gt;2. 论文要解决的三个难题（读论文时抓住这三点）&lt;/h2&gt;
&lt;p&gt;作者说之前的方法有 3 个没解决好的问题：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;A. 尺度变化（Scale Variation）&lt;/strong&gt;：被 P 的区域有大有小。传统的 encoder-decoder 和 no-pooling 结构都是&amp;quot;串行&amp;quot;提取特征，没法同时用好局部细节和全局上下文，只能应付有限的尺度。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;B. 图像相关性（Image Correlation）&lt;/strong&gt;：判断一块区域是不是篡改，最好的办法是&lt;strong&gt;把它和正常区域对比&lt;/strong&gt;。但以前的方法大多直接学&amp;quot;图 → mask&amp;quot;的映射，容易过拟合到某一种攻击类型；忽略了空间相关性，泛化差。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;C. 检测（Detection）&lt;/strong&gt;：检测和定位本来是相关的（有区域响应高 = 假，全低 = 真），但以前的方法&lt;strong&gt;默认所有输入都是篡改图&lt;/strong&gt;，导致对干净图大量误报。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;→ PSCC-Net 就是针对这三个问题设计的。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="3-网络结构两条路径图-2-是灵魂务必看懂"&gt;3. 网络结构：两条路径（图 2 是灵魂，务必看懂）&lt;/h2&gt;
&lt;h3 id="31-top-down-path自上而下提取特征骨干-hrnetv2p-w18"&gt;3.1 Top-Down Path（自上而下，提取特征）——骨干 HRNetV2p-W18&lt;/h3&gt;
&lt;p&gt;用 &lt;strong&gt;HRNet（论文里的 [27]，High-Resolution Net）&lt;/strong&gt; 当骨干。特点：&lt;/p&gt;</description></item><item><title>HTML笔记</title><link>https://myblog-3v5.pages.dev/posts/html%E7%AC%94%E8%AE%B0/</link><pubDate>Sat, 17 Oct 2026 17:46:34 +0800</pubDate><guid>https://myblog-3v5.pages.dev/posts/html%E7%AC%94%E8%AE%B0/</guid><description>&lt;h2 id="html"&gt;HTML&lt;/h2&gt;
&lt;h3 id="1什么是html"&gt;1.什么是HTML？&lt;/h3&gt;
&lt;p&gt;HTML是HypeText Mark-up Language的简称，即超文本标记语言，是一种用于创建网页的标准标记语言。可以使用 HTML 来建立自己的网页，HTML 运行在浏览器上，由浏览器来解析。它不是一种编程语言（如java、C语言等），标记：就是标签。&amp;lt;标签名称&amp;gt;&amp;lt;/标签名称&amp;gt;。&lt;/p&gt;
&lt;p&gt;白话：用&lt;strong&gt;来写网页的一门语言，有很多标签组成&lt;/strong&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;所谓的超文本：&lt;/p&gt;
&lt;p&gt;1、因为网页可以放图片、视频、音频等内容（超越文本限制）&lt;/p&gt;
&lt;p&gt;2、还可以在网页中跳转到另一个网页中（超链接文本）&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id="2html的作用"&gt;2.HTML的作用&lt;/h3&gt;
&lt;p&gt;用来开发&lt;strong&gt;网页&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;许多网络攻击（如 &lt;strong&gt;XSS（跨站脚本）、SQL 注入、CSRF（跨站请求伪造）&lt;/strong&gt;）都针对 HTML 和 Web 技术。&lt;/li&gt;
&lt;li&gt;攻击者利用 HTML 结构注入恶意代码&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;HTML 是 Web 安全的底层基础&lt;/strong&gt;，学习它不仅能帮助理解攻击手法，还能提升防御能力。无论是漏洞挖掘、渗透测试还是安全开发，HTML 知识都是必备技能。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="3网页的组成部分"&gt;3.网页的组成部分&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;HTML：负责网页的架构；(骨架)&lt;/li&gt;
&lt;li&gt;CSS：负责网页的样式，美化；（衣服）&lt;/li&gt;
&lt;li&gt;JavaScript（JS）：负责网页的行为；（动作）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="4工具介绍"&gt;4.工具介绍&lt;/h3&gt;
&lt;p&gt;这里我们使用工具，phpstorm&lt;/p&gt;
&lt;p&gt;&lt;img alt="image-20260408132925899" loading="lazy" src="https://gitee.com/lao-jiang-next-door/images/raw/master/image-20260408132925899.png"&gt;&lt;/p&gt;
&lt;h4 id="html文件的命名"&gt;HTML文件的命名&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;HTML文件的文件后缀名为.html&lt;/li&gt;
&lt;li&gt;文件名中不要包含特殊符号，如空格、$等。&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="5结构介绍"&gt;5.结构介绍&lt;/h3&gt;
&lt;p&gt;这个尖括号 就叫标签&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;生成结构&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;phpstorm会自动帮我们生成html结构&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;html&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;lang&lt;/span&gt;&lt;span style="color:#f92672"&gt;=&lt;/span&gt;&lt;span style="color:#e6db74"&gt;&amp;#34;en&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;head&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;meta&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;charset&lt;/span&gt;&lt;span style="color:#f92672"&gt;=&lt;/span&gt;&lt;span style="color:#e6db74"&gt;&amp;#34;UTF-8&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;title&lt;/span&gt;&amp;gt;Title&amp;lt;/&lt;span style="color:#f92672"&gt;title&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;head&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;html&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;什么叫标签&lt;/p&gt;
&lt;ol start="2"&gt;
&lt;li&gt;结构详情介绍&lt;/li&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;html由标签和属性构成。&lt;/li&gt;
&lt;li&gt;标签：长在尖角号后面的第一个单词就是标签&lt;/li&gt;
&lt;li&gt;属性：长在标签后面的并且用空格隔开的，称作 属性&lt;/li&gt;
&lt;li&gt;结构标签介绍&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img alt="企业微信截图_17159486448134" loading="lazy" src="https://gitee.com/lao-jiang-next-door/images/raw/master/%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_17159486448134.png"&gt;&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!-- 声明文档类型为 HTML5，告诉浏览器按标准 HTML 解析 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!-- 根标签，整个网页所有内容都要写在里面 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!-- lang=&amp;#34;en&amp;#34; 表示网页语言为英文 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;html&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;lang&lt;/span&gt;&lt;span style="color:#f92672"&gt;=&lt;/span&gt;&lt;span style="color:#e6db74"&gt;&amp;#34;en&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!-- 头部标签，存放网页配置信息，不在页面上显示 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;head&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- 设置网页字符编码为 UTF-8，防止中文乱码 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;meta&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;charset&lt;/span&gt;&lt;span style="color:#f92672"&gt;=&lt;/span&gt;&lt;span style="color:#e6db74"&gt;&amp;#34;UTF-8&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#75715e"&gt;&amp;lt;!-- 网页标题，显示在浏览器标签栏上 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;title&lt;/span&gt;&amp;gt;Title&amp;lt;/&lt;span style="color:#f92672"&gt;title&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;head&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;&amp;lt;!-- 身体标签，网页所有可见内容（文字、图片、按钮等）都写在这里 --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;html&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="6网页中常见的标签"&gt;6.网页中常见的标签&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;标题标签&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;h1标签&lt;/li&gt;
&lt;li&gt;h2标签&lt;/li&gt;
&lt;li&gt;h3标签&lt;/li&gt;
&lt;li&gt;h4标签&lt;/li&gt;
&lt;li&gt;h5标签&lt;/li&gt;
&lt;li&gt;h6标签&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;h1&lt;/span&gt;&amp;gt;hello word&amp;lt;/&lt;span style="color:#f92672"&gt;h1&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;h2&lt;/span&gt;&amp;gt;hello word&amp;lt;/&lt;span style="color:#f92672"&gt;h2&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;h3&lt;/span&gt;&amp;gt;hello word&amp;lt;/&lt;span style="color:#f92672"&gt;h3&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;h4&lt;/span&gt;&amp;gt;hello word&amp;lt;/&lt;span style="color:#f92672"&gt;h4&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;h5&lt;/span&gt;&amp;gt;hello word&amp;lt;/&lt;span style="color:#f92672"&gt;h5&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;h6&lt;/span&gt;&amp;gt;hello word&amp;lt;/&lt;span style="color:#f92672"&gt;h6&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;2.&lt;strong&gt;段落标签&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>第一篇文章</title><link>https://myblog-3v5.pages.dev/posts/hello/</link><pubDate>Fri, 16 Oct 2026 10:00:00 +0800</pubDate><guid>https://myblog-3v5.pages.dev/posts/hello/</guid><description>&lt;p&gt;这是我的第一篇 Hugo 博客文章。&lt;/p&gt;
&lt;p&gt;我是ZZC。&lt;/p&gt;
&lt;p&gt;本界面由Hugo(在本地把md 文档变成完整的网页文件)和cloudflare(提供免费域名，把 Hugo 生成的结果发布到公网)支持，谢谢两位嘉宾！&lt;/p&gt;</description></item></channel></rss>