网站搭建记录

警告
本文最后更新于 2024-02-24,文中内容可能已过时。

记录了网站搭建中的一些认识

我接触到网站应该起源于一款软件,静读天下。从这个软件中,我接触到了 epub 的制作,mdict软件,css,html等 。

高中时,我尝试在 Linux 下安装 PHP , Nginx ,MySQL。这三个软件应该说是最基础的网站上线工具包了。在上大学之后,由于一些需要。我才接触到宝塔软件,然后使用宝塔非常方便的搭建了Wordpress。

Wordpress 是非常常见的一款php+MySQL的网站搭建程序,并且程序开源,社区庞大,插件数量繁多。

在我使用的过程中,实际上还是出现过一些问题的。由于使用的服务器 1核 2G 1M,配置较低,后台加载非常慢。我曾尝试使用CDN,但是效果并不理想。

我尝试过 MySQL 缓存,网站静态化缓存,尽可能少的插件,动静分离,Redis缓存,Memcached 缓存。

后来,我觉得优化效果并不明显。并且服务器部署个人网站稍微有点奢侈。选择了静态网站。我最开始使用的是 Hexo。

多说一句,Wordpress我选择的主题的 樱花庄的白猫 使用的Sakura 。后来也接触到这个主题的一些衍生版本,也非常不错。

Hexo 是一个基于nodejs 的静态博客网站生成器。

应该说国内非常多人都在使用的,我选择的主题是 Hexo-Butterfly。Hexo-Next也是非常不错的主题,但是我在更改配置文件的过程中莫名其妙的崩溃了。在挑选主题的过程中,我了解到更多优化技术。如预加载。比如监测用户鼠标,鼠标放置的位置,提前请求。比如图片在 CDN 处压缩成 webp 格式,图片懒加载。

Butterfly 主题提供了非常多的定制化内容(虽然不是所有都能简单的正常运行),页面也非常漂亮。但是由于博客所有网页都是静态的,出现了很多动态网站不需要考虑的问题。如

  1. 网站的讨论模块,虽然有 Valine 等可以使用。
  2. 网站统计难以实现。可以借助百度统计等。
  3. 无法实时更新文章,更难以做到多作者。使用 github action 可部分解决这类问题。
  4. 文章很难实现搜索。尤其是中文内容。

静态网站也有很多优点

  1. 性价比高。部分平台如 github page 是免费的。
  2. 适合单用户
  3. 加 CDN 非常方便,加载速度提示比较明显。

可以说,静态网站是非常好的选择。我选择部署的平台是腾讯云-云开发的静态网站部署。

后来我做了一次系统,未安装nodejs。nodejs因为其层层依赖令我印象深刻。顺手改成了 Hugo 。

Hugo 是 Go 语言开发的,我还尝试过 Rust 开发的 Zola 。Hugo 相对于 Zola 主题更多一些,找了一个支持中文搜索的就这样用着了。使用的是基于 LoveIt 主题改造成的主题 DoIt 。因为腾讯云的静态网站部署不支持 .md 格式文件的自定义响应,而默认的响应会导致中文乱码,于是改成了阿里云OSS+CDN。效果类似。并且配合 GitHub Action 能便捷的完成更新和部署。

可以说静态网站的方案是性价比非常高的一种部署。加上 ajax 之后效果非常不错。