Hi,你好啊朋友
其实一直有打算做一个自己的网站,记录想记住的所有事情。最近其实一直也在制作不少小型网站,也做出来了个自己的Portfolio网站,不过商业化气息还是太重。那个就是用来销售自己卖身用的。我可不想把什么都放在那里,我希望可以有一个比较私密、比较个人化的空间,而不必总是需要考虑其他功利的事情。
刚好有闲置的域名。此域名买了有一阵,放着荒废也怪可惜。虽然一年只有十几澳元,但总归是利用起来才好。
有这样的初衷,所以也就有了当前个网站。本着极简主义精神,我尽量用最简易的方式搭建了这个页面。我使用了Gatsby来制作了这个网站,好处是页面不再需要加载React等资源在本地渲染,而是页面直接被生成为静态页面,所以你应该会发现页面加载很迅速。整个页面我使用了最简单的布局,没有大量的图片,没有花里胡哨的各种东西,追求整体上干净整洁。我加了浅色、暗色模式,方面白天或晚上阅读不伤眼睛。我还加入了预读取功能,前后文章可以预先加载,所以网络不稳定时候也能保证用户至少还有内容可以看。同时我还对图片、视频等设置了延迟加载,通俗点说:当用户在一个页面上阅读某长文章还没有翻到后面的图片视频的时候是不耗流量的。
除了这些,对于作者来讲也有便捷的地方。所有文章可以用Markdown形式制作。只要加一小部分必须的头文件设定,文章全部可以用MD的规则直接书写,自动就能生成对应的文章。代码也可以直接书写,自动会生成界面友好优美的代码框。告别了繁琐的文本编辑,复制粘贴到CMS,再手动发布等等一系列操作。我使用了Netlify来自动发布,绑定了Github的代码仓库,在自己电脑上写完文章提交到仓库就可以高枕无忧了,其他的一概是自动的。很是方便。
展示下代码框:
console.log('Hello World!');
本网站整体的UI风格追求极简,但绝不敷衍。简约,不简单。按照乔布斯的话来说就是"Less is more."