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

[leedarmau]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[gps949]

照片拍得不错👍🏻

[Tanix2]

右边的心跳真的很有感觉!

[laolaowang]

不错，和一些人相反，我不喜欢那个“呼吸动画”

[makelove]

作为程序员身份 90 分
作为设计师身份 50 分

[KillPaul]

同为设计师，然而我还在学 CSS 基础啊哈哈哈哈.... 老粉了，立马 rss 订阅一个。坐等大佬的网站开发教程~
另外提一个小建议，希望摄影作品可以点开看全屏大图~

[swirling]

上方没居中对齐
首页右边那个块一直动和左边没对齐
然后左边 I create and build things on screen 右边是 I create and build things for screen
还有就是 Header 上的对齐和 内容部分的对齐不太一致
(强迫症

[cais]

建议文章和图片模块里 图片也支持点击事件

[falost]

过来人告诉你 备案了也不能做小程序 这属于未开放类目

[wzdsfl]

https://beta.darmau.design/article/qinghai-galaxy-3
这个页面里有 <br> 标签没渲染哦

[LavaC]

我 7 月 20 开始做的博客每隔几天写几行代码，以这进度写到年末都不一定能把想要的功能实现完，看到 op 每天熬夜肝，感到很惭愧。

[Innovatino]

挺好的，不过感觉好像没啥设计😂

最好搞点个人风格进来

[LavaC]

之前在 B 站看过另一位设计师的做法，借用现成游戏引擎来实现页面，把个人网站当游戏做，也是个降低前端代码学习难度的法子。

[leedarmau]

@makelove 有没有可能是程序员分不够实现不了一些想法

@cais 可以有

@Innovatino 明年大改版再考虑吧。之前弄了好几天设计，后来觉得应该先上线再优化。而且内容为主的话，不太好搞太个性的风格。比如不同视频网站的视频卡片基本都差不多。

@LavaC 那不是更难了吗？我这个说实话就是取数据，展示数据。没啥难度。

[allgy]

非设计观点：杂，图片可以弄成影集，不要平铺

[CHXX]

页面过于杂乱，不够简洁。https://dribbble.com/search/blog

[Arrowing]

整体色彩搭配比较和谐。
我有强迫症，导航栏的标题下划线没居中！

[vivipure]

顶部导航应该高亮当前路由

[duan602728596]

图片何不上 webp 和 avif ？

[KevinDo2]

难受，导航栏 hover 出现的下划线不是和文字居中对齐的。。
如果是特意设计的左对齐，那有感觉长度太短。
文章仅支持点击标题，不太符合第一直觉

[thulof]

性能很好啊，Lighthouse 94 分，应该是专门做了性能优化？