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

一、前言

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

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

二、信息卡片

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

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

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

三、个人简介

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

四、技术栈

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

五、工作经历&教育经历

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

六、首页修改

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

七、总结

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

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

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

相关推荐
数研小生15 分钟前
Full Analysis of Taobao Item Detail API taobao.item.get
java·服务器·前端
Shirley~~25 分钟前
Vue-skills的中文文档
前端·人工智能
毎天要喝八杯水33 分钟前
搭建vue前端后端环境
前端·javascript·vue.js
计算机程序设计小李同学1 小时前
幼儿园信息管理系统的设计与实现
前端·bootstrap·html·毕业设计
雨季6661 小时前
Flutter 三端应用实战:OpenHarmony “专注时光盒”——在碎片洪流中守护心流的数字容器
开发语言·前端·安全·flutter·交互
tao3556672 小时前
【用AI学前端】HTML-02-HTML 常用标签(基础)
前端·html
2601_949532842 小时前
Psello HTML Template: A Developer‘s Deep-Dive Review and Guide - Download Free
前端·windows·html·seo·wordpress·gpl
CappuccinoRose2 小时前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
穿过锁扣的风2 小时前
如何操作HTML网页
前端·javascript·html
San30.2 小时前
从零构建坚固的前端堡垒:TypeScript 与 React 实战深度指南
前端·react.js·typescript