网站技术分享

发布时间：2025-10-30 17:45
修改时间：暂无修改
【作者：無同 | 未经许可，请勿转载！】

目录

声明

这是一篇由于 技术不足 + 经费不足 而产生的“畸形”的建站经验，仅供参考。

网站域名

本站域名从NameSilo购入，.top域名相对实惠，首年十几块，后续每年三十多续费。为提高国内访问速度，额外采用国内的DNSPod的免费DNS解析服务。

网站部署

网页全部代码及绝大部分资源文件托管在Github Pages上，免费且相对稳定。

网站更新

本站主体为静态网页，依靠手动更新网页文件来更新网站。

文章的撰写与发布

使用StackEdit撰写Markdown格式的文章，然后使用“导出为HTML”功能从事先写好的模板生成符合网站主题的HTML文件，最后上传到Github上的对应仓库及来实现文章发布。

评论功能

文章页底部的评论功能由Valine评论系统实现，由LeanCloud提供免费的“云引擎”和数据库服务。

图片加载优化

由于本站首页图片过多，所以采用了以下几个方法来提高网站图片加载速度：

• 网站背景图片及首页“动态”栏图片均使用Caesium图片压缩软件压缩成.webp格式，且文件大小由几MB甚至十几MB压缩到二百KB左右，大大提高加载速度。
• 网站背景图片及首页“动态”栏图片上传到路过图床，进一步提高加载速度。
• 为首页“动态”栏图片 < img > 标签加上 loading=“lazy” 属性，实现图片懒加载，这意味着只有浏览器可视区域内及附近的图像才会加载，网页滚动到下方时才会继续加载后面的图片，大大减轻了带宽压力。

一通操作下来，实测网站首页加载速度可由原来的十几秒优化到3秒以内(一般情况下)。