从零搭建网站避免用WordPress相册的正确姿势
模板网站太丑不够用，很多老板在建站时就选了WordPress，结果发现相册模块一堆问题，要么加载慢，要么设计老旧，还不好删。别急，这篇文章就从零带你搭建一个不用WordPress相册的网站，省事又专业。
概念速懂：WordPress相册为啥不香
很多人建站就选WordPress，主要因为它简单、模板多，但其实它自带的相册功能是最不推荐用的。
为啥？
- 加载慢：图片是原图上传，未压缩，直接影响网站速度。
- 设计老套：大多数模板相册样式都一样，没法自定义。
- 代码冗余：相册插件会让HTML代码变得复杂，不利于SEO和移动端适配。
如果你只是要展示几个图片，用WordPress相册简直是“大材小用”。
而且，如果你从零搭建网站，完全没必要用这种“万能但不专业”的方法。
注册/购买流程：选对平台才是关键
从零搭建网站，第一步就是选好平台，这里我推荐三种方式：
| 方案 | 优点 | 缺点 | 适合人群 |
|---|---|---|---|
| 自建服务器 | 灵活性强，完全自定义 | 配置复杂，成本高 | 有技术能力或团队支持 |
| 云服务器（如阿里云、腾讯云） | 稳定，性价比高 | 要自己部署 | 有一定基础 |
| 建站平台（如阿里云建站、Wix） | 上手快，功能全 | 自定义程度低 | 非技术用户 |
选好平台后，域名和服务器怎么买？
- 域名注册：去阿里云、腾讯云、GoDaddy等平台买，价格在10~30元/年。
- 服务器配置：
- 初学者建议买云服务器，比如阿里云ECS，2核4G配置足够用。
- 操作系统推荐CentOS 7或Ubuntu 20.04，稳定又支持大多数软件。
- 备案：如果你的网站是中文的，必须在工信部备案，流程大概需要2~3个工作日。
提示：备案要提前准备身份信息，别等网站上线后才发现漏了这步。
配置与部署步骤：不用WordPress相册的方案
既然我们不用WordPress相册，那怎么展示图片？我推荐两种方案：
方案一：用前端页面+静态图片（适合简单展示）
步骤一：购买域名和服务器
你已经知道怎么做了，跳过。
步骤二：上传图片到服务器
可以用FTP工具（比如FileZilla）把图片上传到服务器的/var/www/html/images目录。
或者用对象存储服务，比如阿里云OSS、腾讯云COS，上传图片后拿到图片链接直接用。
步骤三：用HTML/CSS写一个图片展示页面
<!DOCTYPE html>
<html>
<head><title>我的图片展示</title><style>.gallery {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 10px;}.gallery img {width: 100%;height: auto;border-radius: 8px;}</style>
</head>
<body><div class="gallery"><img src="http://yourdomain.com/images/1.jpg" alt="图片1"><img src="http://yourdomain.com/images/2.jpg" alt="图片2"><img src="http://yourdomain.com/images/3.jpg" alt="图片3"></div>
</body>
</html>
这样展示的图片速度快，样式也更容易控制。如果你有前端基础，甚至可以加个轮播图。
方案二：用GitHub Pages + Markdown写相册（适合开发者）
GitHub Pages是一个免费的静态网站托管服务，非常适合展示图片或写博客。
步骤一：创建GitHub仓库
- 登录GitHub，新建一个仓库，名称设为
yourname.github.io。 - 点击“Create repository”。
步骤二：上传图片和写HTML
- 在仓库中新建一个
index.html文件。 - 把图片上传到仓库的
images文件夹。 - 写HTML代码展示图片，就像前面那样。
GitHub开源仓库中有很多现成的相册模板，比如 Photo Gallery Template，你可以直接用。
常见问题：不用WordPress相册，会遇到哪些坑？
1. 图片加载速度慢怎么办？
- 压缩图片：用工具（如TinyPNG）压缩图片，大小控制在500KB以内。
- 使用CDN：比如阿里云CDN，加速图片加载。
- 懒加载：在HTML中加一个
loading="lazy"属性，图片只在用户看到时加载。
2. 图片显示不全怎么办？
- 设置图片宽度100%，高度
auto，保证比例不变。 - 添加响应式布局：用CSS媒体查询，适配手机和电脑。
3. 图片被别人盗用怎么办？
- 加水印：用工具给图片加文字或Logo水印。
- 限制访问权限：用GitHub Pages的话，可以设置密码或限制IP。
优化建议：从零搭建网站的关键点
- 图片格式选对：优先用WebP格式，加载更快，体积更小。
- 页面结构清晰：别一股脑塞满图片，加个标题、分页，用户更愿意看。
- SEO优化：图片加
alt描述，用<figure>标签，提升搜索引擎收录。 - 移动端适配：用媒体查询、图片响应式设置，确保手机也能看。
