网站建设

网站建设技术教程合集，下分 JavaScript 实战与 CSS 排版两个细分专区，覆盖独立站搭建、前端代码片段、移动端兼容、中文排版、KindEditor 编辑器配置、网页编码 BOM 排错等 web 开发一线场景与最佳实践。

前端性能与体验

Discuz X3.5编辑省略号去不掉：2步修复方案+5大避坑

Discuz X3.5 升级后门户文章标题超 80 字会自动追加省略号、每编辑一次再加一次怎么办？保哥给出 2 种修复方案：后台全局-用户权限-标题最大字数改 255（推荐）与改 portalcp_article.php 源码（兜底），含升级踩坑回顾、连带配置影响与 hook 插件化做法。

2023-09-21 24 分钟阅读 Discuz门户 Discuz标题 Discuz X3.5
CSS教程

全站黑白灰CSS：4套CMS部署与避坑指南

哀悼日全站黑白灰滤镜怎么挂？本文给出兼容老IE到现代浏览器的完整CSS片段，覆盖Typecho、WordPress、DedeCMS、Discuz、静态站点的部署方式与定时上下线脚本。

2022-12-08 20 分钟阅读悼念代码 CSS技巧前端兼容性
CSS教程

CSS图片居中实战：display block+margin5步现代方案

站群采集站正文图片全部贴左、编辑器内联style干扰、富文本插入格式各异等通病，保哥用一段带important的CSS核心代码统一接管居中：display block、margin 0 auto、max-width 100%四件套，附 11套CMS容器选择器表和 SQL一键清理历史脏属性。

2022-10-09 25 分钟阅读图片居中 display block margin auto
CSS教程

纯CSS图片等比缩放：max-width+srcset现代实战5套

正文图片宽度五花八门导致排版崩塌？保哥用十几年实战验证过的纯CSS等比缩放方案：max-width 100加height auto 4行核心配方，配合srcset、picture、WebP/AVIF、fetchpriority和aspect-ratio的现代响应式图片完整工程方案。

2022-10-09 25 分钟阅读图片缩放 max-width srcset
页面SEO

INP互动到下一次绘制怎么优化？P98与主线程6维实战

Google2024年用INP替代FID当作Core Web Vitals的交互指标，许多原本绿盘的站点掉进黄红区。这篇把背后的统计口径、三段时序、主线程长任务机制、四类修复手法和不同框架的具体配方逐一拆透，并讲清楚它对SEO排名的真实权重。

2022-06-22 26 分钟阅读 Core Web Vitals 网页性能 INP
技术SEO

碳中和SEO运营：5步从页面碳足迹到爬虫抓取的同一套规范

低碳SEO常被当成营销噱头或道德议题,其实它是一道工程题:本文从网页碳排放的能耗模型讲起,拆解绿色徽章为何不是排名信号、页面瘦身按图片字体脚本的什么顺序与阈值推进、CDN与绿电主机怎么辨洗绿、以及AI爬虫暴涨后抓取预算这道账被怎样重算,最后给一套能排进季度的可持续SEO体检清单。

2022-04-19 26 分钟阅读 AI爬虫抓取预算网页性能
HTML与标记

织梦DedeCMS上传FILEID:3报错完整修复指南

织梦后台上传图片报FILEID:3却图片实际已存？本文从SWF前端解析逻辑讲清根因，给出ob_end_clean兜底、屏蔽错误输出、去BOM、HTML5替代等多套修复方案与迁移预检清单。

2021-09-16 21 分钟阅读织梦上传图片 DedeCMS问题排查 PHP输出缓冲
网页编辑器

DedeCMS文章页图片去重响应式方案47步：5维度+8类避坑实战

织梦 DedeCMS 编辑器上传图片自动塞 width 与 height 属性导致移动端撑破屏幕的根因，给出修改 arc.archives.class.php 的三行 preg_replace 安全版本（用字符类避免正则贪婪问题）、DOMDocument 替代方案性能与正确性对比、配套响应式 CSS 兜底、老文章静态页批量更新与 CDN 缓存清理三步走。

2021-02-10 25 分钟阅读 DedeCMS手机站 DedeCMS批量处理织梦图片
网站建设

KindEditor批量上传图片限制：2方法+避坑实战

KindEditor默认批量上传最多20张且单图1MB？本文实战拆解2种放宽方法——初始化参数配置与源码层修改，配合PHP和Nginx三层兜底，附升级合并脚本与7条避坑Tips，让老项目一次性把上传限制改到位。

2020-11-20 33 分钟阅读 kindeditor 富文本编辑器 JavaScript
网站建设

KindEditor编辑器深度优化指南：上传目录归档、批量限额、p标签清理与CSRF安全加固

KindEditor 集成在 DedeCMS、ECShop、phpcms 多个 CMS 里的痛点集中在上传目录混乱、批量限额低、p 标签残留与 file_manager_json.php 未鉴权。本文按 6 个维度给出 plugins/multiimage、kindeditor.js、php/upload_json.php 的具体改造代码，并补全 nginx/php.ini/.htaccess 三层限额一致性。

2020-11-20 33 分钟阅读 kindeditor 图片上传上传目录
前端性能与体验

DedeCMS自定义表单列表UI重构指南：现代化样式、搜索筛选、批量导出与LayUI集成

