Jennings's Blog

Diary on 2025-04-22


2025-04-22 Tuesday ☀️

Last updated on

Blog升级

最近对blog进行了一系列的更新，主要集中在一下几个方面

  1. 增加显示的宽度，主要lg:max-w-[700px] —> lg:max-w-[1200px]
  • BaseLayout.astro
<main class="p-6 pt-10 lg:max-w-[1200px] max-w-[100vw]">
  • PostLayout.astro
<article class="prose prose-lg max-w-[1200px] prose-img:mx-auto">
  • 其他的layout也做相应的修改

  1. 在SideBarFooter.astro添加了邮箱到social-icons 中，包括svg的icon和gmail邮箱地址，删除了sidebar里面的Contacts, 同时在CV里面添加了邮箱的contact

  2. 添加的search的功能

  • 添加了src/components/Search.astro
  • 在src/components/Header.astro里，将search添加到navbar里面
  • 可以通过 slash / 呼出 search 页面，也可以在navbar点击search框进行搜索
  • 使用pagefind来实现的search功能，
  • 参考Adding an Astro Search Bar
  • 借助AI工具，实现search 的呼出，hotkey等等
  1. remark-toc不能生成toc，故删除，配置为使用rehype-toc结合rehype-autolink-headings来实现
    • 修改默认的list的Mark，从数字变为’•’， 在src/styles/global.css 
      .toc .toc-item::marker {
        content: '•';
        font-weight: bolder;
        font-size: 25px;
      }
  2. astro版本更新和相关的包升级

制作机器人

儿子学校的科技周活动，我们最终决定做一个简单的机器人，虽说是简单的机器人，但是也花了不少时间。晚上罗罗和儿子回来，我们就开始准备做。这个机器人由两个纸箱组成，一个大一点的纸箱外卖贴蓝色的纸做身体，两侧开孔接上放外卖保温袋子做成的袖子；上面开一个孔，头从那里钻出来；头部用一个小的纸箱贴黄色的纸，朝前面的一面开大口；再加上一些装饰。

开始的时候我和罗罗以前给大纸箱开孔，然后贴蓝色的纸，我给罗罗递工具，胶带，剪刀，后来发现太慢；我也就去贴小纸箱的黄色的纸，先把双面胶贴在纸箱上，将黄色的纸比好位置，然后一面一面的贴好，开口的一面用剪下来的小块来拼接，贴了大半小时，终于贴好了；罗罗也把大箱子贴完了，然后把袖子也弄好了。我们就一起继续剪一些小的装饰，像齿轮，圆圈，线条，字母等等，剪完后我实在很困了，快2点了所以我先去休息了，罗罗继续贴好收尾。

最后的成果如下，还算不错。 robot

Back to Diary