陆陆续续做了一个多月,今天,我的个人博客终于正式上线了!
做这个博客有多方面原因:客观上协会需要我做一个主页,然而我仅仅是前端爱好者,从来没做过网页,于是打算先拿个人博客试试水;主观上随着近期思想再次定型,决定对自己既往的心路历程做一番整理,表达的愿望胜过迟疑,于是重操旧业。仍沿旧名,却换新颜,向大家介绍:遐思笔记。
先谈谈技术方面:
个人博客属于静态页面,说白了就是一次请求后与服务器再无交流,断网也能正常浏览。目前已经有静态页面生成器 (SSG),相比于传统的 Hexo 等知名博客框架,我更青睐 VitePress,纯粹出于对 Vue 生态的热爱以及对尤雨溪本人品味的欣赏。VitePress 的设计初衷是为技术文档提供小而全的解决方案,其小体现在:依赖少(开发环境仅依赖 vitepress,生产环境则不依赖任何包),响应快构建快(拜 vite 所赐)。其全体现在一般的基于 markdown 文档的网页渲染功能都有(集成 markdown-it、gray-matter 等),同时完全支持 vue3 组件,而且 markdown 文件也可以直接视为一个组件编辑,相当于是一等公民。白璧微瑕,vitepress 的问题在于太年轻(目前刚到 beta_1.0.0),相关插件、主题生态还不成熟。不过这并不妨碍我使用。
然后是实现功能:vitepress 提供了基础的文档设计、布局、主题,导航、页脚以及侧边栏,亮、暗转换等等。我并不喜欢原来的封面页,于是抄了 butterfly 的欢迎页的壁纸+格言设计。评论系统采用了 waline:适配多种社交帐号登录,部署简单,也方便管理。正文字体上选择了专门为屏显设计的仓耳今楷 [1],兼有黑体的清晰和楷体的美观,代码字体则选择了 JetBrains Mono。这两者都是免费非商用。细节方面着重参考了 antfu 的博客,代码的结构除了看 官方文档 还参考了一下 vitepress-theme-linear、vitepress-theme-pure、vitepress-blog-starter。部署到 github pages,持续集成开发 (CI/CD) 使用 github actions。暂不考虑做消息订阅 (RSS),也不支持搜索功能。未来有时间会增加搜索引擎优化 (SEO)[2] 和内容管理系统 (CMS)[3]。
此外,网页还做了诸多彩蛋。最明显的是欢迎页的诗词(几乎都是毛诗),未来可能会加入一些诸子百家的语录。此外还有节日壁纸和特殊欢迎语:节日包括中华传统节日和几个重要现代节日,然后是二十四节气,最重要的是一些红色节日,包含导师生日和忌日以及三场革命纪念日。再就是抗日战争的几个重要日子。另外博客的主题色也是随时令变化的,基于 一个合适的颜色系统。未来打算加入更多彩蛋 [4]。
内容方面,我的博客主要分为四类:
- 文章:一些抒情的散文(旧作居多)和思辨性的论文为主
- 随想:灵光乍现的只言片语和碎碎念(说说)
- 拾慧:一些转载和翻译
- 笔记:实践和踩坑记录为主,可能发布一些总结性的学习笔记
此外还会放一些我做的小玩意儿的链接(希望在开源领域多多耕耘)
请大家多多批判。爰为序。