我也来分享下个人网站

2024-05-10 14:14:38 +08:00
 heoizokdung

俺作为一个前端程序员,我一直以来都有使用 dream stack 搭建一个个人网站的想法。我从去年开始利用业余时间设计、开发这个网站,到目前终于实现了最初设想的效果。网址是:xzd.me

由于会在业余时间拍拍照,所以网站的主要功能是以相册的形式展现作品,并且在后续持续不断地更新。此外还在上面放一些写过的项目,日后找工作可以作为一个 portfolio 。

技术栈是 Nuxt 3 + TypeScript + TailwindCSS ,开发体验蛮不错,CMS (内容管理系统)选择了 Sanity ,主要原因是支持读取上传的图片的 exif 信息(不过有坑,批量上传的图片会丢失 exif 信息,所以我图片都是一张张上传的)。

目前仅仅实现了基础的功能,后续还希望加入评论、点击量记录、博客、留言板等更多的功能。

网站在 GitHub 开源,欢迎 star 或 fork 魔改~

2818 次点击
所在节点    分享创造
30 条回复
jmllx1963
2024-05-11 10:53:50 +08:00
啊哈,我当时也是想弄可以拖动的效果,但是技术有限就没弄。
https://buycoffee.top
hc9527
2024-05-11 11:25:09 +08:00
康康我的 https://hcljy.top
TaylorEllie
2024-05-11 14:05:54 +08:00
@heoizokdung #20 好的我去试试
heoizokdung
2024-05-11 14:47:09 +08:00
@hc9527 老哥你这个也太帅了,不过貌似没有开源,不然还能学习一下
1415515984yuri
2024-05-11 15:14:50 +08:00
好看 star 了
CSGO
2024-05-11 17:45:27 +08:00
@jmllx1963 这个底部的这种渐变模糊效果是什么思路?
jmllx1963
2024-05-11 18:06:36 +08:00
heoizokdung
2024-05-11 22:46:13 +08:00
WhateverYouLike
344 天前
@pianjiao 歪楼,这篇文章( https://cuixinxin.cn/archives/2796 )的问题
vue 文档中说了, v-for 中的 ref 不保证跟原数组的顺序相同,常规解决办法是自己去找 dom
https://cn.vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for
pianjiao
344 天前
@WhateverYouLike 是的 不保证。没有可确定性。你在某些情况下正常。在某些情况在就不正常。所以通过 遍历生成的 ref 组件 没有办法保证你获取数据的准确性。所以要么直接找 dom.。要么将数据获取到融合 根据唯一标识来获取

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1039465

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX