暑假摆烂期间，突然萌生了搭建个人网站的想法。
起初我的想法是能有一个记录的一个平台，但是现有的第三方平台我都不是很喜欢，我觉得应该要有一个属于自己的，完全由自己控制的平台，而博客相对于第三方，拥有完全的自主控制能力，功能和扩展性也要高出不少。
刚开始做时，我选择了较为熟悉的Vue3作为前端框架，去粉色电视补习了一下Vue3后就立马投入到开发中了。然而，在实现博客功能时，我发现Vue对Markdown文件的处理相对繁琐。Vue本身并不直接支持Markdown，需要通过配置额外的loader（如vue-markdown-loader）和Webpack配置，或者使用运行时编译的库（如markdown-it），对于图片等资源的处理也需要额外的配置，我开始寻找合适的技术实现。
我去逛了很多的博客，最后发现了Astro。Astro对Markdown有一流的支持，可以直接将Markdown文件作为页面或组件导入，无需任何配置。还支持Frontmatter，可以轻松地获取文章的元数据（如标题、日期等）。此外，Astro的群岛架构还允许在需要交互性的地方使用Vue组件，同时保持静态内容的轻量级和快速加载。
因此，我将项目的前端部分迁移到Astro，同时保留Vue3用于需要交互性的组件，并搭配tailwindcss（选择tailwindcss主要是想体验一下新的样式写法）进行样式设计。这样，既享受了Astro处理Markdown的简便性，又保留了Vue的交互能力，同时还获得了更好的性能，简直完美。
后端原本是想选择一个比较轻量化的后端技术的，因为对后端没什么大的需求。但是看来看去到底还是懒得去学习新技术了，就干脆图省事选择了最熟悉的。虽然算不上什么轻量化，但是好在功能健全，扩展性没得说。
页面设计真的是我觉得最难的部分了，前前后后设计了很多套布局方案，但是实际做出来又感觉不是很满意，最后修修改改得到了目前这个页面。除主页外，其余页面都使用浅蓝色作为主题颜色。
主页使用了完全不一样的风格来设计，总体分为左-右布局，在移动端为上-下布局，右边为功能区，我更喜欢叫做功能中心——集合了网站的所有功能页面，背景色使用了grad-200（浅灰色）个人觉得有一种很棒的质感。在寻找设计灵感时，发现很多博客都会有一个相对（其他功能区）独特的主页，我觉得这能让人有一种新颖感，会更有“下一步探索”的欲望，故作此设计。
现在的话其实对于主页的设计还不是很满意，特别是移动端的浏览体验和板块卡片的样式设计，以后再慢慢优化吧。
简洁简洁还是简洁。记录页面是直接复制的归档页面，对展示区域小小改动了一下，因为我实在是设计不出来了。记录页面初始计划是做一条时间轴垂直下来，时间轴右侧使用文章长卡片来渲染，再加个滚动动画就完成，后面设计出来的初版感觉太丑了，时间轴+卡片我还是没有找到让我感觉完美的方案，最后就换成了最朴素的垂直卡片布局，看着也还行吧。
一开始我是打算开一个Minecraft的模块的，但是后面考虑到可能也不会有太多时间去折腾有关Minecraft的东西（平常这个游戏都是要么很久都不碰，要么就猛猛玩好几天，加之目前专业方面也有很多东西要学习），于是在最后终于准备好上线项目的的时候更换成了“相册”模块。由于是临时变动，目前相册页面还是在规划中，打算先放一会，毕竟目前也没有这么多图片展示。
阅读页面是做的最早的页面。布局上（PC），内容居中，两边留了空白，因为我觉得如果把内容铺的太开，对阅读不太友好，特别是像PC这种大屏幕。
评论组件我很满意目前的设计，但由于是自己写的评论功能，在个人水平跟懒惰的双重限制下，在移动端布局还是有点布局上的缺陷，后面慢慢优化。写到这里感觉自己给自己画了好多饼哈哈哈。
以后主要的内容方向就是分享一些有趣的技术/开源项目，记录自己的想法、进步和生活。然后慢慢优化和迭代博客的功能，打造成自己理想的样子。
希望这里能成为我的数字自留地。
发表评论
评论功能已经进入测试阶段了哦，随便写点啥吧