Skip to content

遐思笔记——旧貌换新颜

2023-06-15 · 1146字 · 4分钟

陆陆续续做了一个多月,今天,我的个人博客终于正式上线了!

做这个博客有多方面原因:客观上协会需要我做一个主页,然而我仅仅是前端爱好者,从来没做过网页,于是打算先拿个人博客试试水;主观上随着近期思想再次定型,决定对自己既往的心路历程做一番整理,表达的愿望胜过迟疑,于是重操旧业。仍沿旧名,却换新颜,向大家介绍:遐思笔记。

先谈谈技术方面:

个人博客属于静态页面,说白了就是一次请求后与服务器再无交流,断网也能正常浏览。目前已经有静态页面生成器 (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-linearvitepress-theme-purevitepress-blog-starter。部署到 github pages,持续集成开发 (CI/CD) 使用 github actions。暂不考虑做消息订阅 (RSS),也不支持搜索功能。未来有时间会增加搜索引擎优化 (SEO)[2] 和内容管理系统 (CMS)[3]

此外,网页还做了诸多彩蛋。最明显的是欢迎页的诗词(几乎都是毛诗),未来可能会加入一些诸子百家的语录。此外还有节日壁纸和特殊欢迎语:节日包括中华传统节日和几个重要现代节日,然后是二十四节气,最重要的是一些红色节日,包含导师生日和忌日以及三场革命纪念日。再就是抗日战争的几个重要日子。另外博客的主题色也是随时令变化的,基于 一个合适的颜色系统。未来打算加入更多彩蛋 [4]

内容方面,我的博客主要分为四类:

  1. 文章:一些抒情的散文(旧作居多)和思辨性的论文为主
  2. 随想:灵光乍现的只言片语和碎碎念(说说)
  3. 拾慧:一些转载和翻译
  4. 笔记:实践和踩坑记录为主,可能发布一些总结性的学习笔记

此外还会放一些我做的小玩意儿的链接(希望在开源领域多多耕耘)

请大家多多批判。爰为序。


  1. 顿号、逗号,句号。问号?叹号!冒号:分号;‘单引号’“双引号”『竖排双引号』「竖排单引号」(圆括号)【方括号】破折号——省略号……间隔号·〔六角括号〕《书名号》 ↩︎

  2. SEO(search engine optimization):

    ↩︎
  3. CMS(content management system):

    ↩︎
    • 淡入淡出:antfu
    • 背景图:令东的工笔画、山水画,可以学着搞一个星图
    • 时光轴/存档:罗盘、对数螺线
    • GPT!
    ↩︎
返回

人同此心,心同此理;如风沐面,若水润心