很多人一听到“用txt做网站”，脑子里全是乱码和空白。

其实这是个巨大的误解。

txt本身只是纯文本，它确实不能直接“塞”进一张jpg图片进去。

就像你没法把一块石头塞进信封里，除非你画了张石头的画，或者写上石头的坐标。

做网站也一样。

如果你真的想用txt（或者说HTML，毕竟网页本质就是文本）来展示照片，核心逻辑就两个：引用，或者编码。

今天我不讲那些虚头巴脑的理论，直接上干货。

我是真受不了那些教人用复杂CMS系统的教程，对于想快速搭建个人主页、或者做极简博客的朋友来说，纯代码才是王道。

首先，你得明白，浏览器不认识txt，它认识的是HTML标签。

所以，你所谓的“用txt做网站”，其实是用记事本写HTML代码，然后保存为.html后缀。

这点必须搞清楚，不然后面全白搭。

那么，如何用txt做网站时增加照片？

第一种方法，最简单，也最常用：相对路径引用。

这是90%的人都在用的方法。

你新建一个文件夹，比如叫“my_site”。

在里面放一张照片，比如叫“photo.jpg”。

然后，用记事本打开，输入以下代码：

看这张图

保存为index.html。

双击打开，图片就出来了。

是不是很简单？

这里的img标签就是关键。

src属性指向图片的位置。

如果图片和html文件在同一个文件夹，直接写文件名就行。

如果在子文件夹里，比如叫images，那就写src="images/photo.jpg"。

这种方法的好处是，图片还是原图，清晰度高，加载快。

但缺点也很明显，你得管理好文件结构。

一旦你移动了图片位置，链接就断了。

这时候，很多人会问，如果我想把图片直接嵌在代码里，不依赖外部文件呢？

这就涉及到第二种方法：Base64编码。

这就是真正的“硬核”玩法。

你可以把图片转换成一串长长的字符，直接写在html代码里。

这样，整个网站就是一个单独的html文件，哪怕你发给别人，只要这一个文件，图片也能显示。

怎么转？

网上有很多在线工具，搜“图片转Base64”一大堆。

把图片传上去，复制那串代码。

然后，在img标签的src里，填入data:image/jpeg;base64,后面跟那串代码。

注意，中间有个逗号，别漏了。

这种方法，完美解决了“如何用txt做网站时增加照片”且无需管理额外文件的问题。

但是，我要泼盆冷水。

除非图片特别小，比如图标、头像，否则别用Base64。

为什么？

因为编码后的字符长度，通常是原图片大小的1.3倍左右。

一张1MB的照片，转完可能变成1.5MB的文本。

加载速度会变慢，而且代码看起来像天书，维护起来极其痛苦。

我见过有人为了炫技，把一张高清大图转成Base64，结果页面打开要好几秒，用户体验极差。

这就是典型的为了技术而技术，忽略了实际效果。

还有一种情况，就是远程引用。

你把图片放在图床，或者别人的服务器上。

在img标签里直接写http://...的图片链接。

这种方法最省事，但风险最大。

万一对方删了图，或者图床挂了，你的网站就出现红叉。

对于严肃的网站，不建议这么做。

总结一下。

如果你只是做个简单的展示页，用相对路径引用，最稳妥。

如果你追求极致的单文件便携，且图片很小，用Base64。

如果你懒，且不在乎稳定性，用远程链接。

别再纠结txt能不能存图片了，它存的是“指引”，而不是“数据”本身。

搞清楚这个逻辑，你就掌握了网页图片展示的精髓。

别被那些花里胡哨的工具吓住，回归本质，代码才是网页的灵魂。

希望这篇内容能帮你理清思路，少走弯路。

毕竟，建站是为了表达，不是为了炫技。

把照片放对地方，比放多少张照片更重要。

记住，简洁，有力，才是好网站的标准。

希望这篇关于如何用txt做网站时增加照片的分享，能对你有所帮助。

如果有其他疑问，欢迎留言讨论。

咱们下期见。