xiaohongshu-publishing

Xiaohongshu Publishing Skill

This skill document contains the detailed publishing process, DOM selectors, and operational steps of the Xiaohongshu Creator Platform.

Platform Overview

Platform: Xiaohongshu Creator Platform Domain: creator.xiaohongshu.com

Publishing Format Selection

Choose a different publishing entry point based on content length:

Content Length	Publishing Format	Entry URL
< 140 characters	Text with images	https://creator.xiaohongshu.com/publish/publish?target=image
≥ 140 characters	Image and text note	https://creator.xiaohongshu.com/publish/publish?target=article

I. Text with Images Process (< 140 characters)

Process Overview

1. 导航到文字配图入口
2. 点击"文字配图"按钮
3. 创建第一张图片（标题图）
4. 选择模板样式
5. 创建第二张图片（正文图）
6. 选择模板样式
7. 填写发布信息
8. 用户确认后发布

Step 1: Navigate to the Text with Images entry point

URL: https://creator.xiaohongshu.com/publish/publish?target=image

After the page loads, the "Upload Image and Text" option will be displayed, containing two buttons:

• "Upload Image" (red button)
• "Text with Images" (gray button, with icon)

Step 2: Click the "Text with Images" button

Locating Method:

find: "文字配图 button"

Element Characteristics:

• Type: button
• Text: "Text with Images"
• Function: Enter the text-to-image editor

Step 3: Create the first image (title image)

After clicking "Text with Images", enter the "Write Text" editing page.

Page Characteristics:

• Top title: "Write text, generate image"
• Large text editing area
• There is a "Write Another" option on the right side

Text Input Box:

find: "真诚分享经验或资讯 textbox textarea"

Input Method:

1. Click the text box (this is a DIV element, not a standard input)
2. Use type action to input the title content

Example:

click(ref_49)  // 点击文本框
type("测试标题 - 小红书发布测试")  // 输入标题

Generate Image Button:

find: "生成图片 button"

After clicking, you will enter the "Preview Image" page.

Step 4: Select a template style

Page Characteristics:

• Title: "Preview Image"
• The large preview area on the left displays the generated image
• Multiple template options on the right (Basic, Border, Memo, Doodle, Handwritten, Light and Shadow, Minimalist, Sticky Note, Print, Tech, etc.)
• There is a "Next" button at the bottom

Template Selection:

• "Border" template is selected by default (highlighted with a blue border)
• You can click other templates to switch styles
• The automated process is recommended to use the template selected by default

Next Button:

find: "下一步 button"

Important: After clicking "Next", if there is only one image, you will return to the "Write Text" editing page to continue adding a second image.

Step 5: Create the second image (body image)

Note: This is a key step! In Text with Images mode:

• The first image = title
• Starting from the second image = body content

Page Characteristics:

• The thumbnail of the first image is displayed on the left
• There is a new text editing area in the middle
• There is a "Write Another" option on the right side (you can continue adding more images)

Click "Write Another":

find: "再写一张"

After clicking, a new editor will open.

New Editor Characteristics:

• Top tab: "Body Page-1"
• Placeholder: "Enter the body text here to describe the development of events or state a sub-point"

Body text input box:

find: "在这里输入正文 textbox textarea"

Input method:

click(ref_209)  // 点击正文输入框
type("这是正文内容...")  // 输入正文

Generate image: Click the "Generate image" button again to enter the template selection page.

Step 6: Select a template and enter the publishing page

Page features:

• Displays "1/2" or more (indicating the number of images)
• You can preview all generated images
• After selecting a template, click "Next"

After clicking "Next", you enter the final publishing page.

Step 7: Fill in publishing information

Page title: "Publish image and text"

7.1 Image editing area

Features:

• Displays "Image editing (2/18)" - indicates 2 images have been added, up to 18
• There is an "Add" button on the left to continue adding images
• Displays thumbnails of the generated images

7.2 Body content area

Title input box:

find: "填写标题会有更多赞哦 input"
element_type: textbox (text input)
max_length: 20字符

Input method:

form_input(ref_227, "小红书自动发布测试")

Body text box:

find: "测试标题 - 小红书发布测试 textbox textarea"
element_type: textarea

Special notes:

• The body area will automatically fill in the content of the first image (title)
• The complete body content must be filled in(not a summary or partial content)
• The body content includes: complete body + two line breaks + tags
• The character count is displayed on the right

7.3 Add tags

Important formatting rules:

• Tags must not be mixed with the body content
• You must leave two lines after the body ends (that is, press Enter twice)
• Then add the tags

Method 1: Enter directly at the end of the body

click(ref_230)  // 点击正文文本框
key("cmd+ArrowRight")  // 跳到文本末尾
type("\n\n#小红书发布 #自动化工具 #效率提升")  // 换两行后添加标签

Tag format:

