做为一个穷苦的开发者,我深刻地认识到了节省成本于网站建设而言的重要性。今天我就针对像我这样的开发者(对,中小学生)提供一些节省网站开支的解决方案,希望于各位而言有所帮助。
首先是网站服务器的问题,服务器这一大问题可以分割成2个版块:页面和静态资源。今天我们先来说下静态资源问题。
(一)字体
我知道您各位中一定有许多人忽视了字体的重要价值——字体是我们站在网站上字里行间展示个性的最重要方法。
本文是我对Atzs网站的献礼,因此必须要感谢一下ZeoSeven先生。他创立的 ZSFT(fonts.zeoseven.com) 免费提供适用于多种语言文字(尤其是中、日、韩文字)的多种风格各异的字体。
感谢 zeoSeven 提供的ZSFT和Atzs网站,这篇长文是我对该站送上的一份薄礼。
该网站对于字体的覆盖范围及许可修正栏:证标注清晰,并提供免费CDN服务——其中有些字体绝对是精品中的精品。以下是几个用于我正在开发的个人网站上的例子:
- 思源宋体(中文、日文、諺文)
- Digital Numbers(时钟)
- Google Sans(正文中字母及汉字)
其中字体皆可用于Atzs的文章写作。
(二)图片
图片对于视觉效果的改善作用人尽皆知。我十分钟爱图片巨幕做为内容的背景,然而高清的图片必定会占据很大的存储空间,比如Unsplash上下载的图片体积均约1MB。
为解决这个问题,网上有人建议买CDN,有人建议用Github自建图床。个人认为这两种方法对于中国的个人开发者不是很友好。毕竟最近在AI大潮下存储价格飞涨,CDN不会便宜;而Github对于国内访问的响应速度想必各位中绝大多数也都体会到了。
就在我们处于这般尴尬的境地时,请看国货之光: 该网站可以将上传的图片转为WEBP格式,大小缩小到一半以下(可承受上传的原图最大为20MB),曾创造过把我的网站速度提升10S(首页)的战绩。该图床没有国内加速点。
没有具体网址,请您自行搜索仔细验证可用性。
(三)页面问题
上网一搜“网站免费虚拟主机”,一堆各种网站就冒了出来。可此类虚拟主机多半IP上含有大量虚假、不良网站,很容易就把你的网站一块块拖进去,这对SEO十分不友好。相信各位谁都不想辛辛苦苦写了二十篇文章,一篇都没有被搜索引擎收录吧。
Vercel
Vercel是Next.js的最佳配套,而作为一名天津联通和电信的用户,我压根没成功访问过它提供容器服务的网站——换了自己的域名也不行。
Netlify
Netlify是另一个流行的选择。GitHub Pages 由它驱动,Netlify可以使用其附赠的二级域名或您自己的域名。基本上前面列出的那些框架在网上都可以搜到行之有效的Netlify部署教程。Netlify亦提供CLI,有利于我们更亲密地与AI协作。
(四)各搜索引擎站长工具
有条件者请把你可以想到的常用搜索引擎注册个遍,没条件的可以学我来注册 Microsoft Bing Webmaster Tools。来自官方的意见是改进收录情况的重大依据。
静态博客框架说明
本文针对的是静态博客,比如您使用了如下的框架:
- Hexo
- Next.js
- Nuxt.js
- Astro
- Jekyll
- 11ty
等等。若您的网站使用的是 WordPress、Halo 之类,这一块您可以跳过。
数据统计工具
网站发布后的维护工作也需要许多重要工具。接下来分享几个用于数据统计的工具。
(一)Microsoft Clarity
免费的热区地图工具——帮助你观测访客在你网站上的每次浏览、每次点击,使你明白每个版块设计的优点与缺点。
Clarity 以 JavaScript 脚本形式嵌于页面中并要求你有 Microsoft 账户。放心,开户不需要手机号码。
(二)不蒜子
不蒜子无具体网址,这个工具有许多分支,找一个可以正常使用的就好。它可以帮助我们在网页上像 WEB 1.0 时期一样展示计数器,想想也挺有意思的。
关于域名
至于本文漏提的域名问题,请认准这六个字符:eu.org
欢迎各位访问 oldhelps blog,下一期我来分享一下如何降低开发成本的一些小经验。