当设计师学了前端……看看我这个博客什么水平

[leedarmau]

之前连载了两篇文章，为啥没动静了呢，因为我忙着去弄网站了。。。

前阵子花了半个月的时间，利用 Strapi+Gatsby 做了一个全新的个人网站。

做这个网站的初衷就是市面上的 CMS 和主题都不能满足我的需求，我想要展示更多的内容类型，更符合我想法的设计。

于是我选择了 Headless CMS 作为后端和内容源。这种 CMS 只提供接口和数据，你需要自己把数据获取到并自己决定如何展示。数据库是 Postgresql ，不过除了最开始的创建数据库、授权用户，后面我再没管过。

因为更新频率可能是两周一次，所以我选择了 Gatsby 这种静态网站方案。

设计完全是我自己搞定的，因为本来就是设计师。其实开发的成品跟设计稿也是有些偏差的，开发中也会不断调整设计。首页的小动效也是自己想的。

内容分为三块：文章、摄影和视频。其中视频支持切换视频源。（但是 YouTube 源好像有问题，待修复。西瓜和 B 站是好的）

网站支持响应式布局，会自动根据系统主题切换明暗，支持 RSS ，支持搜索。

另外如果你网络状况良好的话（我是说在境外，或者梯子够好。备案通过后会给国内加 CDN ），会感到网站速度非常快，极其块，秒开。

目前还有一些设计细节需要优化，“关于本站”放了链接但还没开发。但基本的框架和内容都具备了。

本来正式发布是要等备案通过，所以目前是禁止解析境内请求的。不过既然你能看到这篇帖子，说明你应该能正常访问我的网站。

国内 ip 是打不开的！需要用代理

做完以后还是挺有成就感的，因为这是我开发的第一个网站。后面也会把我设计、开发这个网站的过程写成文章发表在上面。

说了这么多放出链接：https://darmau.design

希望能得到各位的反馈和建议。谢谢！

[chihiro2014]

访问不了=。=？

[me221]

在 1080 屏幕上有横向滚动条

[dandycheung]

很好！

[leedarmau]

@chihiro2014 …… 我临时把大陆请求打开了，现在应该可以了。

访问不了是因为你的代理不够智能，没有把我的域名当成境外 IP 。。。

[keepeye]

还阔以哦

[pendulum]

不错，想扒

[leedarmau]

@pendulum 那就给个 star 吧 https://github.com/Darmau/darmau-gatsby

@me221 应该跟屏幕没关系吧。我知道在移动端点击搜索再切回来会有滚动条，缩一下就可以了。暂时懒得修这个。

[angrylid]

简体中文博客拒绝大陆请求是什么用意

[leedarmau]

@angrylid ……备案

[f056917]

确实有横向滚动条，是你的 width: 100vw;属性造成的，原因是有个纵向滚动条占用了宽度，所以实际视窗宽度不足 100vw

[xilou31]

@leedarmau #9 跟备案有啥关系，如果你的境外服务器的话，根本就不需要备案吧。

[hhacker]

不要备案
不要备案
不要备案

[leedarmau]

@xilou31 可我想保证大陆访问速度啊

@f056917 的确是那个搜索的锅

[hhacker]

@xilou31 OP 设置了 DNS 区域解析, 等备案了就能解析到国内服务器上

[leedarmau]

@hhacker 后面还想弄个小程序，域名必须备案

[xilou31]

另外做的确实挺有意思的。

[CSGO]

牛蛙！我也花了一周学了标注语言 wangyifang.com 然后到了 js 就看不下去了。

[xiaoshan5733]

清爽干净，操作丝滑，爱了爱了

[296727]

@leedarmau windows 上也有滚动条，应该是有个地方多了
index-module--cover-block--rECgE width 100vw ，别用 vw ，用 100%就可以了

[Rache1]

让我见识到了 border-image-slice 这个属性 👍