本文关键词：如何用txt做网站时增加照片
做建站这行七年了，我见过太多小白被那些花里胡哨的建站软件忽悠，最后发现根本搞不定。今天咱们不整虚的，直接聊点硬核的。很多人问，我想用纯文本或者代码的方式搭建个极简网站，怎么往里加照片？听起来挺简单，其实坑多着呢。
首先得纠正一个误区，txt文件本身是不支持直接显示图片的，它就是个记事本。你所谓的“用txt做网站”，大概率是指用记事本写HTML代码，然后保存为.html文件来运行。这时候，增加照片的核心就两个字：路径。
我刚入行那会儿，有个客户非要搞什么“极简主义”博客，让我帮他弄个纯代码的首页。我给他写了个最基础的HTML结构，里面嵌了一张图片。结果他发给我一看，图片全裂开了，显示红叉。我问他图片放哪了，他说“就在电脑桌面上”。我当时真想顺着网线过去打他。这就是典型的本地路径问题。
在HTML里，如果你写
，这在你的电脑上可能能看，但一旦上传到服务器，或者发给别人，绝对打不开。因为服务器不知道你的C盘在哪。正确的做法是，把你的照片和HTML文件放在同一个文件夹里，或者建立一个专门的images文件夹。
比如，你新建一个文件夹叫“我的网站”，里面放一个index.html，再建个子文件夹叫“img”，把照片放进去。然后在代码里这么写：
。注意，src里面不要带盘符，也不要带http开头的网址，除非你用的是外链。
这里有个真实案例。去年有个做本地摄影工作室的朋友，想做个展示页。他为了省事，直接把照片路径写成了绝对路径，结果网站上线后，所有图片都挂了。他急得半夜给我打电话，说是不是服务器坏了。我让他检查代码，才发现路径错得离谱。后来我们改成相对路径，问题立马解决。
除了路径，图片的格式和大小也很关键。别拿那种几MB的原图直接往网页里塞。我见过有人用单反拍的原图，一张就有10M，加载起来慢得要死，用户体验极差。建议用Photoshop或者在线工具压缩一下，控制在200KB以内，格式选JPG或者WebP。WebP现在支持得不错，体积小画质好，是个好东西。
还有，很多人不知道alt标签的重要性。在代码里，。这个alt不仅是给搜索引擎看的，也是图片加载失败时的替代文字。你问怎么增加照片能优化SEO？这就是关键。别偷懒，alt里写上你图片的核心关键词，比如“北京胡同摄影”，而不是“图片1”。
另外，响应式布局也得注意。现在大家都用手机看网站，如果你的图片没设置宽度，可能会撑破屏幕。加个style="max-width: 100%; height: auto;"，就能让图片自适应屏幕大小。
最后，别总想着用什么复杂的CMS系统。有时候，简单的HTML+CSS反而更稳定，更安全，加载更快。当然，如果你真的不懂代码，还是建议用WordPress之类的平台，但你要知道原理，不然出了问题只能干瞪眼。
总之，如何用txt做网站时增加照片，核心就是搞懂相对路径，处理好图片大小，写好alt标签。别被那些高大上的术语吓到，其实就是些基础操作。多试几次，你就明白了。别怕出错，我当年也是改了一堆bug才学会的。希望这点经验能帮到你，少走点弯路。