• Use # at the beginning
• Separate multiple tags with spaces
• It is recommended to use no more than 3 tags
• There must be two line breaks before the tags to separate them from the body

Method 2: Click recommended tags

Recommended popular tags are displayed at the bottom of the page and can be added directly by clicking.

Recommended tags area:

• Location: below the body text input box
• Format: gray tag bubbles, displaying the tag name
• Function: automatically added to the body after clicking

7.4 Other publishing options

Topic button:

find: "话题"

User button:

find: "用户"

Emoji button:

find: "表情"

Event topic:

• The page will display the current platform's event topics
• Format: "# Identity V 5th Anniversary Spring"
• You can choose to participate

Add location:

find: "添加地点"

Add collection:

find: "添加合集"

Link group chat:

find: "选择群聊"

Step 8: Publish

Publish button:

find: "发布 button"
element_type: button
color: 红色（主要行动按钮）

Save as draft button:

find: "暂存草稿 button"
element_type: button
color: 灰色（次要行动按钮）

Auto-save:

• The page will automatically save the draft
• The bottom displays "Auto-saved at HH:MM"

⚠️ Important note: According to the security policy, the automation script should:

1. Stop after filling in all content
2. Display a message prompting the user to review
3. Do not automatically click the "Publish" button
4. Let the user click "Publish" themselves in the browser

II. Image and text note process (≥ 140 characters)

Process overview

1. 导航到图文笔记入口
2. 点击"新的创作"按钮
3. 填写标题
4. 填写正文内容
5. 点击"一键排版"选择模板
6. 填写正文摘录和标签
7. 填写其他发布信息
8. 用户确认后发布

Step 1: Navigate to the image-text note entry

URL: https://creator.xiaohongshu.com/publish/publish?target=article

After the page loads, the "Write Long Article" page will be displayed, with the following features:

• Main title: "Supports thousand-character long articles, full-screen reading experience"
• Two buttons: "New Creation" (red) and "Import Link"
• There is a "Long Article Collection" area at the bottom

Step 2: Click the "New Creation" button

How to Find:

find: "新的创作 button"

Element Features:

• Type: button
• Text: "New Creation"
• Color: Red (primary action button)

Step 3: Fill in the title

After clicking "New Creation", you will enter the long article editor.

Page Features:

• Top title: "New Creation"
• Toolbar: Formatting tools such as H₁, H₂, lists, quotes, images, emojis, etc.
• Two input areas: title area and body area

Title input box:

find: "输入标题"
element_type: textbox

Input Method:

click(ref_51)  // 点击标题输入框
type("小红书自动发布工具使用指南")  // 输入标题

Step 4: Fill in the body content

Body editor:

// 正文编辑器是一个 generic 元素（ref_55）
// 不是标准的 textarea

Input Method:

click(ref_55)  // 点击正文编辑区域
type("正文内容...")  // 输入正文

Body Features:

• Supports rich text editing
• Word count is displayed at the bottom: "Word count: 194"
• Auto-save feature: "Auto-saved at HH:MM"
• Supports a maximum of 10,000 characters

Step 5: Click "One-Click Formatting" to select a template

One-Click Formatting button:

find: "一键排版 button"

After clicking, you will enter the formatting preview page.

Formatting Preview Page Features:

• Left side: Content preview (in article card format)
• Right side: Multiple template options
  • "Simple Basic" (selected by default ✓)
  • "Fresh and Bright"
  • "Black and White Minimalist"
• Bottom: "Drag the slider to quickly locate" control

Next button:

find: "下一步 button"

Click "Next" to enter the final publishing page.

Step 6: Fill in the body content and tags

Page title: "Publish Image-Text"

Important Note:

• The image-text note has a "Body Excerpt" input box. Although the name is "Excerpt", itmust be filled with the complete body content
• Do not fill in a summary, but fill in the entire body content + tags

Body content input box:

find: "输入正文摘录 textarea"
element_type: textbox

Input Method:

click(ref_194)  // 点击正文内容输入框
type(完整正文内容 + "\n\n" + 标签)  // 输入完整正文 + 标签

Content Format:

