我的Intro界面

DuckXu 日志

没事干，在GPT4和Copilot的帮助下给duckxu.com这个根域名下面写了一个新的起始页。简单，好看（个人认为），支持日夜模式。

Github:https://github.com/ScDuckXu/SntroPage (V2)

TODO List

  1. 更换iP数据库调用的服务商
  2. 增加更多的小插件和面板

Update 25/02/03
通过JS识别用户当前系统日夜模式并切换日夜模式；但没做根据用户浏览器时间切换。
更改图标到南方科技大学镜像站，更改谷歌字体为谷歌字体中国站。
Update 25/02/07
识别用户归属国，CN用户使用镜像CDN，海外不使用。

PC
字体是Lora，个人比较喜欢的免费商用衬线字体，默认从Google Fonts调取。右上角的日夜模式切换标调用自CloudFlare。iP数据库使用的是ipinfo.io，这家的地理位置不是很准，Tony建议换到另一家。
背景颜色，Light下是从#A8D8EA过渡到#39C5BB再到#F7F9FB（淡蓝色，苍绿色，浅白色）；Dark下是#274046，#4B6B8B，#1B2735（深蓝绿色，蓝灰色，深蓝色）。
因为在窄屏情况下Emoji会被换行导致看起来不是很协调，当屏幕宽度小于768px时Emoji将被替换为一个“.”来保持整体“优雅”。右侧头像会根据屏幕大小自动缩放。
iPhone SE
BlackBG

已有 20 条评论

  1. 新的介绍页-3D动效，简中有复。 - GLIMMER Unknown OS

    [...]继上一次在主域名duckxu.com上放了一个介绍导向页之后（点我回顾）终于也是写了另外一版，卡片式，其实本来想做个人名片类型的，不过那样太繁复了。GitHub::https://github.com/ScDuckXu/SntroPage （V3）支持3D效果，跟随鼠标光标位置倾斜；鼠标滚轮滚动会带动卡片滚动360度；日夜模式自动检测；鼠标光标移到图片上会翻转成另外一张。但是对小屏幕及触屏的适配并[...]

    回复
  2. dujun
    dujun macOS

    看来有点问题，我的 ip 信息是 undefined。

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      ipinfo.io的数据库确实非常的不准确，还在寻找对国内IP更准确的数据库。
      您发的两条评论的IP居然是不同的！不过归属地一样。

      回复
      1. obaby
        obaby macOS

        试试纯真的

        回复
        1. DuckXu
          DuckXu Linux Author

          好主意。不过用他们的库我得挂他们的链接在页底，而且他们只有国内没有国外，得做个分流。

          回复
  3. DuckXu
    DuckXu Linux Author

    感谢提醒。我一般放置站点图标都是直接在网站目录下扔favicon.ico，浏览器会自己读取，没加过这个代码，学习了。

    回复
  4. 葉珊
    葉珊 Linux

    可是我這樣也沒添加成功 ٩(ˊᗜˋ*)و

    回复
    1. 葉珊
      葉珊 Linux

      已經顯示站點圖標了，成功了！只不過我在本地預覽的時候沒顯示，放到寶塔靜態網站上就能顯示了。
      把你的改了幾個字，https://intro.yvette.uno/

      回复
  5. Chlorine
    Chlorine macOS

    感觉大家都很喜欢这种设计布局啊 (/ω＼)

    回复
    1. DuckXu
      DuckXu Linux Author

      简洁明了可能是多数人追求的设计风格，比如说贵站优秀的Theme (/ω＼)

      回复
  6. 葉珊
    葉珊 Linux

    我也让 GPT 帮忙写了一个书籍卡片。

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      大概看了一下，很好看！GPT在这种涉及到第三方平台数据获取的问题中表现都很好，可能是因为训练数据库足够大吧。

      回复
  7. 晚夜
    晚夜 Win 10/11

    哇 豪好看的主页ヾ(≧ ▽ ≦)ゝ

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      谢谢！|´・ω・) ノ

      回复
  8. 网友小宋
    网友小宋 Win 10/11

    IP库不对啊！我怎么成上海的了。

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      目前我用的是ipinfo.io，多位朋友反映国内ip库不准。很快将会更换到更准确的ip库，感谢提醒！

      回复
  9. Riseforever
    Riseforever Win 10/11

    看上去真的好酷诶 o(////▽////)q

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      谢谢（
      但是路明也好厉害的qwq

      回复
  10. Owaii
    Owaii Linux

    天呐！太厉害了！感觉这个特别简洁易用

    回复
    1. DuckXu
      DuckXu Win 10/11 Author

      还是有不少GPT4和Copilot的功劳的啦 |´・ω・) ノ

      回复
取消回复

添加新评论