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

一、前言

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

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

二、信息卡片

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

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

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

三、个人简介

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

四、技术栈

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

五、工作经历&教育经历

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

六、首页修改

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

七、总结

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

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

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

相关推荐
To_OC4 小时前
面试被问了三回三栏布局,这次我终于把 BFC 那层窗户纸捅破了
前端·css·面试
To_OC4 小时前
啃完 TS 工具类型我发现:Pick 和 Omit 原来就是一层窗户纸
前端·面试·typescript
AI绘画哇哒哒4 小时前
【建议收藏!】35岁后端血泪忠告,这3类人别硬转Agent(过来人亲述)
java·人工智能·后端·ai·程序员·大模型·agent
唐青枫5 小时前
一个值多种形态:Zig union、Tagged Union 与内存布局实战
后端
风月说与山鬼6 小时前
三、大括号语法
前端·react.js
卷无止境6 小时前
Windows 上丝滑开发 Python,并稳定构建 Docker 镜像
后端·python·docker
Nturmoils6 小时前
备份完不算完,先还原到临时库验一遍
后端
kyriewen6 小时前
我把最常踩的8个CORS跨域报错整理了一遍——第8个去年还不存在
前端·javascript
Csvn6 小时前
📊 SQL 入门 Day 22:视图与物化视图
后端·sql