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

一、前言

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

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

二、信息卡片

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

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

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

三、个人简介

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

四、技术栈

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

五、工作经历&教育经历

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

六、首页修改

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

七、总结

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

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

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

相关推荐
小二·几秒前
Python Web 开发进阶实战:全链路测试体系 —— Pytest + Playwright + Vitest 构建高可靠交付流水线
前端·python·pytest
貂蝉空大4 分钟前
vue-pdf-embed分页预览解决文字丢失问题
前端·vue.js·pdf
用户26851612107568 分钟前
GMP 调度器深度学习笔记
后端·go
满天星辰10 分钟前
Typescript的infer到底怎么使用?
前端·typescript
ss27310 分钟前
RuoYi-App 本地启动教程
前端·javascript·vue.js
Jolyne_13 分钟前
useRef存在的潜在性能问题
前端
炫饭第一名14 分钟前
Lottie-web 源码解析(一):从 JSON Schema 认识 Lottie 动画的本质📒
前端·javascript·css
卖火箭的小男孩17 分钟前
# Flutter Provider 状态管理精讲(Vue 开发者视角)
前端
J_liaty18 分钟前
SpringBoot深度解析i18n国际化:配置文件+数据库动态实现(简/繁/英)
spring boot·后端·i18n
牧小七18 分钟前
springboot 配置访问上传图片
java·spring boot·后端