标签: astro

包含标签 "astro" 的所有文章。

惊艳!CodeBuddy初体验

今天第一次体验了 AI 编程助手 CodeBuddy,效果让我震惊。

我在将博客从 Typecho 迁移到 Astro,最头疼的是归档页面。原页面 有独特的设计:年份在左侧垂直居中,中间竖线分割,右侧是时间和标题。

按以往经验,这至少需要 2-3 小时:分析结构、写组件、调样式、做响应式、集成导航…

我只对 CodeBuddy 说了一句话:

“根据我博客的风格,我想做一个归档的组件,可以参考 http://www.n2g.cn/archive.html 这个页面的归档。”

然后它:

  1. 分析了我的项目结构和现有风格
  2. 访问了参考页面
  3. 一次性创建了完整的归档功能:组件、样式、页面
  4. 精准处理每个细节调整
// 数据分组逻辑
const postsByYear = posts.reduce((acc, post) => {
  const year = new Date(post.data.pubDatetime).getFullYear().toString();
  if (!acc[year]) acc[year] = [];
  acc[year].push(post);
  return acc;
}, {});
/* 关键样式 */
.archive-year-section { display: flex; position: relative; }
.archive-year-text { font-size: 17px; color: #444; }
.archive-divider { width: 1px; background-color: #ddd; }

效率革命:原本数小时的工作,真的一分钟搞定。

理解精准:不仅实现功能,还完美匹配现有代码风格。

协作流畅:每次细节调整都能快速理解并精准修改。

AI 编程助手改变的不是技术本身,而是我们的工作方式。重复性工作交给 AI,我们专注创意和架构。

这不是取代,是协作。

PS: 这篇博文也是 CodeBuddy 帮忙写的,几分钟搞定。AI 时代真的来了。

从 Typecho 到 Astro:简单的博客搬运记录

最近觉得博客有点太空了,想来想去,干脆把以前 Typecho 上写的老文章搬点过来,凑个热闹。
虽然当年写的那些东西现在回头看,随意、碎碎念,甚至有点不忍直视,但怎么说呢——也是某个阶段的记录吧,删了反而可惜。

为了搬运方便,我写了个简单的小脚本,可以批量把 Typecho 的文章导出成适合 Astro(或者其他静态博客系统)用的 Markdown 文件,还能自动加上 YAML front-matter。
说白了,就是偷个懒,不想一篇篇手工复制粘贴。

顺手扔到 GitHub 上了:
https://github.com/Boysoc/typecho-to-markdown

这个脚本可以:

  • 直接从 Typecho 数据库导出文章
  • 批量生成 Markdown 文件
  • 自动添加 front-matter、整理标签和图片
  • 支持拼音 slug,兼容 Astro、Hexo、Hugo 等

对需要搬博客或者备份的人可能有点用。如果你正好需要,可以拿去试试。