我也来分享下个人网站

[heoizokdung]

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

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

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

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

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

[NickHopps]

[heoizokdung]

@NickHopps

[pianjiao]

哇哦 好看 我的 卖坚果的怪叔叔 https://cuixinxin.cn

[QSFV6GhF5QyErDs2]

不错，也欢迎访问我的 https://www.51fire.xyz/

[Pionear]

我也用的 Tailwind
https://shuzhipunk.com

[ab]

又来了

[heoizokdung]

@pianjiao 好看诶，不过这个是用啥写的？我看源码怎么看不懂

[fd7917931e]

都是原图啊？是不是得防一下视觉中国之类的流氓？

[heoizokdung]

@fd7917931e 谢谢老哥提醒，后续确实得想想怎么把上传的图片自动加个水印

[cssk]

说真的，调色是真不好看，为啥花花草草要调成阿宝色

[heoizokdung]

@cssk 阿宝色啥意思？

[johnbens24]

不会代码就只能用 ghost 系统了，但挺简洁的，也符合我的需求：
假设检验：探索:品牌 | 投资 | 阅读 | 生活 的方法与收获 https://jiashejianyan.com/

[xiaopanglian]

我也贴一下我开源的 typecho 系统的朋友圈主题。
演示站点： https://0ru.cn/
开源地址： https://github.com/xiaopanglian/icefox

[zzfly256]

日经贴了，我也分享一下我的吧，主题也是自己 5 年前还在上学的时候搞的 https://www.zzfly.net

[1KTN90lKW9gVJ9vX]

我也分享一下

博客：www.sl
阴茎锻炼：dickplus.com

[TaylorEllie]

我也是个前端，想借鉴大佬的代码自己修改点东西，想问一下个人部署网站的话，要怎么部署上去

[heoizokdung]

@TaylorEllie fork 我的仓库： https://github.com/xuzuodong/personal-website ，然后在 Vercel 上创建项目，注意要创建两个项目，一个是网站本体的，另一是 CMS 的。具体环境变量怎么填可以看仓库下面的 README.me 。

[heoizokdung]

@heoizokdung #17 README.md

[TaylorEllie]

@heoizokdung #18 部署项目需要自己买服务器吗

[heoizokdung]

@TaylorEllie 不用哈，serverless 的

[jmllx1963]

啊哈，我当时也是想弄可以拖动的效果，但是技术有限就没弄。
https://buycoffee.top

[hc9527]

康康我的 https://hcljy.top

[TaylorEllie]

@heoizokdung #20 好的我去试试

[heoizokdung]

@hc9527 老哥你这个也太帅了，不过貌似没有开源，不然还能学习一下

[1415515984yuri]

好看 star 了

[CSGO]

@jmllx1963 这个底部的这种渐变模糊效果是什么思路？

[jmllx1963]

@CSGO 用遮罩.

[heoizokdung]

@1415515984yuri

[WhateverYouLike]

@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]

@WhateverYouLike 是的 不保证。没有可确定性。你在某些情况下正常。在某些情况在就不正常。所以通过 遍历生成的 ref 组件 没有办法保证你获取数据的准确性。所以要么直接找 dom.。要么将数据获取到融合 根据唯一标识来获取