• Fill in the complete body content (not a summary)
• Leave two lines after the end of the body
• Then add tags (# at the beginning)
• Separate multiple tags with spaces
• It is recommended to use no more than 3 tags

Example:

在这个信息爆炸的时代，内容创作者面临着越来越多的平台和渠道选择。小红书作为一个重要的社交电商平台，已经成为许多创作者分享生活方式和产品推荐的首选平台。

为了提高发布效率，我们开发了这款自动化发布工具。它可以帮助你快速将内容发布到小红书平台，节省大量的重复性工作时间。

本文将详细介绍如何使用这个工具，让你的内容发布工作变得更加轻松高效。无论你是个人创作者还是团队运营，这个工具都能为你带来显著的效率提升。

#小红书发布 #自动化工具 #效率提升

Step 7: Fill in other publishing information

Title input box (Optional, usually auto-filled):

find: 包含标题文本的 textbox
max_length: 20字符

Cover image:

• The system will automatically convert the long article content into a cover image
• Displayed in the "Image Editing" area
• There is an "Add" button on the left to add more cover images

Other Options:

• Add location
• Add collection
• Link group chat
• Activity topic (same as text with image)

Step 8: Publish

Publish button:

find: "发布 button"
element_type: button
color: 红色

Save as Draft button:

find: "暂存草稿 button"

⚠️ Important Note: According to the security policy, automated scripts should:

1. Stop after filling in all content
2. Display a message prompting the user to review
3. Do not automatically click the "Publish" button
4. Let the user click "Publish" themselves in the browser

Image-text notes vs. text-with-images comparison

Feature	Text with images (< 140 characters)	Image-text notes (≥ 140 characters)
Entry URL	target=image	target=article
Editing method	Text-to-image generation	Rich text editor
Title input	Content of the first image	Separate title input box
Body input	Starting from the second image	Body editor
Cover image	Manually generate multiple images	Automatically generate cover
Publish page body area	Body text box	"Body excerpt" input box
Body filling method	Full body + tags	Full body + tags
Formatting	None	Supports H1/H2/lists, etc.
Character limit	Recommended < 140	140-10000 characters

Key reminder: Both modes must fill in the publish pagethe complete body contentrather than a summary or partial content.

III. Common elements and selectors

Login status detection

Method 1: Check the user avatar

find: "用户头像"

If the user avatar cannot be found or a "Log in" button is displayed, it means the user is not logged in.

Method 2: Check URL redirection If the URL redirects to the login page after navigating to the publish page, it means the user is not logged in.

Error handling

Common error prompts:

• "Please log in first" - The user needs to log in manually
• "Content cannot be empty" - A required field has not been filled in
• "Title cannot exceed 20 characters" - The title is too long
• "Insufficient number of images" - At least 1 image is required

IV. Best practices

1. Content preparation

• Title: Concise and clear, no more than 20 characters
• Body: Clear paragraphing, use line breaks to enhance readability
• Tags: Choose highly relevant tags, 2-3 recommended

2. Image recommendations

• Text with images: At least 2 images (title + body)
• Content distribution:
  • First image: core title or question
  • Subsequent images: detailed explanation, steps, summary

3. Tag selection

Examples of good tags:

• #小红书发布
• #自动化工具
• #效率提升
• #生活美学

Avoid:

• Overly broad tags (such as #生活）
• Irrelevant tags
• More than 5 tags

4. Publishing timing

• Avoid frequent publishing (at least 1 hour apart is recommended)
• Consider user active times (8 AM, 12 PM, 8 PM)

V. Troubleshooting

Problem 1: Text input failed

Reason: Xiaohongshu uses a custom DIV editor, not a standard input/textarea

Solution:

1. First click the text box to activate it
2. Use type action to enter text
3. Do not use form_input(only applies to standard form elements)

Issue 2: The generate image button is not clickable

Reason: The text content is empty or too short

Solution:

1. Make sure enough text content has been entered
2. Wait for autosave to complete (check the "Automatically saved at" prompt at the bottom)

Issue 3: Tags were not added correctly

Reason: Incorrect tag format or did not use # at the beginning

Solution:

1. Make sure tags start with # at the beginning
2. Separate multiple tags with spaces
3. There should be a space or line break after the tag

Issue 4: The page loads slowly

Reason: Network latency or slow server response

Solution:

1. Add wait time after key operations (2-3 seconds)
2. Use screenshot to verify the page state
3. Check the page title to confirm navigation succeeded

VI. Character Limits and Specifications

Field	Minimum Value	Maximum Value	Remarks
Title	1 character	20 characters	Required
Body	1 character	10000 characters	Required
Tags	0	3 recommended	Optional
Number of Images	1 image	18 images	Text with images requires at least 1 image

VII. Automation Precautions

Anti-Automation Detection

Xiaohongshu may have anti-automation mechanisms. Recommendations:

1. Operation Interval: Add a 1-3 second delay between each step
2. Randomization: Randomize the delay time appropriately
3. Frequency Limit: Avoid frequent posting within a short period of time
4. Manual Review: Always let the user make the final confirmation to publish

Security

1. Do not automatically click publish: Only fill in the content, and let the user publish manually
2. Content Review: It is recommended that users preview the content
3. Sensitive Information: Avoid handling sensitive information during the automation process

VIII. Summary

This skill document provides the complete process for publishing text-with-image posts on Xiaohongshu and detailed DOM selector information. The image-and-text note process needs further testing and refinement.

Core Principles:

• Use the correct entry URL
• Execute each step in order
• Use wait to ensure the page loads
• Verify the status through screenshot Verification status
• Let the user make the final confirmation to publish