# Create Blog Post From Url

> 从给定 URL 抽取信息并生成新的博客 Markdown 文章、资源目录和 frontmatter。

- Skill: `majiayu000/create-blog-post-from-url` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/create-blog-post-from-url`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/create-blog-post-from-url/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/create-blog-post-from-url

---


当用户提供一个文章 URL 并要求创建博客时，按以下流程执行。

## 输入

- 必需: 原文 URL
- 可选: 指定标题、发布日期、标签、是否需要图片

## 1. 收集信息

- 使用 `playwright`/`web` 打开 URL，获取标题、作者/来源、发布日期、主旨摘要、章节结构。
- 只保留与主题相关的关键段落，避免整段无差别搬运。
- 若需要配图，优先选择文中主图或关键示意图并下载到本地。

## 2. 翻译内容

- **必须将原文翻译为中文**，包括标题、描述和正文内容。
- 保持技术术语的准确性，专有名词可保留英文并附中文说明。
- 翻译需流畅自然，符合中文技术写作习惯。
- 代码示例保持原样，但注释需翻译为中文。

## 3. 生成 ID 与 Slug

- 在 `src/data/blog` 中读取已有文件名，解析 `{ID}-` 数字前缀并递增。
- 将 ID 保持为 3 位数字（例如 `095` -> `096`）。
- Slug 使用 kebab-case；如果标题为中文，转成简短英文/拼音短语并保持唯一。

## 4. 处理图片资源

- 创建 `src/assets/{ID}/` 目录保存图片资源。
- 图片文件名使用 kebab-case，例如 `clean-architecture-diagram.png`。
- 在 Markdown 中使用相对路径引用:
  `../../assets/{ID}/image-name.png`
- 为每张图片提供简洁、具体的中文 `alt` 文本。

## 5. 生成 Markdown 文件

- 文件路径: `src/data/blog/{ID}-{slug}.md`
- 使用以下 frontmatter 模板并填充**中文内容**:

```yaml
---
pubDatetime: YYYY-MM-DD
title: "文章标题（中文）"
description: "80-160 字中文摘要，概括文章核心观点"
tags: ["Tag1", "Tag2"]
slug: "{slug}"
source: "{original_url}"
---
# {中文标题}

## 背景

## 关键要点

## 实践建议
```

## 6. 质量检查

- **确认所有内容均为中文**，技术术语翻译准确。
- 说明文字清晰、段落结构合理，避免冗长。
- `tags` 保持 2-6 个，包含技术主题（如 `.NET`, `Azure`, `Architecture`）。
- `source` 必须指向原始 URL。
- 文章中图片路径与目录保持一致。