在开始之前，先看看我的博客后台长什么样：

  • 新建分类 = 在电脑上新建一个文件夹。
  • 写文章 = 在文件夹里新建一个 Word 文档 (.docx)。
  • 插图 = 直接在 Word 里截图/粘贴。
  • 发布 = 双击桌面上的自动化脚本。

不需要学 Markdown，不需要懂 HTML，就像你平时交作业、写论文一样简单。

准备工作：给电脑装上引擎

虽然我们不写代码，但需要安装三个基础工具来让系统跑起来（一路点“下一步”安装即可）：

官网按住ctrl,左键点击

  1. Node.js (网站运行环境)：官网下载 LTS 版本
  2. Git (把文章传上云端的工具)：官网下载
  3. VS Code (代码编辑器，我们只用它来运行命令)：官网下载

当然，你还需要一个 AI 助手（啥都行）。

第一步

你不需要自己写一行代码。请把下面这段Prompt复制发送给你的 AI，它会为你生成全套的网站代码。

【复制这段 Prompt 给 AI】

角色：你是一个精通 Next.js 的全栈工程师。

任务：我要做一个基于“本地文件系统”的个人博客。

核心逻辑：

  1. 内容源：直接读取项目根目录下的 .docx (Word) 文件。
  2. 分类方式：文件夹即分类（例如创建“思考”文件夹，网站自动生成 #思考 标签）。
  3. 解析器：使用 mammoth.js 将 Word 转换为 HTML，必须支持数学公式。
  4. 设计风格：极简主义时间轴风格。首页按年份分组显示所有文章（YYYY -> MM月DD日 : 标题）。
  5. 自动化：无需数据库，无需手动配置路由。
    技术栈：Next.js (App Router), Tailwind CSS.
    输出：请一步步指导我创建项目，并给出核心文件 (lib/posts.ts, app/page.tsx) 的完整代码。

AI 会告诉你怎么创建文件夹、怎么粘贴代码。你只需要照做。

第二步

这是本教程最硬核的部分。为了让你连“重命名日期”和“上传代码”的操作都省去，我编写了两个自动化脚本。

请在你的博客根目录下，新建两个文件，分别命名为 auto_date.ps1 和 up.bat。

1. 自动重命名脚本 (auto_date.ps1)

功能：当你写完文章随便扔进去后，它会自动读取创建时间，把文件名改成 2025-11-26-文章标题.docx 的格式。

PowerShell

# 将以下代码复制到 auto_date.ps1 中
$targetDir = $PSScriptRoot
$excludeDirs = @("node_modules", ".next", ".git", "public", "components", "lib")
$files = Get-ChildItem -Path $targetDir -Recurse -Filter "*.docx" | Where-Object {
$parentPath = $_.DirectoryName
$shouldSkip = $false
foreach ($badDir in $excludeDirs) { if ($parentPath -like "*\$badDir*") { $shouldSkip = $true; break } }
-not $shouldSkip
}
foreach ($file in $files) {
if ($file.Name -notmatch "^20\d{2}") {
$datePrefix = $file.CreationTime.ToString("yyyy-MM-dd")
$newName = "$datePrefix-" + $file.Name
try { Rename-Item -Path $file.FullName -NewName $newName -ErrorAction Stop; Write-Host "Renamed: $($file.Name) -> $newName" -ForegroundColor Green }
catch { Write-Host "Skip: $($file.Name)" }
}
}

2. 一键发布脚本 (up.bat)

功能：双击它，自动整理日期，自动上传到云端。

代码片段

@echo off
echo Start Pushing Stone to the Top...
powershell -ExecutionPolicy Bypass -File "auto_date.ps1"
git add .
git commit -m "Auto update: %date% %time%"
git push
echo Done!
pause

第三步：发布与展示

  1. 上传 GitHub：在 GitHub 上建一个仓库，把代码传上去（AI 会教你）。
  2. 绑定 Vercel：去 Vercel 官网，用 GitHub 登录，导入你的仓库。
  3. 见证奇迹：
    以后你写好文章，双击桌面的 up.bat。
    看着黑色的框框闪过 Success。
    你的网站就更新了。