如何用1分钱建站速度秒杀三大门户网站站

发表于 更新于 分类于 阅读次数：

如何用1分钱建站速度秒杀三大门户网站

如何快速又便宜地建立一个高质量的网站呢(高质量指的是访问速度快)，还能够双站热备(国内国外热备两份内容)，整个开支大概一分钱吧

核心就是用阿里云的OSS来提供高速的访问。

先看访问速度

同样是访问下面三个网站首页:

OSS托管，页面大小 96.6MB、242个GET，耗时2.21秒加载，价格不到1分钱

搜狐首页，页面大小16.6MB、555个GET，耗时3.6秒

新浪首页， 页面大小17.8MB、404个GET，耗时9.63秒

OSS托管的网站

用OSS托管的网站加载速度，96MB页面（很大了）2.21秒加载完毕

image-20210702140950863

访问搜狐首页

image-20210702141336301

访问新浪首页

image-20210702142610162

原因分析

OSS快的原因是：小网站并发不高，服务器、带宽资源充足，还不用花钱，没有机器、带宽维护成本以及人员成本

有专业的阿里云工程师负责运维，给的是最好的服务器、最大的带宽（你用的少就不用花钱，带宽资源费用超级便宜）

到底有多便宜呢？1.6万次GET请求才1分钱，0.52GB流量才0.25元，计价金额单位震惊我了

image-20210702163910295

OSS托管网站方案

将所有内容静态化，然后上传到OSS就可以了

发布操作步骤：

  • markdown编辑器中编写要发布的页面
  • 用hexo静态化全站（将markdown转换成html页面）
  • git commit到github或者ossutil 同步到aliyun oss中

比如下面就是我的网站发布脚本：

1
2
3
4
5
#静态化网站，并同步到github，多活；-d 表示 deploy
hexo g -d

#sync all pages to oss
ossutil --config-file=~/src/script/mac/.ossutilconfig sync ./public/ oss://mysite/ -u --output-dir=/tmp/

实际我的网站通过github和OSS都能访问到，内容完全一样，github免费，但是多图页面速度太慢, 比如我一个页面几十个图，github加载偶尔失败, 但是我把图片放到了OSS，因为OSS超级快这样github加载也变得超级快了。

hexo是一个node实现的网站生成工具

oss 托管网站介绍

感叹一下，个人建站现在真的是又便宜又方便，只是域名实名制恶心了点，那就干脆不要域名了。

update 20241120: 阿里云 OSS关闭了默认域名的静态托管，也就是会强制下载而不是在浏览器里展示静态页面：https://help.aliyun.com/zh/oss/user-guide/how-to-ensure-an-object-is-previewed-when-you-access-the-object，除非你绑定自己的域名

一些问题

themes/next

github page 当个人网站，main 分支对应源码，master 分支对应静态化后的页面，如果 main 分支 generate 静态页面都是空的，请注意 themes/next 文件夹内容要完整

1
2
3
4
5
6
#ls themes/next
LICENSE              _config.yml.bak      package.json
README.en.md         bower.json           scripts
README.md            gulpfile.coffee      source
_config-20200519.yml languages            test
_config.yml          layout

image-20240924143604980

版本搭配

当前测试如下版本搭配能正常 generate 静态页面，如何这个 3.9 的 hexo 搭配 node 14/20 都会 generate 空页面，需要进一步升级 hexo 版本测试搭配更高的 node 版本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
✗ hexo -v
hexo: 3.9.0
hexo-cli: 4.3.2
os: darwin 23.4.0 14.4.1

node: 12.22.12
v8: 7.8.279.23-node.57
uv: 1.40.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.18.1
modules: 72
nghttp2: 1.41.0
napi: 8
llhttp: 2.1.4
http_parser: 2.9.4
openssl: 1.1.1n
cldr: 37.0
icu: 67.1
tz: 2021a4
unicode: 13.0

//保持如下 link 才会使用 hexo 3.9，以及 3.9 依赖的 node 版本
/opt/homebrew/bin/hexo -> /opt/homebrew/lib/node_modules/hexo-cli/bin/hexo

升级 hexo 到 7.3 失败

hugo

更快，一来更少，所以问题更少

theme：DoIt

配置：https://niceram.xyz/2021/03/04/20210304_1125/

theme 配置：https://blog.csdiy.org/2023/02/23/depoly-hugo-theme-doit/