首页创作台
最后更新于 (共 1 次)

做为一个穷苦的开发者,我深刻地认识到了节省成本于网站建设而言的重要性。今天我就针对像我这样的开发者(对,中小学生)提供一些节省网站开支的解决方案,希望于各位而言有所帮助。

首先是网站服务器的问题,服务器这一大问题可以分割成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协作。

Netlify

#(四)各搜索引擎站长工具

有条件者请把你可以想到的常用搜索引擎注册个遍,没条件的可以学我来注册 Microsoft Bing Webmaster Tools。来自官方的意见是改进收录情况的重大依据。

#静态博客框架说明

本文针对的是静态博客,比如您使用了如下的框架:

  • Hexo
  • Next.js
  • Nuxt.js
  • Astro
  • Jekyll
  • 11ty

等等。若您的网站使用的是 WordPress、Halo 之类,这一块您可以跳过。

#数据统计工具

网站发布后的维护工作也需要许多重要工具。接下来分享几个用于数据统计的工具。

#(一)Microsoft Clarity

免费的热区地图工具——帮助你观测访客在你网站上的每次浏览、每次点击,使你明白每个版块设计的优点与缺点。

Clarity 以 JavaScript 脚本形式嵌于页面中并要求你有 Microsoft 账户。放心,开户不需要手机号码。

Microsoft Clarity

#(二)不蒜子

不蒜子无具体网址,这个工具有许多分支,找一个可以正常使用的就好。它可以帮助我们在网页上像 WEB 1.0 时期一样展示计数器,想想也挺有意思的。

#关于域名

至于本文漏提的域名问题,请认准这六个字符:eu.org


欢迎各位访问 oldhelps blog,下一期我来分享一下如何降低开发成本的一些小经验。