项目结构
项目的文件结构相对简单,主要包含以下文件和文件夹:
plaintext
index.html
static/
index.html:这是项目的主 HTML 文件,负责整个页面的结构和内容展示。
static/:静态资源文件夹,其中包含了 CSS 样式文件和图片等资源。
static/css/:存放 CSS 样式文件,如 firacode.css 和 nutssss.css,用于美化页面。
static/picture/:存放图片文件,像 fish.png 和 002.png 等。
页面内容
个人信息板块(.meBox):
展示个人头像、昵称、个人描述以及爱好等信息。
包含 “关于” 和 “联系” 两个链接,可引导用户访问相关页面。
命令行模拟板块(#cmdBox):
模拟命令行界面,展示一些命令执行的结果,如天气查询、个人信息展示和其他站点链接等。
页脚(#footer):
显示版权信息和主题制作者的链接。
样式特点
响应式设计:通过媒体查询(@media)实现了不同屏幕尺寸下的自适应布局,确保在各种设备上都能有良好的显示效果。
动画效果:使用 CSS 动画为个人信息板块的头像、标题和文本等元素添加了动态效果,增强了页面的交互性和视觉吸引力。
![]() |



评论(0)