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