Day 10:08. 基于Nuxt开发博客项目-关于我页面开发

一、前言

在个人博客项目中,"关于我"页面是访客了解博主的重要窗口。一个设计合理、内容丰富的关于我页面不仅能展示个人专业能力,还能增加博客的亲和力和可信度。当然你可以完全 DIY 这个模块,或者也可以参考我的设计,这个页面主要包含信息卡片、个人简介、技术栈、工作经历和教育经历等模块。

这个是我的示例站点,在这里可以看到我目前的进度,www.csyblog.cn/

二、信息卡片

实现思路很简单,就是一些基础的布局和细节样式调整,如果实现比较手生,通过咨询AI也很容易完成。

这个模块主要是展示博主头像、基本信息和社交链接。

如果需要源码可以通过这里的联系方式联系我,我会给你当前最新的代码。因为还不够完善,所以暂时不开源。

三、个人简介

这里其实就是个简短的自我介绍。

四、技术栈

这个模块主要作用就是,展示一下自己的技术栈,知道的,了解的一股脑往上堆就好了。

五、工作经历&教育经历

这里我建议要么就别写,要写就写真实的,这是人与人最基本的信任,没必要打肿脸充胖子,杜撰一些华丽的履历出来,到时候经不起考验,也是搬石头砸自己的脚。

六、首页修改

因为关于我页面我写了工作经验与教育背景,这和我之前首页展示的有重复,所以我找了个炫酷的标签云组件放这里。

七、总结

这个页面比较简单,但是要从0到1做出来,还是花了我不少时间的。找图标,调样式,痛并快乐着。

下面我们就要进入真正的重头戏了,博客模块的开发。

千里之行,始于足下。你的"个人公司"从这第一个2小时开始。欢迎在评论区分享你的进展或遇到的卡点,我会逐一查看,尽可能的帮助解决。我们下一篇文章见!

相关推荐
PinkSun8 分钟前
Spring AI RAG踩坑:我骂了半年的FilterExpression,其实是背锅侠
后端·ai编程
甲维斯9 分钟前
GLM5.2超过Opus4.8Think,全球第二了!
前端·人工智能·ai编程
by————组态12 分钟前
Ricon组态系统 - 新一代Web可视化组态平台
前端·后端·物联网·架构·组态·组态软件
JieE21213 分钟前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html
云技纵横14 分钟前
ThreadLocal 内存泄漏:你的应用正在悄悄 OOM
后端
小撒的私房菜22 分钟前
Multi-Agent 里谁来指挥?我用一个调度员,让多个 Agent 开始协作
人工智能·后端·agent
范什么特西23 分钟前
Spring boot细节
java·spring boot·后端
lichenyang45325 分钟前
鸿蒙 Web 容器(二):H5 和 ArkTS 说话前,先定一份「协议」
前端
JYeontu28 分钟前
开箱流水加载动画
前端·javascript·css