Skip to main content

首页重新设计上线

· 3 min read
Qi Xi
Knowledge Seeker

近日完成了个人网站首页的重新设计,采用了更加现代简约的风格。

🎨 主要更新

Hero 区域重构

  • 全新的视觉布局:采用居中对称设计,增强视觉冲击力
  • 动态交互效果
    • 插图添加柔和的浮动动画
    • 标题使用渐变色彩
    • 挥手表情增加亲和力
    • 底部添加滚动引导提示
  • 优化的按钮设计:主按钮与次要按钮的层次搭配,引导用户行动

特性展示区升级

  • 卡片式布局:每个研究方向独立展示,悬停时有上浮效果
  • 视觉层次优化
    • 圆形渐变背景突出图标
    • 顶部装饰条增强交互反馈
    • 柔和阴影提升质感
  • 新增研究方向:补充了"跨学科融合"特性,完整呈现计算社会科学的核心要素

设计理念

本次重新设计遵循以下原则:

  • 现代简约:大量留白,清晰的视觉层次
  • 流畅交互:所有过渡动画都经过精心调优
  • 响应式适配:确保在各种设备上都有良好体验
  • 主题兼容:完美适配 Nord 主题的深浅色模式

🚀 技术实现

  • 纯 CSS 动画,无需额外 JavaScript
  • CSS Modules 实现样式隔离
  • 渐变、阴影、变换等现代 CSS 特性
  • Flexbox 布局确保响应式效果

📝 后续计划

未来可能会继续优化:

  • 添加更多页面动画效果
  • 优化移动端体验
  • 考虑添加深色模式切换动画

欢迎访问首页查看新设计!

Github链接排查

· One min read
Qi Xi
Knowledge Seeker

查询真实IP,防止DNS污染或劫持,nslookup ssh.github.com 8.8.8.8

在根目录下的~/.ssh/config中手动指定Github的真实IP

Host github.com
Hostname 123456 # 使用正确的 IP
Port 443
User git

测试连接,ssh -T [email protected]

近期更新计划

· One min read
Qi Xi
Knowledge Seeker

最近实在是没时间写大篇幅的理论推导或者读书笔记。打算记录下研究中开发的有趣项目。

第一个就先记录构建开源问卷,是一个扩展性和可玩性很高的项目~

网站内容更新步骤

· One min read
Qi Xi
Knowledge Seeker

记录一下内容更新流程~

首先,git status查看仓库状态,与已有分支是否有差异。

如果确定有更新内容,在根目录下使用git add .将修改加入缓冲区。

最后,git commit -m "Message"git push [project] [branch]

新站点的第一篇post

· One min read
Qi Xi
Knowledge Seeker

使用Docusaurus搭建了一个新个人站~希望能坚持更新工作学习的心得。

发布blog只需在blog文件夹下新增md文件。

发布doc页面则需要在新增文件的基础上在sidebar中注册。