• 请不要在回答技术问题时复制粘贴 AI 生成的内容
daidr
1.04D
V2EX  ›  程序员

把自己新的个人博客前端写完了

  •  7
     
  •   daidr ·
    PRO
    ·
    daidr · Oct 13, 2023 · 11470 views
    This topic created in 1125 days ago, the information mentioned may be changed or developed.

    之前用的是 WordPress ,一直想自己实现一套博客系统。 现在前端差不多写完了,第一次用 Nuxt.js ,也用了很多新的特性,前前后后忙了挺久,不过现在后端依旧是 WordPress ,前端部署在 Vercel ,自己感觉还行。就想着发出来给大家看看。

    https://im.daidr.me

    121 replies  •  2023-10-18 00:50:22 +08:00
    1  2  
    ❮ ❯
    dandycheung
    dandycheung
    Oct 13, 2023 via Android❤️1
    1
    非常棒!
    ryan4yin
    ryan4yin
    Oct 13, 2023❤️1
    2
    牛的,动画效果很惊艳!
    tushan
    tushan
    Oct 13, 2023
    3
    挺好看的效果
    zentst
    zentst
    Oct 13, 2023❤️1
    4
    实验室的列表采用横版展示,看后面的内容需要拉左右滚动条,滚动条又小,很不方便,个人感觉可以鼠标放上面时,可以用滚轮滚动;或者说根据需要显示左右按钮,点按钮切换。
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    5
    @zentst #4 之前试过滚动条,感觉很难实现浏览器自带的那种 smooth 效果,之后我再探索一下😣
    滚动的话,按住 shift+滚轮,浏览器是支持横向滚动的
    tf2
    tf2
    Oct 13, 2023
    6
    牛的
    Raikiriww
    Raikiriww
    Oct 13, 2023
    7
    很好看
    CHTuring
    CHTuring
    Oct 13, 2023
    8
    好厉害
    g1vemep0wer
    g1vemep0wer
    Oct 13, 2023
    9
    可以加友链吗 https://www.xiaojun.im/
    sechi
    sechi
    Oct 13, 2023
    10
    太强了!
    wenjy
    wenjy
    Oct 13, 2023
    11
    准备开源吗
    ChrisDev
    ChrisDev
    Oct 13, 2023
    12
    邀请你在 1024.dev 上分享你的博客文章链接。博客、GitHub 项目、工具、任何的社区帖子等等只要是跟开发者相关都可以!
    sechi
    sechi
    Oct 13, 2023❤️1
    13
    @wenjy 翻了一下 op 的 github ,发现已经开源了。https://github.com/daidr/douLog 替 op 发一下
    zjyg1993
    zjyg1993
    Oct 13, 2023
    14
    好牛的个人博客,很细节!
    wenjy
    wenjy
    Oct 13, 2023
    15
    @sechi 先 star 支持一下
    enpitsulin
    enpitsulin
    Oct 13, 2023
    16
    牛牛牛 好看
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    17
    @g1vemep0wer #9 可以哦,我一会儿加上
    Dukec
    Dukec
    Oct 13, 2023
    18
    好看的,期待开源。
    justlazydog
    justlazydog
    Oct 13, 2023
    19
    后端就喜欢看前端的项目
    yechentide
    yechentide
    Oct 13, 2023 via iPhone
    20
    好漂亮!少见的设计能力强的程序员!献上 star 了!
    g1vemep0wer
    g1vemep0wer
    Oct 13, 2023
    21
    @daidr 🥳我也把你加上,我的简介啥的首页那些就是 https://www.xiaojun.im/
    lynan
    lynan
    Oct 13, 2023
    22
    很棒!
    jethroX
    jethroX
    Oct 13, 2023
    23
    太酷啦!我怎么就想不到这种酷炫的动画呢!
    AchieveHF
    AchieveHF
    Oct 13, 2023
    24
    秀儿
    kylix
    kylix
    Oct 13, 2023
    25
    挺好,已收藏
    zk8080
    zk8080
    Oct 13, 2023
    26
    太强了
    allele
    allele
    Oct 13, 2023
    27
    确实不错,支持一下
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    28
    @g1vemep0wer #21 加上啦
    yl20181003
    yl20181003
    Oct 13, 2023
    29
    动画效果很秀
    gps949
    gps949
    Oct 13, 2023
    30
    太棒了!
    当前在干什么的那个,是咋做的?
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    31
    @gps949 #30 是最近在写的一个小玩具,等过段时间完善了会开源的
    gps949
    gps949
    Oct 13, 2023
    32
    @daidr 🐂🍺期待一下
    RoccoShi
    RoccoShi
    Oct 13, 2023
    33
    厉害啊, 这个动画效果
    Moyyyyyyyyyyye
    Moyyyyyyyyyyye
    Oct 13, 2023
    34
    🐂🍺
    lihexinkai
    lihexinkai
    Oct 13, 2023
    35
    我一直很好奇为什么你们的 ui 都那么好看
    g1vemep0wer
    g1vemep0wer
    Oct 13, 2023
    36
    @daidr 已➕
    powinds
    powinds
    Oct 13, 2023
    37
    动画效果真不错,支持
    gps949
    gps949
    Oct 13, 2023❤️1
    38
    @daidr
    当前状态那个,提些小建议供参考:
    - 在播放音歌曲不知道你调的是哪个 app 的?要是支持点击在本地也能打开同样的歌曲(甚至跳转到同样进度)就好了。
    - 还有当前在浏览网页也能点击跳转就好了。
    - 当然这些可能会需要设置成可开关的来根据不同的人的需要保护隐私。
    - 还可以考虑展示当前所在地( IP 、GPS )之类的。
    - 还可以考虑支持像 github 那样设置状态、签名。
    - 还可以考虑支持“气泡博客”(即可以即时发送一段文字或照片,作为临时状态显示一小短时间)
    坐等这部分开源,到时候记着开 donate 😄
    gps949
    gps949
    Oct 13, 2023
    39
    @gps949
    在播放歌曲那个,甚至还可以考虑支持流同步到网页作为背景音乐?
    sp670
    sp670
    Oct 13, 2023
    40
    一看域名就好熟悉,结果还真是您本人,用了您的看板娘插件好多年了
    kmaster
    kmaster
    Oct 13, 2023
    41
    太帅了!
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    42
    @gps949 #38 mark 了,感谢建议🫡

    目前是使用 winRT API 拿系统 Media Manager 的数据,所以理论上是能够获取对应软件信息的,不过跳转感觉是一个比较复杂的功能,浏览器可能很难实现
    在研究如何获取浏览器 URL 了,可能会有白名单来进行一些高级的定制

    所在地和状态签名都在实现中了

    这个玩具前天才开始写,目前也还有很多问题需要解决
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    43
    @sp670 #40 哈哈,感觉是很久之前了,当时才刚接触前端
    gps949
    gps949
    Oct 13, 2023
    44
    @daidr
    才写两天这效果已经很爆炸了。
    但看你说 winRT API 我心凉了😂岂不是 macOS 或者移动端就不好支持了?
    tlerbao
    tlerbao
    Oct 13, 2023
    45
    男生?
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    46
    @gps949 #44 这感觉问题不大,我想 Mac 也有相应的接口能获取媒体信息😂

    关于移动端,目前我是简单拼了一个快捷指令,用来同步 Apple 专注模式
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    47
    @tlerbao #45 对哦
    62742a40
    62742a40
    Oct 13, 2023
    48
    前端挺有意思的,现在学前端还来得及吗
    mlyykk
    mlyykk
    Oct 13, 2023
    49
    效果很有意思哦
    gps949
    gps949
    Oct 13, 2023❤️1
    50
    @daidr 我倒没想着可以同步移动端在操作的软件。可能移动端能实现个前面说的那种“气泡微博”就行吧,想说点啥或者看到点啥可以快速方便地发到页面状态上。可以考虑通过走移动端 app 的共享接口,或者走企微机器人之类的
    MissCute
    MissCute
    Oct 13, 2023
    51
    赞赞赞!!!!
    jazzsama
    jazzsama
    Oct 13, 2023
    52
    厉害
    inhzus
    inhzus
    Oct 13, 2023
    53
    好好看的动画效果啊!
    fao931013
    fao931013
    Oct 13, 2023
    54
    颜色很舒服
    throns
    throns
    Oct 13, 2023❤️1
    55
    最近看到的“搭建博客容易,坚持写博客难!”,深以为然。希望楼主能坚持写博客。
    encro
    encro
    Oct 13, 2023
    56
    @fao931013

    只有我觉得蓝色太亮了不太方便阅读吗?


    @daidr

    效果非常 nice 。。。
    tietou
    tietou
    Oct 13, 2023
    57
    搞的这么炫酷呀
    nobody111
    nobody111
    Oct 13, 2023
    58
    助手的可还行 哈哈哈哈哈。
    nobody111
    nobody111
    Oct 13, 2023
    59
    友链里面看见不少熟悉的头像(
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    60
    @nobody111 #59 哈哈
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    61
    @encro #56 目前我自己看着蓝色和浅绿色会比较瞎眼,之后我调调
    KING754
    KING754
    Oct 13, 2023
    62
    和你的比起来.我的就是个垃圾.
    suyuyu
    suyuyu
    Oct 13, 2023
    63
    @g1vemep0wer #9 哥们这个是自己写的吗
    suyuyu
    suyuyu
    Oct 13, 2023
    64
    @g1vemep0wer #9 在你的 github 找到了
    cyrbuzz
    cyrbuzz
    PRO
    Oct 13, 2023❤️2
    65
    后排提示,文章列表到文章详情也有一个很棒的动画,需要 Chrome111 以上,楼主用了一个试验性的属性,又学到一个新知识,https://developer.chrome.com/docs/web-platform/view-transitions/。
    MENGKE
    MENGKE
    Oct 13, 2023
    66
    🐮太好看了。比我的好太多了


    https://mengke.me
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    67
    @cyrbuzz #65 哈哈哈,观察很仔细,最近刚加的,之前这块没有动画😂
    lxiian
    lxiian
    Oct 13, 2023
    68
    牛啊 op ,动效真好看啊
    EHemingway
    EHemingway
    Oct 13, 2023
    69
    过渡很流畅,阿妹 z 啊,你服务器啥配置
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    70
    @EHemingway 前端在 vercel ,后端 1h2g 腾讯云
    LavaC
    LavaC
    Oct 13, 2023
    71
    是希望达到的动手能力🫡
    EHemingway
    EHemingway
    Oct 13, 2023
    72
    thx 解答,优化的很棒
    teeengmod26
    teeengmod26
    Oct 13, 2023
    73
    厉害,像你这样做一个博客,需要掌握哪些知识?
    9921
    9921
    Oct 13, 2023
    74
    我怎么打不开网站
    leeshong27
    leeshong27
    Oct 13, 2023
    75
    帅
    Wien
    Wien
    Oct 13, 2023
    76
    给校友点赞
    GodIsJasonBourne
    GodIsJasonBourne
    Oct 13, 2023
    77
    duang duang duang 加特技,真炫!我有一种这就是未来前端 UI 模范的想法。快去申请专利!挣它一笔。
    9A0DIP9kgH1O4wjR
    9A0DIP9kgH1O4wjR
    Oct 13, 2023
    78
    动画太秀了
    9A0DIP9kgH1O4wjR
    9A0DIP9kgH1O4wjR
    Oct 13, 2023
    79
    提一个小小的建议,首页滚动鼠标的时候能自动跳到文章列表,首页动不了总感觉怪怪的
    liuooooo
    liuooooo
    Oct 13, 2023
    80
    动画很棒👍
    aino
    aino
    Oct 13, 2023
    81
    前端架构师水平
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    82
    @9921 #74 😨有可能是被污染了,我博客 Vercel+Cloudflare 双重 defuff ,最近好像劫持很严重
    root71370
    root71370
    Oct 13, 2023
    83
    可以给 halo 授权个主题吗, 太牛了看着
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    84
    @root71370 #83 是说要做个差不多的 halo 主题么,当然可以,随便做,博客代码是 MIT License
    Guidoo
    Guidoo
    Oct 13, 2023
    85
    请问下 我-头像右上角 xx 正在... 怎么做的?
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    86
    @Guidoo #85 是一个我正在写的小玩具,等全部搞完后会开源的
    43n5Z6GyW39943pj
    43n5Z6GyW39943pj
    Oct 13, 2023
    87
    过渡写得很好呀
    MaxFang
    MaxFang
    Oct 13, 2023
    88
    反馈一个问题,文章列表页面点击进入详情页面的时候,感觉闪了一下,动画有点不自然。
    Guidoo
    Guidoo
    Oct 13, 2023
    89
    @daidr 牛的,期待开源
    5I4v7N4CPSlF03tx
    5I4v7N4CPSlF03tx
    Oct 13, 2023 via Android
    90
    年轻真好啊
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    91
    @MaxFang 应该是 loading 闪了一下,我一会儿修修
    yjd
    yjd
    Oct 13, 2023
    92
    smartUp 手势 页顶,页底竟然不起作用。
    BaseException
    BaseException
    Oct 13, 2023
    93
    好佩服自研博客 前端开发的很炫酷的人! respect 🫡
    uncat
    uncat
    Oct 13, 2023
    94
    反馈:

    在 Dark Reader 插件( Chrome )下,页面右侧有样式问题
    Archeb
    Archeb
    Oct 13, 2023
    95
    看到楼主之前的横板主题,想起来我以前也做过一个横板的(而且支持平滑鼠标滚轮的)主题,不过现在我又换回普通的单栏了,哈哈。

    https://github.com/Archeb/Candy2
    jlak
    jlak
    Oct 13, 2023 via iPhone
    96
    这 3d 旋转是特效库还是纯手撸?
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    97
    @jlak 手动算的,用 css transform
    jianzha52
    jianzha52
    Oct 13, 2023
    98
    厉害!
    yafoo
    yafoo
    Oct 13, 2023 via Android
    99
    的确漂亮
    daidr
    daidr
    OP
    PRO
    Oct 13, 2023
    100
    @Archeb #95 好看😀
    不过横向滚动在 PC 上真的好难处理
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2083 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 139ms · UTC 15:08 · PVG 23:08 · LAX 07:08 · JFK 10:08
    ♥ Do have faith in what you're doing.