在Dreamweaver中新建CSS文件（如main.css），在HTML的标签内使用标签输入链接代码，保存后即可将外部样式表链接到页面，实现网站风格的统一管理，便于维护与修改。
Dreamwea ver怎么用代码链接外部样式表
在Dreamwea ver里做网页，外部样式表是管理网站风格最干净的方式。不用每次都在每个页面里重复写样式，改一个文件，全站跟着变。下面就说一下怎么用代码手动链接外部CSS，其实就几步。
先把站点打开，HTML页面准备好。然后点击“文件”菜单，选择“新建”。
在新建对话框里，选择“CSS”类型。
接着会弹出一个保存对话框，让你选择CSS文件要放哪个文件夹。这里建议专门建一个叫“css”的文件夹，把所有样式文件统一管理。
我就选定了css文件夹，并把文件名改成“main.css”，这样以后看到就知道是主要的样式表，好辨认。
CSS文件新建好之后，先别急着写样式，先切回你的HTML页面。
在HTML的`
`标签里，`
`标签的下面，输入这一行代码：</p>
<p><code><link href="css/main.css" type="text/css" rel="stylesheet" /></code></p>
<p><img src="/uploads/20260721/178463408981889.webp" /><img src="/uploads/20260721/178463408958839.webp" /></p>
<p>然后保存一下HTML文件。注意看，在Dreamwea ver的标签栏里，页面名称旁边多了一个“css样式”的页面标签，这就表示链接成功了。刚刚新建的空白CSS文件可以直接删掉（其实不用删，留着编辑样式就行）。</p>
<p><img src="/uploads/20260721/178463408924184.webp" /></p>
<p>接着，双击那个链接进来的“main.css”标签，打开它，在里面编写你想要的样式规则就行了。写完之后，HTML页面会自动应用这些样式。</p>
<p><img src="/uploads/20260721/178463409080756.webp" /></p> </div>
<span class="article_notice">本文内容来源于互联网，如有侵权请联系删除。</span>
<div class="article_otherarticle">
<span>作者最新文章</span>
<div>
<div class="otherarticles">
<a href="/news/752368"
title="极度公式"><span>极度公式</span></a>
<span>2026-09-16 17:43</span>
</div>
<div class="otherarticles">
<a href="/news/768052"
title="索尼WH-1000XM4C发布：复刻经典折叠设计并升级现代接口"><span>索尼WH-1000XM4C发布：复刻经典折叠设计并升级现代接口</span></a>
<span>2026-09-08 19:10</span>
</div>
<div class="otherarticles">
<a href="/news/767820"
title="PDF转TXT操作步骤与转换后内容核对指南"><span>PDF转TXT操作步骤与转换后内容核对指南</span></a>
<span>2026-09-04 18:03</span>
</div>
<div class="otherarticles">
<a href="/news/767749"
title="Photoshop安装失败或启动异常：系统要求、安装流程与故障排查指南"><span>Photoshop安装失败或启动异常：系统要求、安装流程与故障排查指南</span></a>
<span>2026-09-03 06:04</span>
</div>
<div class="otherarticles">
<a href="/news/767730"
title="PDF文件体积过大如何压缩及压缩后清晰度检查方法"><span>PDF文件体积过大如何压缩及压缩后清晰度检查方法</span></a>
<span>2026-09-02 19:30</span>
</div>
</div>
</div>
<div class="article_card_class">
<a href="/newslist/321_1" title="软件教程">软件教程</a>
</div>
<div class="article_nearby">
<div>
<span>上一篇：</span>
<a href="/news/714543" title="photoshop怎么运用油漆桶工具填充颜色" class="woh">photoshop怎么运用油漆桶工具填充颜色</a>
</div>
<div>
<span>下一篇：</span>
<a href="/news/768328" title="3dmax动画制作入门教程：流程步骤与实例详解" class="woh">3dmax动画制作入门教程：流程步骤与实例详解</a>
</div>
</div>
<div class="article_related">
<div class="index_title flexBox">
<span>相关文章</span>
<a href="/newslist/1" title="更多">更多</a>
</div>
<div class="article_relatedM swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/768306" title="uc浏览器网址导航页面在哪里？入口位置查找方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/12772cccc178e28668a584ea2ab896a1.webp" src="/static/m/images/moren.png"
alt="uc浏览器网址导航页面在哪里？入口位置查找方法" class="oimg" /></a>
<div>
<a href="/news/768306" title="uc浏览器网址导航页面在哪里？入口位置查找方法"
class="indexMain4Ms_title poh">uc浏览器网址导航页面在哪里？入口位置查找方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/53650_1"
title="UC浏览器">UC浏览器</a>
<a href="/newslist/104875_1"
title="手机浏览器">手机浏览器</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768217" title="tomcat安装与环境变量配置教程及完整操作步骤"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/e7e1fb58f76b120938bcbbddd226b2b8.webp" src="/static/m/images/moren.png"
alt="tomcat安装与环境变量配置教程及完整操作步骤" class="oimg" /></a>
<div>
<a href="/news/768217" title="tomcat安装与环境变量配置教程及完整操作步骤"
class="indexMain4Ms_title poh">tomcat安装与环境变量配置教程及完整操作步骤</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/7800_1"
title="tomcat">tomcat</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768212" title="Gemini官网下载链接及官方安装包获取方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/a8382e7c20273a6f8d193930139ec6cd.webp" src="/static/m/images/moren.png"
alt="Gemini官网下载链接及官方安装包获取方法" class="oimg" /></a>
<div>
<a href="/news/768212" title="Gemini官网下载链接及官方安装包获取方法"
class="indexMain4Ms_title poh">Gemini官网下载链接及官方安装包获取方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/14007_1"
title="官方下载">官方下载</a>
<a href="/newslist/35111_1"
title="Gemini">Gemini</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/768201" title="apache安装全过程详解教程新手完整操作步骤"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/f893004b86a069b7d4156ee7df82f2dd.webp" src="/static/m/images/moren.png"
alt="apache安装全过程详解教程新手完整操作步骤" class="oimg" /></a>
<div>
<a href="/news/768201" title="apache安装全过程详解教程新手完整操作步骤"
class="indexMain4Ms_title poh">apache安装全过程详解教程新手完整操作步骤</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/8862_1"
title="web服务器">web服务器</a>
<a href="/newslist/8927_1"
title="系统配置">系统配置</a>
<a href="/newslist/9012_1"
title="apache">apache</a>
<a href="/newslist/100407_1"
title="HTTP服务器">HTTP服务器</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768141" title="jenkins自动部署jar包教程及完整操作流程"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/72f5bbdd2deb90fe6cd54b3a6ada895a.webp" src="/static/m/images/moren.png"
alt="jenkins自动部署jar包教程及完整操作流程" class="oimg" /></a>
<div>
<a href="/news/768141" title="jenkins自动部署jar包教程及完整操作流程"
class="indexMain4Ms_title poh">jenkins自动部署jar包教程及完整操作流程</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/8270_1"
title="maven">maven</a>
<a href="/newslist/11362_1"
title="CI/CD">CI/CD</a>
<a href="/newslist/12333_1"
title="jenkins">jenkins</a>
<a href="/newslist/24721_1"
title="Shell脚本">Shell脚本</a>
<a href="/newslist/51014_1"
title="jar包">jar包</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/768127" title="白日梦ai抢先版导出文件在哪里？默认保存路径查找方法"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/8c1e4b59c620853cd655423e5bdb06e8.webp" src="/static/m/images/moren.png"
alt="白日梦ai抢先版导出文件在哪里？默认保存路径查找方法" class="oimg" /></a>
<div>
<a href="/news/768127" title="白日梦ai抢先版导出文件在哪里？默认保存路径查找方法"
class="indexMain4Ms_title poh">白日梦ai抢先版导出文件在哪里？默认保存路径查找方法</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/5284_1"
title="资源管理">资源管理</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/768111" title="codex app download iOS版怎么安装使用教程"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260922/c277f70929e782406359ca0254ec0f42.webp" src="/static/m/images/moren.png"
alt="codex app download iOS版怎么安装使用教程" class="oimg" /></a>
<div>
<a href="/news/768111" title="codex app download iOS版怎么安装使用教程"
class="indexMain4Ms_title poh">codex app download iOS版怎么安装使用教程</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/61328_1"
title="开发者工具">开发者工具</a>
</div>
<span>09.22</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/767785" title="AE基础教程：如何创建合成并制作关键帧动画"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260904/178848525769198.webp" src="/static/m/images/moren.png"
alt="AE基础教程：如何创建合成并制作关键帧动画" class="oimg" /></a>
<div>
<a href="/news/767785" title="AE基础教程：如何创建合成并制作关键帧动画"
class="indexMain4Ms_title poh">AE基础教程：如何创建合成并制作关键帧动画</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/123404_1"
title="关键帧动画">关键帧动画</a>
</div>
<span>09.04</span>
</div>
</div>
</div>
<div class="indexMain4Ms">
<a href="/news/767784" title="电影剪辑实战：镜头组织、节奏控制与声音衔接技巧"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260904/178848524922643.webp" src="/static/m/images/moren.png"
alt="电影剪辑实战：镜头组织、节奏控制与声音衔接技巧" class="oimg" /></a>
<div>
<a href="/news/767784" title="电影剪辑实战：镜头组织、节奏控制与声音衔接技巧"
class="indexMain4Ms_title poh">电影剪辑实战：镜头组织、节奏控制与声音衔接技巧</a>
<div class="indexMain4Ms_info">
<span>09.04</span>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4Ms">
<a href="/news/767753" title="转场剪辑实战指南：硬切、遮挡与运镜的精准选择与操作技巧"
class="indexMain4Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260903/178838678931790.webp" src="/static/m/images/moren.png"
alt="转场剪辑实战指南：硬切、遮挡与运镜的精准选择与操作技巧" class="oimg" /></a>
<div>
<a href="/news/767753" title="转场剪辑实战指南：硬切、遮挡与运镜的精准选择与操作技巧"
class="indexMain4Ms_title poh">转场剪辑实战指南：硬切、遮挡与运镜的精准选择与操作技巧</a>
<div class="indexMain4Ms_info">
<div class="indexMain4Ms_class ohx">
<a href="/newslist/2675_1"
title="视频剪辑技巧">视频剪辑技巧</a>
</div>
<span>09.03</span>
</div>
</div>
</div>
</div>
</div>
<div class="article_relatedM_pagination"></div>
</div>
</div>
<div class="indexMain4R1">
<div class="index_title flexBox">
<span>热门文章</span>
<a href="/newslist/1" title="更多">更多</a>
</div>
<div class="indexMain4R1M">
<a href="/news/561233" title="Yandex中文入口及登录使用全攻略" class=""><span
class="woh">Yandex中文入口及登录使用全攻略</span></a>
<a href="/news/561969" title="51漫画高清入口及最新章节更新" class=""><span
class="woh">51漫画高清入口及最新章节更新</span></a>
<a href="/news/469906" title="B站免费入口永久有效网址推荐" class=""><span
class="woh">B站免费入口永久有效网址推荐</span></a>
<a href="/news/536543" title="58动漫网入口及永久访问方法" class=""><span
class="woh">58动漫网入口及永久访问方法</span></a>
<a href="/news/563134" title="B站免费入口网站高效连接方法" class=""><span
class="woh">B站免费入口网站高效连接方法</span></a>
<a href="/news/573074" title="蓝海书屋免费小说全本阅读推荐入口" class=""><span
class="woh">蓝海书屋免费小说全本阅读推荐入口</span></a>
</div>
</div>
<div class="indexMain4R2">
<div class="index_title flexBox">
<span>精品专题</span>
<a href="/newslist/tag_1" title="更多">更多</a>
</div>
<div class="indexMain4R2M swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain4R2Ms">
<a href="/newslist/141355_1" title="本月促销"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/3f1f617d80a90800d626d2e2a5a440e0.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/141355_1" title="本月促销"
class="woh">本月促销</a>
<p class="poh">正软商城本月促销专区，汇集办公、设计、安全、影音、系统工具及AI软件等正版软件优惠活动，提供限时折扣、特价授权和优惠购买信息，活动库存及价格以页面实时展示为准。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/141356_1" title="装机必备"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/141356_1" title="装机必备"
class="woh">装机必备</a>
<p class="poh">正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/2909_1" title="Windows"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/2909_1" title="Windows"
class="woh">Windows</a>
<p class="poh">正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4R2Ms">
<a href="/newslist/3169_1" title="macOS软件"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/3169_1" title="macOS软件"
class="woh">macOS软件</a>
<p class="poh">正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/4170_1" title="IOS软件"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/13f53c6f8a73cfddb8e967fc48566618.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/4170_1" title="IOS软件"
class="woh">IOS软件</a>
<p class="poh">正软商城iOS软件专区，精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用，提供功能介绍、适用设备、系统要求和正版获取方式等信息。</p>
</div>
</div>
<div class="indexMain4R2Ms">
<a href="/newslist/3110_1" title="AI"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260916/10188ccb49192fe36d1dff693e4cf0f3.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/3110_1" title="AI"
class="woh">AI</a>
<p class="poh">正软商城AI软件专区，汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具，提供功能介绍、适用平台、收费方式及正版购买信息。</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain4R2Ms">
<a href="/newslist/340_1" title="PDF教程"><img data-lazy-img
loading="lazy" decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260920/178986704893123.webp" src="http://m.zhengruan.com/static/m/images/moren.png"
alt="" class="oimg" /></a>
<div>
<a href="/newslist/340_1" title="PDF教程"
class="woh">PDF教程</a>
<p class="poh">正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法，同时介绍常用PDF软件和工具的使用技巧。</p>
</div>
</div>
</div>
</div>
<div class="indexMain4R2M_pagination"></div>
</div>
</div>
<div class="indexMain3">
<div class="index_title flexBox">
<span>Mac软件</span>
<a href="/newslist/3169_1" title="更多">更多</a>
</div>
<div class="indexMain3M swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752345" title="灵活计算器"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697900269097.png" src="/static/m/images/moren.png"
alt="灵活计算器" class="oimg" /></a>
<div>
<a href="/news/752345" title="灵活计算器"
class="indexMain3Ms_title woh">灵活计算器</a>
<p class="woh">灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752345" title="灵活计算器"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752357" title="赤友清理大师"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697957425469.png" src="/static/m/images/moren.png"
alt="赤友清理大师" class="oimg" /></a>
<div>
<a href="/news/752357" title="赤友清理大师"
class="indexMain3Ms_title woh">赤友清理大师</a>
<p class="woh">赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752357" title="赤友清理大师"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png"
alt="极度公式" class="oimg" /></a>
<div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_title woh">极度公式</a>
<p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4040_1" title="Linux">Linux</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752364" title="图几"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697993544041.png" src="/static/m/images/moren.png"
alt="图几" class="oimg" /></a>
<div>
<a href="/news/752364" title="图几"
class="indexMain3Ms_title woh">图几</a>
<p class="woh">图几是一款适用于 macOS 的截图、标注与美化工具，支持离线操作保障隐私。界面整理和高频系统操作被放到一起考虑，桌面或窗口内容一多时，管理起来会更省心。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752364" title="图几"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png"
alt="密码键盘" class="oimg" /></a>
<div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_title woh">密码键盘</a>
<p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png"
alt="思源笔记" class="oimg" /></a>
<div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_title woh">思源笔记</a>
<p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png"
alt="Office 365 简体中文" class="oimg" /></a>
<div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_title woh">Office 365 简体中文</a>
<p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p>
</div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png"
alt="WALTR PRO" class="oimg" /></a>
<div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_title woh">WALTR PRO</a>
<p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4336_1" title="Pro">Pro</a>
</div>
</div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png"
alt="CodeExpander" class="oimg" /></a>
<div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_title woh">CodeExpander</a>
<p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png"
alt="Mountain Duck" class="oimg" /></a>
<div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_title woh">Mountain Duck</a>
<p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752366" title="Menuist"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698002923916.png" src="/static/m/images/moren.png"
alt="Menuist" class="oimg" /></a>
<div>
<a href="/news/752366" title="Menuist"
class="indexMain3Ms_title woh">Menuist</a>
<p class="woh">Menuist 是一款面向 macOS 的 Finder 右键菜单增强工具，主要用来补充新建文件、快捷导航等常用操作，让日常文件管理和访问路径时更高效、更顺手。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752366" title="Menuist"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752365" title="Mole"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697997167385.png" src="/static/m/images/moren.png"
alt="Mole" class="oimg" /></a>
<div>
<a href="/news/752365" title="Mole"
class="indexMain3Ms_title woh">Mole</a>
<p class="woh">Mole 是一款专为 Mac 设计的深度清理优化工具，涵盖缓存清理、应用管理及实时状态监控等功能。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752365" title="Mole"
class="indexMain3Ms_download"></a>
</div>
</div>
</div>
<div class="indexMain3M_pagination"></div>
</div>
</div>
<div class="indexMain3">
<div class="index_title flexBox">
<span>WINDOWS</span>
<a href="/newslist/2909_1" title="更多">更多</a>
</div>
<div class="indexMain3M swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752356" title="Windows 10"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178697951292792.png" src="/static/m/images/moren.png"
alt="Windows 10" class="oimg" /></a>
<div>
<a href="/news/752356" title="Windows 10"
class="indexMain3Ms_title woh">Windows 10</a>
<p class="woh">Windows 10 是一款微软推出的经典操作系统，拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2854_1" title="Windows 10">Windows 10</a>
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/4041_1" title="操作系统">操作系统</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752356" title="Windows 10"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png"
alt="极度公式" class="oimg" /></a>
<div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_title woh">极度公式</a>
<p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4040_1" title="Linux">Linux</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752368" title="极度公式"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png"
alt="密码键盘" class="oimg" /></a>
<div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_title woh">密码键盘</a>
<p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752369" title="密码键盘"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png"
alt="思源笔记" class="oimg" /></a>
<div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_title woh">思源笔记</a>
<p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/3170_1" title="Android">Android</a>
<a href="/newslist/4170_1" title="IOS软件">IOS软件</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752370" title="思源笔记"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752382" title="傲梅轻松备份"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698084562365.png" src="/static/m/images/moren.png"
alt="傲梅轻松备份" class="oimg" /></a>
<div>
<a href="/news/752382" title="傲梅轻松备份"
class="indexMain3Ms_title woh">傲梅轻松备份</a>
<p class="woh">傲梅轻松备份是一款专业易用的数据备份软件，为重要数据提供安全保障。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/141356_1" title="装机必备">装机必备</a>
</div>
</div>
<a href="/news/752382" title="傲梅轻松备份"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png"
alt="Office 365 简体中文" class="oimg" /></a>
<div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_title woh">Office 365 简体中文</a>
<p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p>
</div>
<a href="/news/25" title="Office 365 简体中文"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752381" title="Wise Folder Hider Pro"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698079880102.png" src="/static/m/images/moren.png"
alt="Wise Folder Hider Pro" class="oimg" /></a>
<div>
<a href="/news/752381" title="Wise Folder Hider Pro"
class="indexMain3Ms_title woh">Wise Folder Hider Pro</a>
<p class="woh">Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/4336_1" title="Pro">Pro</a>
</div>
</div>
<a href="/news/752381" title="Wise Folder Hider Pro"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png"
alt="WALTR PRO" class="oimg" /></a>
<div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_title woh">WALTR PRO</a>
<p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
<a href="/newslist/4336_1" title="Pro">Pro</a>
</div>
</div>
<a href="/news/752378" title="WALTR PRO"
class="indexMain3Ms_download"></a>
</div>
</div>
<div class="swiper-slide">
<div class="indexMain3Ms">
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png"
alt="CodeExpander" class="oimg" /></a>
<div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_title woh">CodeExpander</a>
<p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752376" title="CodeExpander"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752374" title="PinStack"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698043220915.png" src="/static/m/images/moren.png"
alt="PinStack" class="oimg" /></a>
<div>
<a href="/news/752374" title="PinStack"
class="indexMain3Ms_title woh">PinStack</a>
<p class="woh">PinStack是一款轻量级的Windows平台剪贴板管理工具，优化您的剪贴板使用体验。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
</div>
</div>
<a href="/news/752374" title="PinStack"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png"
alt="Mountain Duck" class="oimg" /></a>
<div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_title woh">Mountain Duck</a>
<p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
<a href="/newslist/3169_1" title="macOS软件">macOS软件</a>
</div>
</div>
<a href="/news/752372" title="Mountain Duck"
class="indexMain3Ms_download"></a>
</div>
<div class="indexMain3Ms">
<a href="/news/752371" title="Seer"
class="indexMain3Ms_img"><img data-lazy-img loading="lazy"
decoding="async"
onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'"
data-src="/uploads/20260817/178698026310735.png" src="/static/m/images/moren.png"
alt="Seer" class="oimg" /></a>
<div>
<a href="/news/752371" title="Seer"
class="indexMain3Ms_title woh">Seer</a>
<p class="woh">Seer是一款在Win平台下的空格键功能增强效率工具，只需轻敲空格键，就能预览几乎任何格式的文件。它更适合把零散的小功能集中起来使用，处理高频琐碎任务时会更省事。</p>
<div class="indexMain3Ms_class ohx">
<a href="/newslist/2909_1" title="Windows">Windows</a>
</div>
</div>
<a href="/news/752371" title="Seer"
class="indexMain3Ms_download"></a>
</div>
</div>
</div>
<div class="indexMain3M_pagination"></div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer2">
<p>网站备案号：苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com</p>
<p>Copyright ©2018-2026</p>
</div>
</footer>
<!--底部 end-->
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '36']);
var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</body>
<script src="/static/m/layui/layui.all.js"></script>
<script src="/static/m/swiper/swiper-bundle.min.js"></script>
<script src="/static/m/js/common.js?23"></script>
<script>
let redirectUrl = '';
function showConfirmModal(url) {
redirectUrl = url;
document.querySelector('.goto_url').textContent = redirectUrl;
document.getElementById('confirmModal').style.display = 'flex';
}
function hideConfirmModal() {
document.getElementById('confirmModal').style.display = 'none';
}
function confirmRedirect() {
if (redirectUrl) {
window.open(redirectUrl, '_blank');
}
hideConfirmModal();
}
document.getElementById('confirmModal').addEventListener('click', function (e) {
if (e.target === this) {
hideConfirmModal();
}
});
</script>
</html> 
