改网站源代码这件事，网站没你想的源代那么玄乎。去年我帮一个开咖啡馆的码修朋友改他官网的营业时间，他以为要重做整个网站，网站结果我只用记事本打开一个 .html 文件，源代把“10:00 - 22:00”改成“09:00 - 23:00”，码修保存上传，网站完事。源代整个过程不到三分钟。码修前提是网站——你得知道代码在哪、改哪一行、源代改完往哪放。码修

先搞清楚你要改的网站是什么类型的网站

不是所有网站都能直接改源代码。纯静态网站，源代就是码修一堆 .html、.css、.js 文件堆在服务器上，这种最好办，跟改本地文档没区别。但如果你用的是 WordPress、Wix、Shopify 这类建站平台，源代码是动态生成的，你改了一个文件，下次系统更新可能就覆盖回去了。这时候正确的做法是改主题文件或者用插件注入自定义代码，而不是直接动核心文件。

还有个更麻烦的情况：网站是外包公司做的，你手里只有 FTP 账号，没有源码备份。我建议你动手之前先把整个站点目录下载到本地。别问为什么，问就是血泪教训。我见过有人改错一个字符，首页直接白屏，又没有备份，最后花了两千块找人恢复。

找到要改的那一行

打开浏览器的开发者工具，快捷键 F12 或者右键“检查”。这个面板里看到的 HTML 是浏览器渲染后的结果，不一定跟服务器上的源文件一模一样。但它能帮你定位。比如你想改页脚的电话号码，在 Elements 面板里找到那串数字，记下它周围的 class 名或者 id 名。然后去源文件里搜这个关键词。

用 VS Code 或者 Notepad++ 打开文件，Ctrl+F 搜索。注意别只搜一次就下手。同一个 class 可能在多个页面复用，你改了一处，其他页面也跟着变。想精准控制的话，最好给目标元素加一个独立的 id，然后在 CSS 里针对这个 id 写样式。

改 CSS 比改 HTML 安全

如果你只是想调个颜色、换个字体大小、挪一下位置，优先改 CSS 文件。HTML 管结构，CSS 管样子。动结构容易把布局搞崩，动样式相对可控。比如把导航栏背景从黑色改成深灰，找到对应的选择器，把 background-color: #000; 改成 background-color: #333; 就行。

有个小技巧：在开发者工具的 Styles 面板里直接调数值，实时看效果。调满意了，再把那几行复制回源文件。比反复上传刷新快得多。

JavaScript 别乱动

除非你确定自己在干什么，否则别碰 .js 文件。JS 控制交互逻辑，改错一个分号可能导致整个页面的按钮全部失灵。我见过一个案例，有人想改轮播图速度，把 setInterval 里的 3000 改成 100，结果图片闪得像迪厅灯球。更糟的是，有些 JS 是压缩过的，变量名全是 a、b、c，根本没法读。

真要改 JS，先找到未压缩的版本，或者去 GitHub 上搜原项目。实在找不到，就在浏览器控制台里试，确认逻辑没问题了再动源文件。

改完记得清缓存

你改了文件，上传到服务器，刷新浏览器发现没变化。别慌，大概率是缓存。Ctrl+F5 强制刷新，或者去 CDN 后台清一下缓存。如果是 WordPress 装了缓存插件，也得在插件里点“清除所有缓存”。这个坑我踩过不下十次，每次都想砸键盘。

最后说一句：改之前备份，改之后测试。手机端、平板端、不同浏览器都看一眼。你永远不知道哪个角落会因为你改了一个 margin 值而错位。