# html2inline

**Repository Path**: penciltower/html2inline

## Basic Information

- **Project Name**: html2inline
- **Description**: 一键wx公众号文章排版
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-04-06
- **Last Updated**: 2025-07-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTML转换工具

这是一个将文章内容自动排版为微信公众号格式的HTML工具，支持批量处理、多种模板选择。

## 功能特性

- 📝 支持从JSON或TXT文件批量导入文章
- 🎨 提供多种预设模板
- 🖼️ 自动生成模板缩略图
- ✨ 一键转换内联样式HTML
- 📱 适配移动端显示

## 使用说明

### 快速开始

1. 准备输入文件：

   - 将文章内容保存为 `json`或 `txt`格式
   - JSON格式示例：
     ```json
     [
       {
         "title": "文章标题",
         "content": "文章内容",
         "link": "原文链接"
       },
       ...
       {
         "title": "文章标题",
         "content": "文章内容",
         "link": "原文链接"
       }
     ]
     ```
   - TXT格式示例：

   ```txt
    标题
    内容
    链接
    ...
    标题
    内容
    链接
   ```
2. 运行应用：
   进入基本目录下，运行以下命令：

   ```bash
   python app.py
   ```

![模板选择界面](img_shot/01.png)

在浏览器中打开 `http://127.0.0.1:5000/`

首页显示模板选择界面：
![模板选择界面](img_shot/02.png)

选择模板后，可视情点击“单条转换”或“批量转换”。
![单条转换界面](img_shot/03.png)

使用批量转换，可选择已收集整理好的信息，一次转换多个。
![批量转换界面](img_shot/04.png)

3. 转换完成后，排版好的HTML文件将保存在本地下载文件夹中。打开文件，即可看到排版好的HTML内容。
   ![批量转换界面](img_shot/06.png)
   全选复制，粘贴到微信公众号后台即可。

效果展示：
![批量转换界面](img_shot/05.png)

### 目录结构

```
html2inline/
├── static/                # 静态资源
│   └── thumbnails/        # 模板缩略图
├── templates/             # HTML模板
├── img_shot/              # 项目截图
├── app.py                 # Flask应用
├── html2inline.py         # 核心转换逻辑
├── generate_thumbnails.py  # 缩略图生成工具
└── start.bat              # 启动脚本
```

## 模板开发

1. 创建新模板文件 `templateXX.html`

可使用Trae编辑器提供免费AI功能，来生成模板。提示词如下：

    ``    请参照template01.html，生成一个全新的微信公众号排版的HTML模板。    ``

将生成的名称为templateXX.html 模板文件在当前目录下。

2. 生成缩略图：
   ```bash
   python generate_thumbnails.py -f templateXX.html
   ```

注：这里通过浏览器截图的方式，生成缩略图，需要提供 msedgedriver.exe 驱动文件，可在 MS 网站下载与edge浏览器版本对应的驱动。生成的缩略图保存在 `static/thumbnails/`目录下。

## 自动运行

准备好输入待编辑的信息文件后，双击 `start.bat 01` ( `01` 为模板编号 ) 即可自动运行，生成的文件保存为项目文件夹下的 `article.html` 文件。

## 注意事项

- 确保输入文件的格式正确，否则可能导致转换失败。