V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
heoizokdung
V2EX  ›  分享创造

我也来分享下个人网站

  •  
  •   heoizokdung · 69 天前 · 2114 次点击
    这是一个创建于 69 天前的主题,其中的信息可能已经有所发展或是发生改变。

    俺作为一个前端程序员,我一直以来都有使用 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
    NickHopps
        1
    NickHopps  
       69 天前
    heoizokdung
        2
    heoizokdung  
    OP
       69 天前
    pianjiao
        3
    pianjiao  
       69 天前
    哇哦 好看 我的 卖坚果的怪叔叔 https://cuixinxin.cn
    QSFV6GhF5QyErDs2
        4
    QSFV6GhF5QyErDs2  
       69 天前
    不错,也欢迎访问我的 https://www.51fire.xyz/
    Pionear
        5
    Pionear  
       69 天前
    我也用的 Tailwind
    https://shuzhipunk.com
    ab
        6
    ab  
       69 天前
    又来了
    heoizokdung
        7
    heoizokdung  
    OP
       69 天前
    @pianjiao 好看诶,不过这个是用啥写的?我看源码怎么看不懂
    fd7917931e
        8
    fd7917931e  
       69 天前
    都是原图啊?是不是得防一下视觉中国之类的流氓?
    heoizokdung
        9
    heoizokdung  
    OP
       69 天前
    @fd7917931e 谢谢老哥提醒,后续确实得想想怎么把上传的图片自动加个水印
    cssk
        10
    cssk  
       69 天前
    说真的,调色是真不好看,为啥花花草草要调成阿宝色
    heoizokdung
        11
    heoizokdung  
    OP
       69 天前
    @cssk 阿宝色啥意思?
    johnbens24
        12
    johnbens24  
       69 天前
    不会代码就只能用 ghost 系统了,但挺简洁的,也符合我的需求:
    假设检验:探索:品牌 | 投资 | 阅读 | 生活 的方法与收获 https://jiashejianyan.com/
    xiaopanglian
        13
    xiaopanglian  
       69 天前
    我也贴一下我开源的 typecho 系统的朋友圈主题。
    演示站点: https://0ru.cn/
    开源地址: https://github.com/xiaopanglian/icefox
    zzfly256
        14
    zzfly256  
       69 天前
    日经贴了,我也分享一下我的吧,主题也是自己 5 年前还在上学的时候搞的 https://www.zzfly.net
    hemingcn
        15
    hemingcn  
       69 天前 via iPhone
    我也分享一下

    博客:www.sl
    阴茎锻炼:dickplus.com
    TaylorEllie
        16
    TaylorEllie  
       69 天前
    我也是个前端,想借鉴大佬的代码自己修改点东西,想问一下个人部署网站的话,要怎么部署上去
    heoizokdung
        17
    heoizokdung  
    OP
       69 天前
    @TaylorEllie fork 我的仓库: https://github.com/xuzuodong/personal-website ,然后在 Vercel 上创建项目,注意要创建两个项目,一个是网站本体的,另一是 CMS 的。具体环境变量怎么填可以看仓库下面的 README.me
    heoizokdung
        18
    heoizokdung  
    OP
       69 天前
    TaylorEllie
        19
    TaylorEllie  
       69 天前
    @heoizokdung #18 部署项目需要自己买服务器吗
    heoizokdung
        20
    heoizokdung  
    OP
       69 天前
    @TaylorEllie 不用哈,serverless 的
    jmllx1963
        21
    jmllx1963  
       68 天前
    啊哈,我当时也是想弄可以拖动的效果,但是技术有限就没弄。
    https://buycoffee.top
    hc9527
        22
    hc9527  
       68 天前
    康康我的 https://hcljy.top
    TaylorEllie
        23
    TaylorEllie  
       68 天前
    @heoizokdung #20 好的我去试试
    heoizokdung
        24
    heoizokdung  
    OP
       68 天前
    @hc9527 老哥你这个也太帅了,不过貌似没有开源,不然还能学习一下
    1415515984yuri
        25
    1415515984yuri  
       68 天前
    好看 star 了
    CSGO
        26
    CSGO  
       68 天前
    @jmllx1963 这个底部的这种渐变模糊效果是什么思路?
    heoizokdung
        28
    heoizokdung  
    OP
       68 天前
    WhateverYouLike
        29
    WhateverYouLike  
       8 天前
    @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
        30
    pianjiao  
       7 天前
    @WhateverYouLike 是的 不保证。没有可确定性。你在某些情况下正常。在某些情况在就不正常。所以通过 遍历生成的 ref 组件 没有办法保证你获取数据的准确性。所以要么直接找 dom.。要么将数据获取到融合 根据唯一标识来获取
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5280 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 02:41 · PVG 10:41 · LAX 19:41 · JFK 22:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.