关于
the frame

这是一个什么样的网站

这个网站本身是一个名为 Frame（此处意为“相框”）的网页程序，它基于 Nuxt 3 构建，用于展示我在旅行中的不同地点拍摄的照片。

做出这一网站，是因为我希望能够通过它来记录自己过往的生活与走过的地方，并保留这些照片背后的故事和当时的想法。

旅行是...

旅行本身是一种全新的生活体验。世界如此巨大，有太多的未知等待我们去感受，去发掘。旅行对我而言，是一种用于记录和体现自己看待生活视角的方式。从旅行中我们能看到自己如何待人接物。

而拍照是记录旅行最为简单的方式，它是一种视角的记录。拍照并不是简单地留下印记——这些照片在旅行过后也将化身为故事的阐述者。通过重新查看这些照片，或许就可以与当时的心境和感受重新链接。

为什么不用 Chevereto 或者...？

与一般的图床程序不同，开发 Frame 的本意并非图片的统一存储、分类和管理，而是对一些与旅游高度绑定的相片及其背后故事的客观记载。另外，个人按需编写、按需部署的整体灵活性也是直接使用三方图床无法比拟的。

网站设计

照片查看器的设计

本站中用于展示照片的专用页面称为照片查看器，它的一些特性具体说明如下：

  • 每个照片具有两种质量等级：原图和压缩，压缩后的图片高度固定为 1080px，按等比例方式进行缩放。可点击工具栏中的 加载原图 按钮切换图片的质量。
  • 照片中如果存有 GPS 信息，会在查看器页面的靠下部分呈现出来。同时，根据 GPS 信息中的经纬度，会显示相关图片的具体拍摄地点名称，还会在可交互的世界地图上标出拍摄的地点。这一地图是基于 OpenLayers 构建的。拍摄地点的名称一般是中文，如果存在官方的英文翻译也会套用。
  • 如果照片的拍摄地点是景区、地铁站或者公路旁，也会按照实际将它们的名称（标志）标注在经纬度获取的地点旁边。

图片查看器中还附带了一个拓展菜单（右下角的加号按钮），可用于快速切换页面或随机浏览。

图片存储服务与质量

目前所采用的云服务是阿里云的对象存储（OSS）。

图片大部分都是用非专业的拍照设备（手机）拍摄的。为了节省云服务的流量，以及使用 iPhone 拍摄的照片大部分为 HEIF 格式，本站的所有照片在上传之前都利用 ImageMagick 进行了 JPEG 压缩。压缩过程中尽量保留了原图的观感。

网站字体

网站左上角的 Logo 使用的是 Fira Sans 字体，网站本身使用的是 Open Sans。

数据集

版权

本站的所有照片均为原创，以 CC BY-SA 4.0 协议授权。

本网站的代码采用 MIT 协议授权。

本网站上使用到的国家公路图标是在维基共享媒体上获取到的，它们的发布者各不相同。但根据他们自己写出的版权协议，这些标志应该都属于公有领域。

This image of road traffic sign is from the mandatory National Standard of the People's Republic of China GB 5768, Road traffic signs and markings. Per 权司[1999] 第50号 issued by the National Copyright Administration, mandatory standards are technical standards with legal natures, so the copyright protection is inapplicable pursuant to Article 5 of the Copyright Law of the People's Republic of China.

本站上的地铁线路标志为自制，以 CC BY-SA 4.0 协议授权。