这是一个创建于 568 天前的主题，其中的信息可能已经有所发展或是发生改变。
俺作为一个前端程序员，我一直以来都有使用 dream stack 搭建一个个人网站的想法。我从去年开始利用业余时间设计、开发这个网站，到目前终于实现了最初设想的效果。网址是：xzd.me 。
由于会在业余时间拍拍照，所以网站的主要功能是以相册的形式展现作品，并且在后续持续不断地更新。此外还在上面放一些写过的项目，日后找工作可以作为一个 portfolio 。
技术栈是 Nuxt 3 + TypeScript + TailwindCSS ，开发体验蛮不错，CMS （内容管理系统）选择了 Sanity ，主要原因是支持读取上传的图片的 exif 信息（不过有坑，批量上传的图片会丢失 exif 信息，所以我图片都是一张张上传的）。
目前仅仅实现了基础的功能，后续还希望加入评论、点击量记录、博客、留言板等更多的功能。
网站在 GitHub 开源，欢迎 star 或 fork 魔改~
 | 1 NickHopps 2024-05-10 14:26:31 +08:00  |
 | 2 heoizokdung OP |
 | 3 pianjiao 2024-05-10 15:07:10 +08:00 哇哦 好看 我的 卖坚果的怪叔叔 https://cuixinxin.cn |
 | 4 QSFV6GhF5QyErDs2 2024-05-10 15:20:40 +08:00 不错，也欢迎访问我的 https://www.51fire.xyz/ |
 | 5 Pionear 2024-05-10 15:25:31 +08:00 我也用的 Tailwind https://shuzhipunk.com |
 | 6 ab 2024-05-10 15:2639 +08:00 又来了 |
| 7 heoizokdung OP @pianjiao 好看诶，不过这个是用啥写的？我看源码怎么看不懂 |
 | 8 fd7917931e 2024-05-10 15:35:26 +08:00 都是原图啊？是不是得防一下视觉中国之类的流氓？ |
| 9 heoizokdung OP @fd7917931e 谢谢老哥提醒，后续确实得想想怎么把上传的图片自动加个水印  |
 | 10 cssk 2024-05-10 15:45:08 +08:00 说真的，调色是真不好看，为啥花花草草要调成阿宝色 |
| 11 heoizokdung OP @cssk 阿宝色啥意思？  |
 | 12 johnbens24 2024-05-10 15:57:13 +08:00 不会代码就只能用 ghost 系统了，但挺简洁的，也符合我的需求： 假设检验：探索:品牌 | 投资 | 阅读 | 生活 的方法与收获 https://jiashejianyan.com/ |
 | 13 xiaopanglian 2024-05-10 16:01:40 +08:00 |
 | 14 zzfly256 2024-05-10 16:05:05 +08:00 日经贴了，我也分享一下我的吧，主题也是自己 5 年前还在上学的时候搞的 https://www.zzfly.net |
 | 15 1KTN90lKW9gVJ9vX 2024-05-10 16:20:39 +08:00 via iPhone |
 | 16 TaylorEllie 2024-05-10 20:06:06 +08:00 我也是个前端，想借鉴大佬的代码自己修改点东西，想问一下个人部署网站的话，要怎么部署上去 |
| 17 heoizokdung OP @TaylorEllie fork 我的仓库： https://github.com/xuzuodong/personal-website ，然后在 Vercel 上创建项目，注意要创建两个项目，一个是网站本体的，另一是 CMS 的。具体环境变量怎么填可以看仓库下面的 README.me 。 |
| 18 heoizokdung OP @heoizokdung #17 README.md |
| 19 TaylorEllie 2024-05-10 21:57:55 +08:00 @heoizokdung #18 部署项目需要自己买服务器吗 |
| 20 heoizokdung OP @TaylorEllie 不用哈，serverless 的 |
 | 21 jmllx1963 2024-05-11 10:53:50 +08:00 啊哈，我当时也是想弄可以拖动的效果，但是技术有限就没弄。 https://buycoffee.top |
 | 22 hc9527 2024-05-11 11:25:09 +08:00 康康我的 https://hcljy.top |
| 23 TaylorEllie 2024-05-11 14:05:54 +08:00 @heoizokdung #20 好的我去试试 |
| 24 heoizokdung OP @hc9527 老哥你这个也太帅了，不过貌似没有开源，不然还能学习一下 |
 | 25 1415515984yuri 2024-05-11 15:14:50 +08:00 好看 star 了 |
| 27 jmllx1963 2024-05-11 18:06:36 +08:00  1 |
| 28 heoizokdung OP |
 | 29 WhateverYouLike 2024-07-11 09:42:31 +08:00 @pianjiao 歪楼，这篇文章（ https://cuixinxin.cn/archives/2796 ）的问题 vue 文档中说了, v-for 中的 ref 不保证跟原数组的顺序相同，常规解决办法是自己去找 dom https://cn.vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for |
| 30 pianjiao 2024-07-11 11:29:45 +08:00 @WhateverYouLike 是的 不保证。没有可确定性。你在某些情况下正常。在某些情况在就不正常。所以通过 遍历生成的 ref 组件 没有办法保证你获取数据的准确性。所以要么直接找 dom.。要么将数据获取到融合 根据唯一标识来获取 |
Select Language