DedeCMS 自定义表单（diy）后台样式停留在 2010 年代且功能简陋。本文给出 dede/templets/diy_list.htm 的完整重构：青绿主色 + 卡片布局、状态色块徽章、可点击表头排序、搜索过滤、日期筛选、Excel 批量导出、移动端响应式适配，并附 LayUI 集成路径与暗黑模式扩展。

2019-09-29 55 分钟阅读织梦自定义表单 DedeCMS模板 DedeCMS自定义表单
HTML与标记

DedeCMS自定义表单必填项校验加固版：变量变量安全风险、HTML5校验、蜂蜜罐与reCAPTCHA协同

DedeCMS 自定义表单默认不做必填校验，社区流传的 plus/diy.php 修补代码用了变量变量 $$field 配合 DedeCMS 全局注入有安全隐患。本文给出加固版服务端校验（直接读 $_POST + 字段名白名单）、HTML5 + minlength/pattern 现代化前端校验、蜂蜜罐隐藏字段、IP 频率限制、reCAPTCHA v3 协同的完整代码与 FAQ。

2019-09-29 24 分钟阅读织梦自定义表单 DedeCMS表单 plus/diy.php
网页编辑器

ECShop换KindEditor批量传图实战：5步改造

ECShop自带FCKeditor不支持批量上传图片导致单商品上传30张图要40分钟。本文用KindEditor替换成功后单商品4分钟搞定，给出goods_info.htm、goods.php、article_info.htm 3处文件改造、php.ini与Nginx大文件参数、扩展名/MIME/目录3道安全防线，附实测产能提升5倍数据。

2019-09-16 24 分钟阅读百度编辑器 kindeditor 富文本编辑器
前端性能与体验

织梦DedeCMS后台自定义表单列表页错误：47步完整修复指南

织梦dedecms后台自定义表单列表页美化教程，通过替换dede/templets/diy_list.htm文件全部代码，将默认丑陋列表改为带圆角按钮和悬停效果的现代化表格界面，提升后台视觉体验。

2018-12-19 22 分钟阅读织梦自定义表单
JS教程

PHP输出JS alert换行5种转义方案：实战代码+避坑

PHP 动态生成 JavaScript 弹窗时 alert 文本里的 \n 换行符不生效是因为字符串经过两次解析层级未对齐。本文从最小复现、PHP 双引号与单引号转义规则差异、json_encode 安全标志位组合、动态拼接 JS 的 XSS 风险、CSP 严格模式禁用 inline script 五个层面把这个看起来很小的问题彻底拆开。

2018-11-23 24 分钟阅读 PHP.ini Typecho SEO JS换行
HTML与标记

DedeCMS自定义表单必填项校验完整方案：服务端+JS+HTML5三层+reCAPTCHA+CSRF防护

DedeCMS 自定义表单默认所有字段都可空，运营拿到的留言半数没联系方式。本文给出 plus/diy.php 服务端校验、原生 JS 即时反馈、HTML5 兜底属性的三层方案，并扩展到邮箱手机号正则、reCAPTCHA v3 评分阈值、双 token CSRF 防护、SameSite cookie 等加固，与 DedeCMS 表单 UI 美化（cid 822）配套使用。

2018-11-21 28 分钟阅读织梦自定义表单 reCAPTCHA DedeCMS自定义表单
JS教程

button按钮刷新页面的8种JavaScript写法实战

用button按钮触发页面刷新看似一行代码就能解决，实际涉及强刷与软刷、历史栈、表单重复提交、CDN缓存等细节。本文整理八种主流写法、性能对比、生产模板和移动端兼容坑点，帮前端开发者一次理清button刷新页面的所有正确姿势。

2018-11-20 25 分钟阅读刷新页面 button按钮 JavaScript刷新
HTML与标记

批量CSV转XLSX：4种实战方案与编码避坑

从几十个CSV手工转换到几千个文件批量处理，本文给出VBA宏、Python pandas、PowerShell ImportExcel、Power Query 4种方案的完整脚本，以及UTF-8/GBK/Big5全谱编码处理。

2018-09-01 23 分钟阅读 EXCEL CSV XLSX
前端性能与体验

Excel批量删除指定字符所在行：VBA加固版+Power Query+pandas三套方案与性能基准

Excel 批量按内容删行最常用的 VBA 宏代码在大数据集（10K+ 行）上性能差到不可用、Union 累加超 65535 限制、删完 Undo 失效。本文给出加固版 VBA（AutoFilter + SpecialCells 比 Find 循环快 50 倍）、Power Query 可视化筛选、Python pandas 大数据处理三套方案的完整代码、性能基准、合并单元格 / 保护工作表 / 跨多 Sheet 等真实场景与 FAQ。

2018-07-07 25 分钟阅读 EXCEL Power Query Excel VBA
百度SEO

百度主动推送实战：3种方式API+JS+Sitemap

主动推送、自动推送JS、sitemap三种百度收录通道：主动推送API最快单条几分钟入抓取队列，自动推送依赖用户访问触发，sitemap稳定但慢3天到2周。保哥三档配合实战与5种语言脚本。

2018-06-27 27 分钟阅读百度推送百度SEO 百度站长平台