Skip to content
/ csayc Public

使用Nuxt3从0到1搭建一个简单的个人博客系统~

Notifications You must be signed in to change notification settings

zhoocoo/csayc

Repository files navigation

Frank Z 的个人博客网站

首页展示

本博客使用Nuxt3同构渲染搭建,引入@nuxt/content解析md文件。 主要技术点有:

  • 样式:taiwindcss➕postcss➕daisyui
  • 主要框架:vue3➕nuxt3
  • 动画:gsap
  • 部署:腾讯云服务器➕coding平台自动化部署
  • 监控:pm2➕宝塔

至于自己搭建博客的目的,主要有 3 个目的:

  • 验证技术可行性,把各种技术想法,转化为功能集成到博客上,作为提高自身能力的一种方式;
  • 总结概括自身知识点,致力于在各个 web 前端技术方向,均有深刻的文章输出;
  • 期望能作为一块敲门砖,提升我在 web 领域里的影响力,打造个人IP;

比较遗憾自己因工作原因,从0到1建立基础的博客功能以来,并无多少时间持续输出文章!目前已不太满足Nuxt3开发博客了,最近(24年4月底)开始研究使用astro从头搭建自己的博客平台(正在折腾中...写得差不多了会放出来);

回顾自己的工作经历,错过了很多深入钻研技术的机会,写文章是一个很好的途径。并不是自己找借口不写文章,这几年来,晚上10-11点下班已经成为了常态,几乎没有太多个人的输出空间。

辛勤工作能为公司带来价值,技术同样服务于价值产出。过多的投入业务,但业务没有未来的情况下,真的该为自己考虑了,工作重心的天平该为自己倾斜一部分了。

并不意味着我会在工作中偷奸耍滑,而是会更合理的利用时间,安排好工作和个人成长的投入比例。

目前已经实现的功能有

  • 首页 gsap 酷炫滚动动画
  • 多主题切换
  • pc 文章列表瀑布流
  • 移动 pc 双端适应
  • 文章toc目录锚点
  • 图片原位放大器
  • 引入codePen展示代码及运行效果
  • 腾讯coding平台自动化部署
  • github地址露出,以及star等露出

欢迎大家来到我的博客:在线体验

更重要的是,大家关注关注我的公众号吧!

部分效果展示

文章详情页

文章详情页展示

文章列表页

文章列表展示