## 小红书自动化发布设计

### 需求
因为小红书发布的内容格式等限制，比如必须附加图片/视频，title和content字数限制.....，需考虑：
1. markdown中的那些内容裁剪到小红书，发布到小红书上的内容放在markdown文章内容（可以是图片、文字、表格等任何markown元素）段前:
   ```
   <!--xhs-->
   一段文字、一张图片或表格……
   ```
2. 内容实用css进行渲染后转化为图片，渲染css作为主题，可以自行定义。

另需考虑：
- 小红书登录需要能够记录cookie，简化自动化登录过程。
- 自动化发布过程，应模拟用户参数(用户环境指纹等)，规避平台拦截。
- 文章发布方式，参考公众号发布，右键点“发布到小红书”或者批量发布

4. 三类内容发布：
  - 图文内容在小红书WEB版本上入口相同“上传图文”。
    图文内容：解析markdown中正文中的图片上传。
  - 视频内容使用“上传视频”入口。视频从markdown正文中获取上传。
  - 文字内容在小红书WEB版本上入口相同“上传图文”。
    - 使用markdown header中的image tag定义的图片。
    - 文字内容转化为图片

### 小红书CSS选择器
#### STEP 1
![[xhspublisher.png]]

**CSS选择器**
①  div.publish-video .btn
②  div.group-list .publish-card:nth-child(1) .image
③  div.group-list .publish-card:nth-child(2) .image

#### STEP 21 发布笔记
![[xhspublisher-2.png]]

**CSS选择器**
①  div.publish-video .btn
②  div.outarea.upload-c .creator-tab:nth-child(1)
③  div.outarea.upload-c .creator-tab:nth-child(3) 
④  div.outarea.upload-c .upload-content   button 

#### STEP 22  上传视频
点击上传视频后( ②  div.outarea.upload-c .creator-tab:nth-child(1) )
![[xhspublisher-3.png]]
![[xhspublisher-6.png]]

**CSS选择器**
①   .cover-container .stage div:first-child
判断出现文字“上传成功”，**设计为异步等待？不阻塞标题及内容输入等其他操作。**
②  .titleInput .d-text
③ #quillEditor.ql-editor
④  #topicBtn 
⑤  .media-extension .plugin:nth-child(2) .d-select-placeholder
⑥  .media-settings>div>div:nth-child(2) .d-select-description
⑦ .el-radio-group label:nth-child(1) input    - 立即发布
    .el-radio-group label:nth-child(2) input    - 定时发布
	.el-radio-group .date-picker input	- 时间2025-06-21 15:14
⑧ .publishBtn

#### STEP 31  上传图片
点击上传图片后（③  div.outarea.upload-c .creator-tab:nth-child(3) )
![[xhspublisher-7.png]]

**CSS选择器**
①   .publish-c .media-area-new .img-upload-area .entry
②  .titleInput .d-text
③ #quillEditor .ql-editor
④  #topicBtn 
⑤  .media-extension .plugin:nth-child(2) .d-select-placeholder
⑥  .media-settings>div>div:nth-child(2) .d-select-description
⑦ .el-radio-group label:nth-child(1) input    - 立即发布
    .el-radio-group label:nth-child(2) input    - 定时发布
	.el-radio-group .date-picker input	- 时间2025-06-21 15:14
⑧ .publishBtn

### Markdown解析

### 数据结构
#### 数据来源
- markdown header
解析markdown笔记的header部分：
   image     : 封面图片，文字内容的封面图片
   xhstitle  : **新增**，小红书标题
   xhsdate   : **定时发布**时间，不存在或留空表示**立即发布**
   xhstags   : **新增**，作为小红书的#tags，并加入原header中的tags内容。
   xhswhere  : 小红书中**你在哪里/地点**。
   xhsopen   : yes-公开可见，no-仅自己可见

- markdown content
解析markdown内容，并获取[xhs内容/]

- 数据结构
xhsdata =
{
  "filename": {
      "title": "Labubu爆火现象",
      "date": "2025-06-19 11:00",
      "tags": ["潮玩","labubu"……],
      "where": "杭州市西湖风景名胜区",
      "open": "yes",
      "content": ["line1","line2","line3"……]
  }
}

### 小红书发布流程
- 利用selenium登录，首次输入phone number，并记录cookie。以后尝试读取cookies自动登录，无法登陆则重新输入phone number。
- 发布文章

### AI大模型
使用**豆包火山引擎**

#### 代码生成
### CONFIG
解析markdown内容时，每页内容的行数和总字数限制
  page-line-number-limit
  page-line-word-count-limit
  page-word-count-limit

---

### ideas
#### 20250901
从不同的源爬取内容<!--xhs-->，渲染成图片，发布到小红书。
- douban读书摘录、影评，高赞(如top3)内容。
- 自己ibook读书标注。

输入书名/电影名，完成内容采集和发布。（<!--xhs-->打标签❓）

配置：
- 分类：书评、影评、游记
- 来源：豆瓣书摘，豆瓣评论，ibook标注

### notes
- 游记，拍照是在说明“添加说明”中增加照片描述。说明格式：filename 地点 景物 description


```
for f in *.jpg; do sips -g description "$f" | awk -F: '/description/ {print f, $2}' f="$f"; done

(venv) gavin@GavinsMAC Downloads % sips -g all IMG_7015.jpg
/Users/gavin/Downloads/IMG_7015.jpg
  pixelWidth: 1320
  pixelHeight: 2425
  typeIdentifier: public.jpeg
  format: jpeg
  formatOptions: default
  dpiWidth: 216.000
  dpiHeight: 216.000
  samplesPerPixel: 3
  bitsPerSample: 8
  hasAlpha: no
  space: RGB
  profile: sRGB IEC61966-2.1
  description: 航班✈️
```

todolist:
- 调用大模型进行内容、图片、视频创作。 [AI大模型](#AI大模型)
- 字体和模版随机选择，引入随机性

闪念:
- 内容框架 & 内容分页展示，文字 + 装饰图，装饰图大模型自动生成。
- markdown header 中定义模版
- **使用html作为中间的渲染过程**，增强渲染的灵活性和丰富度。markdown - html - 图片


### 链接&参考
- [xhs_ai_publisher](https://github.com/yourusername/xhs_ai_publisher.git)
- [豆包大模型控制台](https://console.volcengine.com/ark/region:ark+cn-beijing/openManagement?LLM=%7B%7D&OpenTokenDrawer=false&tab=LLM)
- [selenium with python](https://selenium-python-zh.readthedocs.io/en/latest/)
- [selenium WebDriver](https://www.selenium.dev/zh-cn/documentation/webdriver/)
- [markdown-it](https://markdown-it.docschina.org)