LLaomei

你好,Laomei 博客

1 分钟阅读随记AI
目录

博客开张了。这里会持续更新三类内容:AI 落地实践(我们真实交付项目里的经验与坑)、产品思考(中小企业如何用好 AI)和工程笔记(技术选型与实现细节)。

这篇文章同时也是一篇排版样例:标题、目录、代码块、表格、引用等元素都会在这里出现,方便后续写作时参考。

为什么开始写博客

我们把博客当作产品的延伸:

  • 沉淀经验:每个项目结束后把可复用的结论写下来,比口头传承可靠
  • 建立信任:落地页告诉你我们做什么,博客告诉你我们怎么想、怎么做
  • 教学相长:写不出来的时候,说明还没真正想清楚

写作不是记录思考的结果,而是思考本身的过程。

这套博客是怎么搭的

博客与主站同栈:Next.js App Router + vinext(Vite 构建)+ Tailwind CSS,部署在 Cloudflare Workers 上。文章就是仓库里的 MDX 文件,git push 之后一条命令部署,没有后台、没有数据库。

内容组织非常简单:

content/blog/
  zh/hello-laomei.mdx      # 中文文章
  en/hello-laomei.mdx      # 同名 slug 自动互为译文
  zh/why-ai-landing-page.mdx

每篇文章的元信息写在 frontmatter 里:

---
title: 文章标题
date: 2026-10-20
description: 一句话摘要,用于列表页与 SEO
tags: [标签一, 标签二]
draft: false        # true 时不上线
---

代码高亮

代码块由 Shiki 渲染,使用 GitHub Light 主题,与整站的简洁亮色风格一致:

type Solution = {
  title: string;
  points: [string, string, string];
};

export function pitch(solution: Solution): string {
  return `${solution.title}: ${solution.points.join("、")}`;
}

表格与列表

模块技术选型说明
站点框架Next.js 16App Router,中英双语路由
构建vinext + Vite适配 Cloudflare Workers
部署cf deploy一条命令构建并上线

写作时的一些约定:

  1. 标题从 ## 开始(正文里不写 #,页面标题由模板渲染)
  2. 长文建议三段以上 ##,右侧会自动出现目录
  3. 中英文文章用同名文件配对,缺一篇也不影响另一篇上线

接下来写什么

已排在计划里的选题:智能客服知识库的冷启动方法、落地页 A/B 测试的最小实现、以及用 AI 把周报自动化掉的全过程。如果你想看哪个,或者有别的选题建议,欢迎通过页面底部的邮箱告诉我们。

下一篇见。

相关文章