1.0.24

Merge pull request #25 from cumany/main
支持标签组功能，支持直接从列表多选标签。
2025-07-18 05:42:05 +08:00 · 2025-07-13 03:27:16 +08:00 · 2025-07-13 03:26:46 +08:00 · 2025-07-12 16:51:52 +08:00 · 2025-07-12 02:06:01 +08:00 · 2025-07-12 01:59:45 +08:00
20 changed files with 2310 additions and 814 deletions
--- a/.gitignore
+++ b/.gitignore
@ -20,3 +20,4 @@ data.json

 # Exclude macOS Finder (System Explorer) View States
 .DS_Store
+.cursor/rules/discourse.mdc
--- a/README.md
+++ b/README.md
@ -1,9 +1,9 @@
 # Publish to Discourse

-## 配置key
+## 配置User Api key

-下载插件, 在设置页面添加"论坛地址", "API密钥(需要管理员创建)", "用户名".
-![image](https://github.com/user-attachments/assets/6c75ebb6-d028-4055-9616-2fb2931932ff)
+下载插件, 在设置页面添加"论坛地址"后配置.
+![image](/pics/20250711-233019.gif)



@ -36,3 +36,14 @@
 ![image](https://github.com/user-attachments/assets/f729f2a0-042e-4691-b00b-1fc96514cc34)

 ![image](https://github.com/user-attachments/assets/c710ad08-7636-4a69-a6cf-1d4496fa623d)
+
+
+---
+
+## 赞助 / Sponsorship
+
+如果这个插件对你有帮助, 欢迎请我喝杯咖啡。当然, 只要使用就是对我最大的支持。
+
+If this plugin has been helpful to you, feel free to buy me a coffee. Of course, using it is the greatest support you can give me.
+
+链接 / Link: https://wise.com/pay/business/czlltd
--- a/manifest.json
+++ b/manifest.json
@ -1,11 +1,11 @@
 {
 	"id": "publish-to-discourse",
 	"name": "Publish to Discourse",
-	"version": "1.0.8",
+	"version": "1.0.24",
 	"minAppVersion": "0.15.0",
 	"description": "Publish notes to the Discourse forum.",
 	"author": "WoodChen",
 	"authorUrl": "https://woodchen.ink",
-	"fundingUrl": "https://buymeacoffee.com/woodchen",
+	"fundingUrl": "https://wise.com/pay/business/czlltd",
 	"isDesktopOnly": true
 }
--- a/package-lock.json
+++ b/package-lock.json
@ -1,14 +1,15 @@
 {
 	"name": "obsidian-publish-to-discourse",
-	"version": "1.0.8",
+	"version": "1.0.24",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "obsidian-publish-to-discourse",
-			"version": "1.0.8",
+			"version": "1.0.24",
 			"license": "MIT",
 			"dependencies": {
+				"node-forge": "^1.3.1",
 				"yaml": "^2.7.0"
 			},
 			"devDependencies": {
@ -1852,6 +1853,15 @@
 			"license": "MIT",
 			"peer": true
 		},
+		"node_modules/node-forge": {
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
+			"integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
+			"license": "(BSD-3-Clause OR GPL-2.0)",
+			"engines": {
+				"node": ">= 6.13.0"
+			}
+		},
 		"node_modules/obsidian": {
 			"version": "1.5.7-1",
 			"resolved": "https://registry.npmjs.org/obsidian/-/obsidian-1.5.7-1.tgz",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
 	"name": "obsidian-publish-to-discourse",
-	"version": "1.0.8",
+	"version": "1.0.24",
 	"description": "Post notes to the Discourse forum.",
 	"main": "main.js",
 	"scripts": {
@ -26,6 +26,7 @@
 		"typescript": "4.7.4"
 	},
 	"dependencies": {
+		"node-forge": "^1.3.1",
 		"yaml": "^2.7.0"
 	}
 }
--- a/pics/20250711-233019.gif
+++ b/pics/20250711-233019.gif
--- a/src/api.ts
+++ b/src/api.ts
@ -0,0 +1,471 @@
+import { App, requestUrl, TFile } from 'obsidian';
+import { DiscourseSyncSettings } from './config';
+import { NotifyUser } from './notification';
+import { t } from './i18n';
+
+// 生成随机边界字符串
+const genBoundary = (): string => {
+    return 'ObsidianBoundary' + Math.random().toString(16).substring(2);
+};
+
+export class DiscourseAPI {
+    constructor(
+        private app: App,
+        private settings: DiscourseSyncSettings
+    ) {}
+
+    // 上传图片到Discourse
+    async uploadImage(file: TFile): Promise<{shortUrl: string, fullUrl?: string} | null> {
+        try {
+            const imgfile = await this.app.vault.readBinary(file);
+            const boundary = genBoundary();
+            const sBoundary = '--' + boundary + '\r\n';
+            const imgForm = `${sBoundary}Content-Disposition: form-data; name="file"; filename="${file.name}"\r\nContent-Type: image/${file.extension}\r\n\r\n`;
+
+            let body = '';
+            body += `\r\n${sBoundary}Content-Disposition: form-data; name="type"\r\n\r\ncomposer\r\n`;
+            body += `${sBoundary}Content-Disposition: form-data; name="synchronous"\r\n\r\ntrue\r\n`;
+
+            const eBoundary = '\r\n--' + boundary + '--\r\n';
+            const imgFormArray = new TextEncoder().encode(imgForm);
+            const bodyArray = new TextEncoder().encode(body);
+            const endBoundaryArray = new TextEncoder().encode(eBoundary);
+
+            const formDataArray = new Uint8Array(imgFormArray.length + imgfile.byteLength + bodyArray.length + endBoundaryArray.length);
+            formDataArray.set(imgFormArray, 0);
+            formDataArray.set(new Uint8Array(imgfile), imgFormArray.length);
+            formDataArray.set(bodyArray, imgFormArray.length + imgfile.byteLength);
+            formDataArray.set(endBoundaryArray, imgFormArray.length + bodyArray.length + imgfile.byteLength);
+
+            const url = `${this.settings.baseUrl}/uploads.json`;
+            const headers: Record<string, string> = {
+                "User-Api-Key": this.settings.userApiKey,
+                "Content-Type": `multipart/form-data; boundary=${boundary}`
+            };
+
+            const response = await requestUrl({
+                url: url,
+                method: "POST",
+                body: formDataArray.buffer,
+                throw: false,
+                headers: headers,
+            });
+
+            if (response.status == 200) {
+                const jsonResponse = response.json;
+                let fullUrl: string | undefined;
+                
+                // 处理完整URL的拼接
+                if (jsonResponse.url) {
+                    // 如果返回的url已经是完整URL（包含http/https），直接使用
+                    if (jsonResponse.url.startsWith('http://') || jsonResponse.url.startsWith('https://')) {
+                        fullUrl = jsonResponse.url;
+                    } else {
+                        // 如果是相对路径，需要与baseUrl拼接
+                        const baseUrl = this.settings.baseUrl.replace(/\/$/, ''); // 移除尾部斜杠
+                        const urlPath = jsonResponse.url.startsWith('/') ? jsonResponse.url : `/${jsonResponse.url}`;
+                        fullUrl = `${baseUrl}${urlPath}`;
+                    }
+                }
+                
+                return {
+                    shortUrl: jsonResponse.short_url,
+                    fullUrl: fullUrl
+                };
+            } else {
+                new NotifyUser(this.app, `Error uploading image: ${response.status}`).open();
+                return null;
+            }
+        } catch (error) {
+            new NotifyUser(this.app, `Exception while uploading image: ${error}`).open();
+            return null;
+        }
+    }
+
+    // 创建新帖子
+    async createPost(title: string, content: string, category: number, tags: string[]): Promise<{ success: boolean; postId?: number; topicId?: number; error?: string }> {
+        const url = `${this.settings.baseUrl}/posts.json`;
+        const headers: Record<string, string> = {
+            "User-Api-Key": this.settings.userApiKey,
+            "Content-Type": "application/json"
+        };
+
+        try {
+            const response = await requestUrl({
+                url,
+                method: "POST",
+                contentType: "application/json",
+                body: JSON.stringify({
+                    title: title,
+                    raw: content,
+                    category: category,
+                    tags: tags || []
+                }),
+                headers,
+                throw: false
+            });
+
+            if (response.status === 200) {
+                const responseData = response.json;
+                if (responseData && responseData.id) {
+                    return {
+                        success: true,
+                        postId: responseData.id,
+                        topicId: responseData.topic_id
+                    };
+                } else {
+                    return {
+                        success: false,
+                        error: t('POST_ID_ERROR')
+                    };
+                }
+            } else {
+                try {
+                    const errorResponse = response.json;
+                    if (errorResponse.errors && errorResponse.errors.length > 0) {
+                        return { 
+                            success: false,
+                            error: errorResponse.errors.join('\n')
+                        };
+                    }
+                    if (errorResponse.error) {
+                        return {
+                            success: false,
+                            error: errorResponse.error
+                        };
+                    }
+                } catch (parseError) {
+                    return {
+                        success: false,
+                        error: `${t('PUBLISH_FAILED')} (${response.status})`
+                    };
+                }
+                return {
+                    success: false,
+                    error: `${t('PUBLISH_FAILED')} (${response.status})`
+                };
+            }
+        } catch (error) {
+            return { 
+                success: false,
+                error: `${t('PUBLISH_FAILED')}: ${error.message || t('UNKNOWN_ERROR')}`
+            };
+        }
+    }
+
+    // 更新帖子
+    async updatePost(postId: number, topicId: number, title: string, content: string, category: number, tags: string[]): Promise<{ success: boolean; error?: string }> {
+        const postEndpoint = `${this.settings.baseUrl}/posts/${postId}`;
+        const topicEndpoint = `${this.settings.baseUrl}/t/${topicId}`;
+        const headers: Record<string, string> = {
+            "User-Api-Key": this.settings.userApiKey,
+            "Content-Type": "application/json"
+        };
+        
+        try {
+            // 首先更新帖子内容
+            const postResponse = await requestUrl({
+                url: postEndpoint,
+                method: "PUT",
+                contentType: "application/json",
+                body: JSON.stringify({
+                    raw: content,
+                    edit_reason: "Updated from Obsidian"
+                }),
+                headers,
+                throw: false
+            });
+            
+            if (postResponse.status !== 200) {
+                return { 
+                    success: false, 
+                    error: `${t('UPDATE_FAILED')} (${postResponse.status})` 
+                };
+            }
+            
+            // 然后更新主题（标题、分类和标签）
+            const topicResponse = await requestUrl({
+                url: topicEndpoint,
+                method: "PUT",
+                contentType: "application/json",
+                body: JSON.stringify({
+                    title: title,
+                    category_id: category,
+                    tags: tags || []
+                }),
+                headers,
+                throw: false
+            });
+            
+            if (topicResponse.status === 200) {
+                return { success: true };
+            } else {
+                try {
+                    const errorResponse = topicResponse.json;
+                    if (errorResponse.errors && errorResponse.errors.length > 0) {
+                        return { 
+                            success: false,
+                            error: errorResponse.errors.join('\n')
+                        };
+                    }
+                    if (errorResponse.error) {
+                        return {
+                            success: false,
+                            error: errorResponse.error
+                        };
+                    }
+                } catch (parseError) {
+                    return {
+                        success: false,
+                        error: `${t('UPDATE_FAILED')} (${topicResponse.status})`
+                    };
+                }
+                return {
+                    success: false,
+                    error: `${t('UPDATE_FAILED')} (${topicResponse.status})`
+                };
+            }
+        } catch (error) {
+            return { 
+                success: false,
+                error: `${t('UPDATE_FAILED')}: ${error.message || t('UNKNOWN_ERROR')}`
+            };
+        }
+    }
+
+    // 获取分类列表
+    async fetchCategories(): Promise<{ id: number; name: string }[]> {
+        try {
+            const url = `${this.settings.baseUrl}/categories.json?include_subcategories=true`;
+            const headers: Record<string, string> = {
+                "User-Api-Key": this.settings.userApiKey
+            };
+            
+            const response = await requestUrl({
+                url,
+                method: "GET",
+                headers,
+                throw: false
+            });
+            
+            if (response.status === 200) {
+                const data = response.json;
+                const categories: { id: number; name: string }[] = [];
+                
+                if (data && data.category_list && data.category_list.categories) {
+                    data.category_list.categories.forEach((category: any) => {
+                        categories.push({
+                            id: category.id,
+                            name: category.name
+                        });
+                        
+                        // 添加子分类
+                        if (category.subcategory_list) {
+                            category.subcategory_list.forEach((subcategory: any) => {
+                                categories.push({
+                                    id: subcategory.id,
+                                    name: `${category.name} > ${subcategory.name}`
+                                });
+                            });
+                        }
+                    });
+                }
+                
+                return categories;
+            } else {
+                new NotifyUser(this.app, `Error fetching categories: ${response.status}`).open();
+                return [];
+            }
+        } catch (error) {
+            new NotifyUser(this.app, `Exception while fetching categories: ${error}`).open();
+            return [];
+        }
+    }
+
+    // 获取标签列表
+    async fetchTags(): Promise<{ name: string; canCreate: boolean }[]> {
+        try {
+            const url = `${this.settings.baseUrl}/tags.json`;
+            const headers: Record<string, string> = {
+                "User-Api-Key": this.settings.userApiKey
+            };
+            
+            const response = await requestUrl({
+                url,
+                method: "GET",
+                headers,
+                throw: false
+            });
+            
+            if (response.status === 200) {
+                const data = response.json;
+                const tags: { name: string; canCreate: boolean }[] = [];
+                
+                if (data && data.tags) {
+                    const canCreateTags = await this.checkCanCreateTags();
+                    
+                    // 处理所有标签（包括tag_groups中的标签）
+                    const allTags = new Map<string, { name: string; count: number }>();
+                    
+                    // 添加普通标签
+                    data.tags.forEach((tag: any) => {
+                        allTags.set(tag.name, { name: tag.name, count: tag.count || 0 });
+                    });
+                    
+                    // 添加tag_groups中的标签
+                    if (data.extras && data.extras.tag_groups) {
+                        data.extras.tag_groups.forEach((group: any) => {
+                            if (group.tags) {
+                                group.tags.forEach((tag: any) => {
+                                    // 如果标签已存在，取较大的count值
+                                    const existing = allTags.get(tag.name);
+                                    if (existing) {
+                                        existing.count = Math.max(existing.count, tag.count || 0);
+                                    } else {
+                                        allTags.set(tag.name, { name: tag.name, count: tag.count || 0 });
+                                    }
+                                });
+                            }
+                        });
+                    }
+                    
+                    // 按count数量排序，转换为最终格式
+                    const sortedTags = Array.from(allTags.values())
+                        .sort((a, b) => b.count - a.count)
+                        .map(tag => ({
+                            name: tag.name,
+                            canCreate: canCreateTags
+                        }));
+                    
+                    tags.push(...sortedTags);
+                }
+                
+                return tags;
+            } else {
+                new NotifyUser(this.app, `Error fetching tags: ${response.status}`).open();
+                return [];
+            }
+        } catch (error) {
+            new NotifyUser(this.app, `Exception while fetching tags: ${error}`).open();
+            return [];
+        }
+    }
+
+    // 检查是否可以创建标签
+    async checkCanCreateTags(): Promise<boolean> {
+        try {
+            const url = `${this.settings.baseUrl}/site.json`;
+            const headers: Record<string, string> = {
+                "User-Api-Key": this.settings.userApiKey
+            };
+            
+            const response = await requestUrl({
+                url,
+                method: "GET",
+                headers,
+                throw: false
+            });
+            
+            if (response.status === 200) {
+                const data = response.json;
+                if (data && data.can_create_tag) {
+                    return data.can_create_tag;
+                }
+            }
+            
+            return false;
+        } catch (error) {
+            return false;
+        }
+    }
+
+    // 测试API密钥
+    async testApiKey(): Promise<{ success: boolean; message: string }> {
+        if (!this.settings.baseUrl || !this.settings.userApiKey) {
+            return {
+                success: false,
+                message: t('MISSING_SETTINGS')
+            };
+        }
+        
+        try {
+            const url = `${this.settings.baseUrl}/site.json`;
+            const headers: Record<string, string> = {
+                "User-Api-Key": this.settings.userApiKey
+            };
+            
+            const response = await requestUrl({
+                url,
+                method: "GET",
+                headers,
+                throw: false
+            });
+            
+            if (response.status === 200) {
+                const data = response.json;
+                if (data) {
+                    return {
+                        success: true,
+                        message: t('API_TEST_SUCCESS')
+                    };
+                } else {
+                    return {
+                        success: false,
+                        message: t('API_KEY_INVALID')
+                    };
+                }
+            } else {
+                return {
+                    success: false,
+                    message: `${t('API_KEY_INVALID')} (${response.status})`
+                };
+            }
+        } catch (error) {
+            return {
+                success: false,
+                message: `${t('API_KEY_INVALID')}: ${error.message || t('UNKNOWN_ERROR')}`
+            };
+        }
+    }
+
+    // 获取特定主题的标签和分类信息
+    async fetchTopicInfo(topicId: number): Promise<{ tags: string[], categoryId?: number }> {
+        try {
+            const url = `${this.settings.baseUrl}/t/${topicId}.json`;
+            const headers: Record<string, string> = {
+                "User-Api-Key": this.settings.userApiKey
+            };
+            
+            const response = await requestUrl({
+                url,
+                method: "GET",
+                headers,
+                throw: false
+            });
+            
+            if (response.status === 200) {
+                const data = response.json;
+                return {
+                    tags: data?.tags || [],
+                    categoryId: data?.category_id
+                };
+            }
+            
+            return { tags: [] };
+        } catch (error) {
+            new NotifyUser(this.app, `Exception while fetching topic info: ${error}`).open();
+            return { tags: [] };
+        }
+    }
+
+    // 获取特定主题的标签
+    async fetchTopicTags(topicId: number): Promise<string[]> {
+        try {
+            const topicInfo = await this.fetchTopicInfo(topicId);
+            return topicInfo.tags;
+        } catch (error) {
+            new NotifyUser(this.app, `Exception while fetching topic tags: ${error}`).open();
+            return [];
+        }
+    }
+} 
--- a/src/config.ts
+++ b/src/config.ts
@ -1,26 +1,27 @@
-import { PluginSettingTab, Setting, App } from 'obsidian';
-import DiscourseSyncPlugin from './main';
+import { PluginSettingTab, Setting, App, Notice, ButtonComponent } from 'obsidian';
+import PublishToDiscourse from './main';
 import { t } from './i18n';

 export interface DiscourseSyncSettings {
 	baseUrl: string;
-	apiKey: string;
-	disUser: string;
 	category: number;
-	selectedTags: string[];
+	skipH1: boolean;
+	useRemoteImageUrl: boolean;
+	userApiKey: string;
+	lastNotifiedVersion?: string; // 记录上次显示更新通知的版本
 }

 export const DEFAULT_SETTINGS: DiscourseSyncSettings = {
 	baseUrl: "https://yourforum.example.com",
-	apiKey: "apikey",
-	disUser: "DiscourseUsername",
 	category: 1,
-	selectedTags: []
+	skipH1: false,
+	useRemoteImageUrl: true, //默认启用
+	userApiKey: ""
 };

 export class DiscourseSyncSettingsTab extends PluginSettingTab {
-	plugin: DiscourseSyncPlugin;
-	constructor(app: App, plugin: DiscourseSyncPlugin) {
+	plugin: PublishToDiscourse;
+	constructor(app: App, plugin: PublishToDiscourse) {
 		super(app, plugin);
 	}

@ -28,7 +29,15 @@ export class DiscourseSyncSettingsTab extends PluginSettingTab {
 		const { containerEl } = this;
 		containerEl.empty();

-		new Setting(containerEl)
+		// ====== 基础配置 ======
+		const basicSection = containerEl.createDiv('discourse-config-section');
+		basicSection.createEl('h2', { text: '🔧 ' + t('CONFIG_BASIC_TITLE') });
+		basicSection.createEl('p', { 
+			text: t('CONFIG_BASIC_DESC'),
+			cls: 'setting-item-description'
+		});
+
+		new Setting(basicSection)
 			.setName(t('FORUM_URL'))
 			.setDesc(t('FORUM_URL_DESC'))
 			.addText((text) =>
@ -41,30 +50,199 @@ export class DiscourseSyncSettingsTab extends PluginSettingTab {
 					})
 		);

-		new Setting(containerEl)
-			.setName(t('API_KEY'))
-			.setDesc(t('API_KEY_DESC'))
-			.addText((text) =>
+		// 显示当前的 User-API-Key
+		const userApiKey = this.plugin.settings.userApiKey;
+		const hasApiKey = userApiKey && userApiKey.trim() !== '';
+		
+		new Setting(basicSection)
+			.setName(t('USER_API_KEY'))
+			.setDesc(hasApiKey ? t('USER_API_KEY_DESC') : t('USER_API_KEY_EMPTY'))
+			.addText((text) => {
 				text
-					.setPlaceholder("api_key")
-					.setValue(this.plugin.settings.apiKey)
+					.setPlaceholder(hasApiKey ? "••••••••••••••••••••••••••••••••" : t('USER_API_KEY_EMPTY'))
+					.setValue(hasApiKey ? userApiKey : "")
+					.setDisabled(true);
+				
+				// 设置样式让文本看起来像密码
+				if (hasApiKey) {
+					text.inputEl.style.fontFamily = 'monospace';
+					text.inputEl.style.fontSize = '12px';
+					text.inputEl.style.color = 'var(--text-muted)';
+				}
+			})
+			.addButton((button: ButtonComponent) => {
+				if (hasApiKey) {
+					button
+						.setButtonText("📋 " + t('COPY_API_KEY'))
+						.setTooltip(t('COPY_API_KEY'))
+						.onClick(async () => {
+							try {
+								await navigator.clipboard.writeText(userApiKey);
+								new Notice(t('API_KEY_COPIED'), 3000);
+							} catch (error) {
+								// 降级方案：使用传统的复制方法
+								const textArea = document.createElement('textarea');
+								textArea.value = userApiKey;
+								document.body.appendChild(textArea);
+								textArea.select();
+								document.execCommand('copy');
+								document.body.removeChild(textArea);
+								new Notice(t('API_KEY_COPIED'), 3000);
+							}
+						});
+				} else {
+					button
+						.setButtonText("⬇️ 获取")
+						.setTooltip("跳转到获取 API Key 的流程")
+						.onClick(() => {
+							// 滚动到 API Key 获取区域
+							const apiSection = containerEl.querySelector('.discourse-config-section:nth-child(2)');
+							if (apiSection) {
+								apiSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+							}
+						});
+				}
+			});
+
+		// ====== 获取 User-API-Key ======
+		const apiSection = containerEl.createDiv('discourse-config-section');
+		apiSection.createEl('h2', { text: '🔑 ' + t('CONFIG_API_TITLE') });
+		apiSection.createEl('p', { 
+			text: t('CONFIG_API_DESC'),
+			cls: 'setting-item-description'
+		});
+
+		// 步骤 1: 确认论坛地址
+		const step1 = apiSection.createDiv('discourse-step');
+		step1.createDiv('discourse-step-title').textContent = t('STEP_VERIFY_URL');
+		step1.createDiv('discourse-step-description').textContent = t('STEP_VERIFY_URL_DESC');
+
+		// 步骤 2: 生成授权链接
+		const step2 = apiSection.createDiv('discourse-step');
+		step2.createDiv('discourse-step-title').textContent = t('STEP_GENERATE_AUTH');
+		step2.createDiv('discourse-step-description').textContent = t('STEP_GENERATE_AUTH_DESC');
+		
+		new Setting(step2)
+			.setName(t('GENERATE_AUTH_LINK'))
+			.setDesc(t('GENERATE_AUTH_DESC'))
+			.addButton((button: ButtonComponent) => {
+				button.setButtonText("🚀 " + t('GENERATE_AUTH_LINK'));
+				button.onClick(async () => {
+					const { generateKeyPairAndNonce, saveKeyPair } = await import("./crypto");
+					const pair = generateKeyPairAndNonce();
+					saveKeyPair(pair);
+					const url = `${this.plugin.settings.baseUrl.replace(/\/$/,"")}/user-api-key/new?` +
+						`application_name=Obsidian%20Discourse%20Plugin&client_id=obsidian-${Date.now()}&scopes=read,write&public_key=${encodeURIComponent(pair.publicKeyPem)}&nonce=${pair.nonce}`;
+					window.open(url, '_blank');
+					new Notice(t('AUTH_LINK_GENERATED'), 8000);
+					this.display();
+				});
+			});
+
+		// 步骤 3: 完成授权并复制 Payload
+		const step3 = apiSection.createDiv('discourse-step');
+		step3.createDiv('discourse-step-title').textContent = t('STEP_AUTHORIZE');
+		step3.createDiv('discourse-step-description').textContent = t('STEP_AUTHORIZE_DESC');
+
+		// 步骤 4: 解密并保存 User-API-Key
+		const step4 = apiSection.createDiv('discourse-step');
+		step4.createDiv('discourse-step-title').textContent = t('STEP_DECRYPT');
+		step4.createDiv('discourse-step-description').textContent = t('STEP_DECRYPT_DESC');
+		
+		new Setting(step4)
+			.setName(t('DECRYPT_PAYLOAD'))
+			.setDesc(t('DECRYPT_PAYLOAD_DESC'))
+			.addText((text) => {
+				text.setPlaceholder(t('PAYLOAD_PLACEHOLDER'));
+				text.inputEl.style.width = '80%';
+				(text as any).payloadValue = '';
+				text.onChange((value) => {
+					(text as any).payloadValue = value;
+				});
+			})
+			.addButton((button: ButtonComponent) => {
+				button.setButtonText("🔓 " + t('DECRYPT_AND_SAVE'));
+				button.onClick(async () => {
+					const { decryptUserApiKey, clearKeyPair } = await import("./crypto");
+					const payload = (containerEl.querySelector(`input[placeholder="${t('PAYLOAD_PLACEHOLDER')}"]`) as HTMLInputElement)?.value;
+					if (!payload) { new Notice("请先粘贴payload"); return; }
+					try {
+						const userApiKey = await decryptUserApiKey(payload);
+						this.plugin.settings.userApiKey = userApiKey;
+						await this.plugin.saveSettings();
+						clearKeyPair();
+						new Notice(t('DECRYPT_SUCCESS'), 5000);
+						this.display();
+					} catch (e) {
+						new Notice(t('DECRYPT_FAILED') + e, 8000);
+					}
+				});
+			});
+
+		// 步骤 5: 测试连接
+		const step5 = apiSection.createDiv('discourse-step');
+		step5.createDiv('discourse-step-title').textContent = t('STEP_TEST');
+		step5.createDiv('discourse-step-description').textContent = t('STEP_TEST_DESC');
+		
+		new Setting(step5)
+			.setName(t('TEST_API_KEY'))
+			.setDesc(t('STEP_TEST_DESC'))
+			.addButton((button: ButtonComponent) => {
+				button
+					.setButtonText("🔍 " + t('TEST_API_KEY'))
+					.setCta()
+					.onClick(async () => {
+						button.setButtonText("🔄 " + t('TESTING'));
+						button.setDisabled(true);
+						
+						const result = await this.plugin.api.testApiKey();
+						
+						button.setButtonText("🔍 " + t('TEST_API_KEY'));
+						button.setDisabled(false);
+						
+						if (result.success) {
+							new Notice("✅ " + result.message, 5000);
+						} else {
+							// 使用 Obsidian 的默认 Notice 进行错误提示
+							const formattedMessage = typeof result.message === 'string' 
+								? result.message 
+								: JSON.stringify(result.message, null, 2);
+							
+							new Notice("❌ " + t('API_TEST_FAILED') + "\n" + formattedMessage, 8000);
+						}
+					});
+			});
+
+		// ====== 发布选项 ======
+		const publishSection = containerEl.createDiv('discourse-config-section');
+		publishSection.createEl('h2', { text: '📝 ' + t('CONFIG_PUBLISH_TITLE') });
+		publishSection.createEl('p', { 
+			text: t('CONFIG_PUBLISH_DESC'),
+			cls: 'setting-item-description'
+		});
+
+		new Setting(publishSection)
+			.setName(t('SKIP_H1'))
+			.setDesc(t('SKIP_H1_DESC'))
+			.addToggle((toggle) => 
+				toggle
+					.setValue(this.plugin.settings.skipH1)
 					.onChange(async (value) => {
-						this.plugin.settings.apiKey = value;
+						this.plugin.settings.skipH1 = value;
 						await this.plugin.saveSettings();
 					})
 			);

-		new Setting(containerEl)
-			.setName(t('USERNAME'))
-			.setDesc(t('USERNAME_DESC'))
-			.addText((text) =>
-				text
-					.setPlaceholder("username")
-					.setValue(this.plugin.settings.disUser)
+		new Setting(publishSection)
+			.setName(t('USE_REMOTE_IMAGE_URL'))
+			.setDesc(t('USE_REMOTE_IMAGE_URL_DESC'))
+			.addToggle((toggle) => 
+				toggle
+					.setValue(this.plugin.settings.useRemoteImageUrl)
 					.onChange(async (value) => {
-						this.plugin.settings.disUser = value;
+						this.plugin.settings.useRemoteImageUrl = value;
 						await this.plugin.saveSettings();
-					}),
+					})
 			);
 	}
 }
--- a/src/crypto.ts
+++ b/src/crypto.ts
@ -0,0 +1,51 @@
+// 类型声明修正
+// @ts-ignore
+import forge from 'node-forge';
+import { t } from './i18n';
+
+const KEY_STORAGE = 'discourse_user_api_keypair';
+
+export interface UserApiKeyPair {
+  publicKeyPem: string;
+  privateKeyPem: string;
+  nonce: string;
+}
+
+// 生成RSA密钥对和nonce
+export function generateKeyPairAndNonce(): UserApiKeyPair {
+  const keypair = forge.pki.rsa.generateKeyPair({ bits: 4096, e: 0x10001 });
+  const publicKeyPem = forge.pki.publicKeyToPem(keypair.publicKey);
+  const privateKeyPem = forge.pki.privateKeyToPem(keypair.privateKey);
+  const nonce = forge.util.bytesToHex(forge.random.getBytesSync(16));
+  return { publicKeyPem, privateKeyPem, nonce };
+}
+
+// 保存密钥对到localStorage
+export function saveKeyPair(pair: UserApiKeyPair) {
+  localStorage.setItem(KEY_STORAGE, JSON.stringify(pair));
+}
+
+// 读取密钥对
+export function loadKeyPair(): UserApiKeyPair | null {
+  const raw = localStorage.getItem(KEY_STORAGE);
+  if (!raw) return null;
+  return JSON.parse(raw);
+}
+
+// 清除密钥对
+export function clearKeyPair() {
+  localStorage.removeItem(KEY_STORAGE);
+}
+
+// 解密payload，校验nonce，返回user-api-key
+export async function decryptUserApiKey(payload: string): Promise<string> {
+  const pair = loadKeyPair();
+  if (!pair) throw new Error(t('CRYPTO_NEED_GEN_KEYPAIR'));
+  const privateKey = forge.pki.privateKeyFromPem(pair.privateKeyPem);
+  const encryptedBytes = forge.util.decode64(payload.trim().replace(/\s/g, ''));
+  const decrypted = privateKey.decrypt(encryptedBytes, 'RSAES-PKCS1-V1_5');
+  const json = JSON.parse(decrypted);
+  if (!json.key) throw new Error(t('CRYPTO_PAYLOAD_NO_KEY'));
+  if (json.nonce !== pair.nonce) throw new Error(t('CRYPTO_NONCE_INVALID'));
+  return json.key;
+} 
--- a/src/embed-handler.ts
+++ b/src/embed-handler.ts
@ -0,0 +1,99 @@
+import { App, TFile } from 'obsidian';
+import { NotifyUser } from './notification';
+import { DiscourseAPI } from './api';
+import { isImageFile } from './utils';
+
+export class EmbedHandler {
+    constructor(
+        private app: App,
+        private api: DiscourseAPI
+    ) {}
+
+    // 提取嵌入引用
+    extractEmbedReferences(content: string): string[] {
+        const references: string[] = [];
+        
+        // 匹配 ![[...]] 格式 (Wiki格式)
+        const wikiRegex = /!\[\[(.*?)\]\]/g;
+        let match;
+        while ((match = wikiRegex.exec(content)) !== null) {
+            references.push(match[1]);
+        }
+        
+        // 匹配 ![](path) 格式 (Markdown格式)
+        const markdownRegex = /!\[.*?\]\(([^)]+)\)/g;
+        while ((match = markdownRegex.exec(content)) !== null) {
+            // 过滤掉网络URL，只处理本地文件路径
+            const path = match[1];
+            if (!path.startsWith('http://') && !path.startsWith('https://') && !path.startsWith('upload://')) {
+                references.push(path);
+            }
+        }
+        
+        return references;
+    }
+
+    // 处理嵌入内容
+    async processEmbeds(embedReferences: string[], activeFileName: string, useRemoteUrl = false): Promise<string[]> {
+        const uploadedUrls: string[] = [];
+        for (const ref of embedReferences) {
+            // 处理带有#的文件路径，分离文件名和标题部分
+            let filePart = ref;
+            const hashIndex = filePart.indexOf("#");
+            if (hashIndex >= 0) {
+                filePart = filePart.substring(0, hashIndex).trim();
+            }
+            
+            const filePath = this.app.metadataCache.getFirstLinkpathDest(filePart, activeFileName)?.path;
+            if (filePath) {
+                const abstractFile = this.app.vault.getAbstractFileByPath(filePath);
+                if (abstractFile instanceof TFile) {
+                    // 检查是否为图片或PDF文件
+                    if (isImageFile(abstractFile)) {
+                        const imageResult = await this.api.uploadImage(abstractFile);
+                        if (imageResult) {
+                            // 根据配置选择使用短URL还是完整URL
+                            const urlToUse = useRemoteUrl && imageResult.fullUrl ? imageResult.fullUrl : imageResult.shortUrl;
+                            uploadedUrls.push(urlToUse);
+                        } else {
+                            uploadedUrls.push("");
+                        }
+                    } else {
+                        // 非图片文件，返回空字符串
+                        uploadedUrls.push("");
+                    }
+                } else {
+                    new NotifyUser(this.app, `File not found in vault: ${ref}`).open();
+                    uploadedUrls.push("");
+                }
+            } else {
+                new NotifyUser(this.app, `Unable to resolve file path for: ${ref}`).open();
+                uploadedUrls.push("");
+            }
+        }
+        return uploadedUrls;
+    }
+
+    // 替换内容中的嵌入引用为Markdown格式
+    replaceEmbedReferences(content: string, embedReferences: string[], uploadedUrls: string[]): string {
+        let processedContent = content;
+        
+        embedReferences.forEach((ref, index) => {
+            if (uploadedUrls[index]) {
+                // 处理 ![[...]] 格式 (Wiki格式)
+                const wikiRef = `![[${ref}]]`;
+                const wikiReplacement = `![${ref}](${uploadedUrls[index]})`;
+                processedContent = processedContent.replace(wikiRef, wikiReplacement);
+                
+                // 处理 ![](path) 格式 (Markdown格式)
+                // 创建正则表达式来匹配具体的路径
+                const escapedRef = ref.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+                const markdownRegex = new RegExp(`!\\[([^\\]]*)\\]\\(${escapedRef}\\)`, 'g');
+                const markdownReplacement = `![$1](${uploadedUrls[index]})`;
+                processedContent = processedContent.replace(markdownRegex, markdownReplacement);
+            }
+        });
+        
+        return processedContent;
+    }
+} 
--- a/src/expand-embeds.ts
+++ b/src/expand-embeds.ts
@ -0,0 +1,214 @@
+/**
+ * expandEmbeds.ts
+ *
+ * This module provides a recursive function to expand Obsidian-style embedded links (`![[file]]` and `![[file#heading]]`) 
+ * by inlining their referenced content. It supports:
+ * 
+ * - Resolving full-note and section-level embeds (`![[file#subsection]]`)
+ * - Expanding embedded content recursively while preventing infinite loops
+ * - Handling multiple instances of the same embedded section within the same note
+ * - Skipping the expansion of images (`png, jpg, gif, etc.`) and PDFs while preserving their original links
+ *
+ * The function maintains a call stack to track active expansions, ensuring that duplicate references in the same 
+ * recursion chain are ignored (to prevent loops), while allowing repeated embeds elsewhere in the note.
+ */
+
+import { App, TFile, CachedMetadata } from "obsidian";
+
+/**
+ * 将frontmatter转换为Markdown引用格式
+ */
+function convertFrontmatterToQuote(content: string): string {
+  // 检查是否有frontmatter
+  const fmMatch = content.match(/^---\n([\s\S]*?)\n---\n/);
+  if (!fmMatch) return content;
+
+  // 提取frontmatter内容
+  const fmContent = fmMatch[1];
+  
+  // 将frontmatter内容转换为引用格式
+  const quotedFm = fmContent
+    .split('\n')
+    .map(line => `> ${line}`)
+    .join('\n');
+  
+  // 替换原始frontmatter
+  return content.replace(/^---\n[\s\S]*?\n---\n/, `${quotedFm}\n\n`);
+}
+
+/**
+ * Recursively expands embedded content (including subpath references),
+ * allowing the same (file+subpath) to appear multiple times if it's *not*
+ * in the same immediate recursion stack.
+ */
+export async function expandEmbeds(
+  app: App,
+  file: TFile,
+  stack: string[] = [],
+  subpath?: string
+): Promise<string> {
+  const sp = subpath ?? "<entireFile>";
+  const currentKey = `${file.path}::${sp}`;
+
+  // If it's already on the current expansion stack, we have a cycle => skip
+  if (stack.includes(currentKey)) {
+    return "";
+  }
+
+  // Push it on stack
+  stack.push(currentKey);
+
+  // Now do the usual reading
+  const raw = await app.vault.read(file);
+  const embedRegex = /!\[\[([^\]]+)\]\]/g;
+
+  // We'll do a standard async replacement
+  const expandedWholeFile = await replaceAsync(raw, embedRegex, async (fullMatch, link) => {
+    let [filePart] = link.split("|");
+
+    let sub: string | undefined;
+    const hashIndex = filePart.indexOf("#");
+    if (hashIndex >= 0) {
+      sub = filePart.substring(hashIndex + 1).trim();
+      filePart = filePart.substring(0, hashIndex).trim();
+    }
+
+    const linkedTFile = app.metadataCache.getFirstLinkpathDest(filePart, file.path);
+    if (!linkedTFile) {
+      // The file doesn't exist
+      return "";
+    }
+
+    // If it's an image, keep the link
+    if (isIgnoredFile(linkedTFile)) {
+      return fullMatch;
+    }
+
+    // Recursively expand that subpath
+    const expandedContent = await expandEmbeds(app, linkedTFile, stack, sub);
+    
+    // 将嵌入内容中的frontmatter转换为引用格式
+    return convertFrontmatterToQuote(expandedContent);
+  });
+
+  // Pop it from stack
+  stack.pop();
+
+  // If subpath was specified, slice out that portion
+  if (subpath) {
+    return sliceSubpathContent(app, file, expandedWholeFile, subpath);
+  }
+
+  return expandedWholeFile;
+}
+
+/**
+ * If the user references a heading or a block (e.g. "#Heading" or "#^blockID"),
+ * we slice out just that portion from the fully expanded content.
+ */
+function sliceSubpathContent(
+  app: App,
+  tfile: TFile,
+  fileContent: string,
+  subpath: string
+): string {
+  const fileCache = app.metadataCache.getFileCache(tfile);
+  if (!fileCache) return fileContent;
+
+  // Block reference => if subpath starts with '^'
+  if (subpath.startsWith("^")) {
+    const blockId = subpath.slice(1);
+    const block = fileCache.blocks?.[blockId];
+    if (!block) {
+      return "";
+    }
+    const { start, end } = block.position;
+    if (!end) {
+      // Goes to EOF if no explicit end
+      const slicedContent = fileContent.substring(start.offset);
+      return convertFrontmatterToQuote(slicedContent);
+    } else {
+      const slicedContent = fileContent.substring(start.offset, end.offset);
+      return convertFrontmatterToQuote(slicedContent);
+    }
+  }
+
+  // Otherwise treat it as a heading
+  return sliceHeading(fileContent, fileCache, subpath);
+}
+
+/**
+ * Finds a heading by case-insensitive match and returns everything until 
+ * the next heading of the same or shallower level.
+ */
+function sliceHeading(content: string, fileCache: CachedMetadata, headingName: string): string {
+  if (!fileCache.headings) return content;
+  const target = headingName.toLowerCase();
+
+  // Step 1: find the heading
+  let foundHeadingIndex = -1;
+  for (let i = 0; i < fileCache.headings.length; i++) {
+    if (fileCache.headings[i].heading.toLowerCase() === target) {
+      foundHeadingIndex = i;
+      break;
+    }
+  }
+  if (foundHeadingIndex === -1) {
+    return ""; // no heading matched
+  }
+
+  // Step 2: find the end offset for that heading's section
+  const heading = fileCache.headings[foundHeadingIndex];
+  const startOffset = heading.position.start.offset;
+  const thisLevel = heading.level;
+
+  // We'll search forward for the next heading of the same or shallower level
+  let endOffset = content.length;
+  for (let j = foundHeadingIndex + 1; j < fileCache.headings.length; j++) {
+    const h = fileCache.headings[j];
+    if (h.level <= thisLevel) {
+      endOffset = h.position.start.offset;
+      break;
+    }
+  }
+  console.log(`"Sliceheading for ${heading}, level ${thisLevel}, offsets ${startOffset} and ${endOffset}."`)
+
+  const slicedContent = content.substring(startOffset, endOffset).trim();
+  return convertFrontmatterToQuote(slicedContent);
+}
+
+/**
+ * Checks if a TFile is an image or PDF by extension
+ */
+function isIgnoredFile(file: TFile): boolean {
+  const imageExtensions = ["png", "jpg", "jpeg", "gif", "bmp", "svg", "webp", "pdf"];
+  return imageExtensions.includes(file.extension.toLowerCase());
+}
+
+/**
+ * A helper for asynchronous regex replacements
+ */
+async function replaceAsync(
+  str: string,
+  regex: RegExp,
+  asyncFn: (match: string, ...args: any[]) => Promise<string>
+): Promise<string> {
+  const matches: Array<{ match: string; args: any[]; index: number }> = [];
+  let m: RegExpExecArray | null;
+  while ((m = regex.exec(str)) !== null) {
+    matches.push({ match: m[0], args: m.slice(1), index: m.index });
+  }
+
+  let result = "";
+  let lastIndex = str.length;
+  for (let i = matches.length - 1; i >= 0; i--) {
+    const { match, args, index } = matches[i];
+    const afterMatchIndex = index + match.length;
+    const replacement = await asyncFn(match, ...args);
+    result = str.substring(afterMatchIndex, lastIndex) + result;
+    result = replacement + result;
+    lastIndex = index;
+  }
+  result = str.substring(0, lastIndex) + result;
+  return result;
+}
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@ -2,10 +2,16 @@ export default {
    // Settings page
    'FORUM_URL': 'Forum URL',
    'FORUM_URL_DESC': 'The URL of your Discourse forum',
-    'API_KEY': 'API Key',
-    'API_KEY_DESC': "API key created in '/admin/api/keys'",
-    'USERNAME': 'Username',
-    'USERNAME_DESC': 'Your Discourse username',
+
+    'SKIP_H1': 'Skip First Heading',
+    'SKIP_H1_DESC': 'Skip the first heading (H1) when publishing to Discourse',
+    'USE_REMOTE_IMAGE_URL': 'Use Remote Image URLs',
+    'USE_REMOTE_IMAGE_URL_DESC': 'Replace local image links with remote URLs from Discourse after publishing',
+    'TEST_API_KEY': 'Test Connection',
+    'TESTING': 'Testing...',
+    'API_TEST_SUCCESS': 'Connection successful! API key is valid',
+    'API_TEST_FAILED': 'API key test failed',
+    'MISSING_SETTINGS': 'Please fill in Forum URL and User-Api-Key first',

    // Publish page
    'PUBLISH_TO_DISCOURSE': 'Publish to Discourse',
@ -13,7 +19,7 @@ export default {
    'CATEGORY': 'Category',
    'TAGS': 'Tags',
    'ENTER_TAG': 'Enter tag name (press Enter to add)',
-    'ENTER_TAG_WITH_CREATE': 'Enter tag name (can create new tags)',
+    'ENTER_TAG_WITH_CREATE': 'Enter tag name (press Enter to add) (can create new tags)',
    'PUBLISHING': 'Publishing...',
    'UPDATING': 'Updating...',
    'PUBLISH': 'Publish',
@ -34,9 +40,53 @@ export default {
    'TRY_AGAIN': 'Please try again',
    'POST_ID_ERROR': 'Published successfully but failed to get post ID',
    'SAVE_POST_ID_ERROR': 'Published successfully but failed to save post ID',
+    // crypto.ts error messages
+    'CRYPTO_NEED_GEN_KEYPAIR': 'Please generate the key pair first',
+    'CRYPTO_PAYLOAD_NO_KEY': 'No key field in payload',
+    'CRYPTO_NONCE_INVALID': 'Nonce validation failed',

    // Open in Discourse
    'OPEN_IN_DISCOURSE': 'Open in Discourse',
    'NO_ACTIVE_FILE': 'No active file',
-    'NO_TOPIC_ID': 'This note has not been published to Discourse yet'
+    'NO_TOPIC_ID': 'This note has not been published to Discourse yet',
+
+    // Category conflict
+    'CATEGORY_CONFLICT_TITLE': 'Category Conflict',
+    'CATEGORY_CONFLICT_DESC': 'The local category setting differs from the remote category on Discourse. Please choose which category to use:',
+    'LOCAL_CATEGORY': 'Local Category (set in frontmatter)',
+    'REMOTE_CATEGORY': 'Remote Category (from Discourse)',
+    'KEEP_LOCAL_CATEGORY': 'Keep Local Category',
+    'USE_REMOTE_CATEGORY': 'Use Remote Category',
+
+    // Configuration page
+    'CONFIG_BASIC_TITLE': 'Basic Configuration',
+    'CONFIG_BASIC_DESC': 'Set up basic information for your Discourse forum',
+    'CONFIG_API_TITLE': 'Get User-API-Key',
+    'CONFIG_API_DESC': 'Obtain API key through Discourse official authorization process. Please follow these steps:',
+    'CONFIG_PUBLISH_TITLE': 'Publishing Options',
+    'CONFIG_PUBLISH_DESC': 'Customize behavior when publishing to Discourse',
+    'STEP_VERIFY_URL': 'Step 1: Verify Forum URL',
+    'STEP_VERIFY_URL_DESC': 'Please ensure the forum URL above is correct before proceeding to the next step',
+    'STEP_GENERATE_AUTH': 'Step 2: Generate Authorization Link',
+    'STEP_GENERATE_AUTH_DESC': 'Click the button below to generate authorization link and jump to Discourse authorization page:',
+    'STEP_AUTHORIZE': 'Step 3: Complete Authorization and Copy Payload',
+    'STEP_AUTHORIZE_DESC': 'After clicking Authorize on Discourse authorization page, a payload text box will appear. Please copy its content:',
+    'STEP_DECRYPT': 'Step 4: Decrypt and Save User-API-Key',
+    'STEP_DECRYPT_DESC': 'Paste the copied payload into the input box below, then click "Decrypt and Save":',
+    'STEP_TEST': 'Step 5: Test Connection',
+    'STEP_TEST_DESC': 'Verify that User-API-Key is configured correctly:',
+    'GENERATE_AUTH_LINK': 'Generate Authorization Link',
+    'GENERATE_AUTH_DESC': 'Generate key pair and redirect to Discourse authorization page',
+    'DECRYPT_PAYLOAD': 'Decrypt Authorization Result',
+    'DECRYPT_PAYLOAD_DESC': 'Paste the payload copied from Discourse authorization page',
+    'PAYLOAD_PLACEHOLDER': 'Paste payload (base64 format)',
+    'DECRYPT_AND_SAVE': 'Decrypt and Save',
+    'AUTH_LINK_GENERATED': 'Key pair generated and redirecting to authorization page. Please click Authorize button on the authorization page.',
+    'DECRYPT_SUCCESS': '✅ User-Api-Key decrypted successfully!',
+    'DECRYPT_FAILED': '❌ User-Api-Key decryption failed: ',
+    'USER_API_KEY': 'User-API-Key',
+    'USER_API_KEY_DESC': 'Current configured User-API-Key (read-only)',
+    'USER_API_KEY_EMPTY': 'Please use the process below to obtain one',
+    'COPY_API_KEY': 'Copy',
+    'API_KEY_COPIED': '✅ API Key copied to clipboard'
 } 
--- a/src/i18n/zh-CN.ts
+++ b/src/i18n/zh-CN.ts
@ -2,10 +2,16 @@ export default {
    // 设置页面
    'FORUM_URL': '论坛地址',
    'FORUM_URL_DESC': 'Discourse 论坛的网址',
-    'API_KEY': 'API 密钥',
-    'API_KEY_DESC': "在'/admin/api/keys'中创建的 API 密钥",
-    'USERNAME': '用户名',
-    'USERNAME_DESC': 'Discourse 用户名',
+
+    'SKIP_H1': '跳过一级标题',
+    'SKIP_H1_DESC': '发布到 Discourse 时跳过笔记中的一级标题',
+    'USE_REMOTE_IMAGE_URL': '使用远程图片URL',
+    'USE_REMOTE_IMAGE_URL_DESC': '发布后用Discourse上的远程图片URL替换本地文章中的图片链接',
+    'TEST_API_KEY': '测试连接',
+    'TESTING': '测试中...',
+    'API_TEST_SUCCESS': '连接成功！API密钥有效',
+    'API_TEST_FAILED': 'API密钥测试失败',
+    'MISSING_SETTINGS': '请先填写论坛地址和User-Api-Key',

    // 发布页面
    'PUBLISH_TO_DISCOURSE': '发布到 Discourse',
@ -13,7 +19,7 @@ export default {
    'CATEGORY': '分类',
    'TAGS': '标签',
    'ENTER_TAG': '输入标签名称（回车添加）',
-    'ENTER_TAG_WITH_CREATE': '输入标签名称（可创建新标签）',
+    'ENTER_TAG_WITH_CREATE': '输入标签名称（回车添加）（可创建新标签）',
    'PUBLISHING': '发布中...',
    'UPDATING': '更新中...',
    'PUBLISH': '发布',
@ -34,9 +40,53 @@ export default {
    'TRY_AGAIN': '请重试',
    'POST_ID_ERROR': '发布成功但无法获取帖子ID',
    'SAVE_POST_ID_ERROR': '发布成功但无法保存帖子ID',
+    // crypto.ts error messages
+    'CRYPTO_NEED_GEN_KEYPAIR': '请先生成密钥对',
+    'CRYPTO_PAYLOAD_NO_KEY': 'payload内容无key字段',
+    'CRYPTO_NONCE_INVALID': 'nonce校验失败',

    // Open in Discourse
    'OPEN_IN_DISCOURSE': '在 Discourse 中打开',
    'NO_ACTIVE_FILE': '没有打开的文件',
-    'NO_TOPIC_ID': '此笔记尚未发布到 Discourse'
+    'NO_TOPIC_ID': '此笔记尚未发布到 Discourse',
+
+    // 分类冲突
+    'CATEGORY_CONFLICT_TITLE': '分类冲突',
+    'CATEGORY_CONFLICT_DESC': '检测到本地设置的分类与 Discourse 上的分类不同，请选择要使用的分类：',
+    'LOCAL_CATEGORY': '本地分类（frontmatter中设置）',
+    'REMOTE_CATEGORY': '远程分类（Discourse上的分类）',
+    'KEEP_LOCAL_CATEGORY': '保持本地分类',
+    'USE_REMOTE_CATEGORY': '使用远程分类',
+
+    // 配置页面
+    'CONFIG_BASIC_TITLE': '基础配置',
+    'CONFIG_BASIC_DESC': '设置 Discourse 论坛的基本信息',
+    'CONFIG_API_TITLE': '获取 User-API-Key',
+    'CONFIG_API_DESC': '通过 Discourse 官方授权流程获取 API 密钥，请按照以下步骤操作：',
+    'CONFIG_PUBLISH_TITLE': '发布选项',
+    'CONFIG_PUBLISH_DESC': '自定义发布到 Discourse 时的行为',
+    'STEP_VERIFY_URL': '步骤 1: 确认论坛地址',
+    'STEP_VERIFY_URL_DESC': '请确保上面的论坛地址是正确的，然后继续下一步',
+    'STEP_GENERATE_AUTH': '步骤 2: 生成授权链接',
+    'STEP_GENERATE_AUTH_DESC': '点击下面的按钮生成授权链接，并跳转到 Discourse 授权页面：',
+    'STEP_AUTHORIZE': '步骤 3: 完成授权并复制 Payload',
+    'STEP_AUTHORIZE_DESC': '在 Discourse 授权页面点击 Authorize 后，会显示一个 payload 文本框，请复制其中的内容：',
+    'STEP_DECRYPT': '步骤 4: 解密并保存 User-API-Key',
+    'STEP_DECRYPT_DESC': '将复制的 payload 粘贴到下面的输入框中，然后点击"解密并保存"：',
+    'STEP_TEST': '步骤 5: 测试连接',
+    'STEP_TEST_DESC': '验证 User-API-Key 是否配置正确：',
+    'GENERATE_AUTH_LINK': '生成授权链接',
+    'GENERATE_AUTH_DESC': '生成密钥对并跳转到 Discourse 授权页面',
+    'DECRYPT_PAYLOAD': '解密授权结果',
+    'DECRYPT_PAYLOAD_DESC': '粘贴从 Discourse 授权页面复制的 payload',
+    'PAYLOAD_PLACEHOLDER': '粘贴 payload (base64 格式)',
+    'DECRYPT_AND_SAVE': '解密并保存',
+    'AUTH_LINK_GENERATED': '已生成密钥对并跳转授权页面，请在授权页面点击 Authorize 按钮。',
+    'DECRYPT_SUCCESS': '✅ User-Api-Key解密成功！',
+    'DECRYPT_FAILED': '❌ User-Api-Key解密失败: ',
+    'USER_API_KEY': 'User-API-Key',
+    'USER_API_KEY_DESC': '当前配置的 User-API-Key（只读）',
+    'USER_API_KEY_EMPTY': '请使用下面的流程获取',
+    'COPY_API_KEY': '复制',
+    'API_KEY_COPIED': '✅ API Key 已复制到剪贴板'
 } 
--- a/src/main.ts
+++ b/src/main.ts
--- a/src/notification.ts
+++ b/src/notification.ts
@ -0,0 +1,20 @@
+import { App, Modal } from 'obsidian';
+
+// 通知用户的模态框
+export class NotifyUser extends Modal {
+    message: string;
+    constructor(app: App, message: string) {
+        super(app);
+        this.message = message;
+    }
+
+    onOpen() {
+        const { contentEl } = this;
+        contentEl.setText(this.message);
+    }
+
+    onClose() {
+        const { contentEl } = this;
+        contentEl.empty();
+    }
+} 
--- a/src/types.ts
+++ b/src/types.ts
@ -0,0 +1,15 @@
+import { DiscourseSyncSettings } from './config';
+
+export interface ActiveFile {
+    name: string;
+    content: string;
+    postId?: number;
+    tags?: string[];
+}
+
+export interface PluginInterface {
+    settings: DiscourseSyncSettings;
+    activeFile: ActiveFile;
+    saveSettings(): Promise<void>;
+    publishTopic(): Promise<{ success: boolean; error?: string }>;
+} 
--- a/src/ui.ts
+++ b/src/ui.ts
@ -0,0 +1,391 @@
+import { App, Modal, Notice } from 'obsidian';
+import { t } from './i18n';
+import { PluginInterface } from './types';
+
+// 选择分类的模态框
+export class SelectCategoryModal extends Modal {
+    plugin: PluginInterface;
+    categories: {id: number; name: string}[];
+    tags: { name: string; canCreate: boolean }[];
+    canCreateTags = false;
+
+    constructor(app: App, plugin: PluginInterface, categories: {id: number; name: string }[], tags: { name: string; canCreate: boolean }[]) {
+        super(app);
+        this.plugin = plugin;
+        this.categories = categories;
+        this.tags = tags;
+        this.canCreateTags = tags.length > 0 && tags[0].canCreate;
+    }
+
+    onOpen() {
+        // 添加模态框基础样式
+        this.modalEl.addClass('mod-discourse-sync');
+        
+        const { contentEl } = this;
+        contentEl.empty();
+        contentEl.addClass('discourse-sync-modal');
+        
+        const isUpdate = this.plugin.activeFile.postId !== undefined;
+        contentEl.createEl('h1', { text: isUpdate ? t('UPDATE_POST') : t('PUBLISH_TO_DISCOURSE') });
+
+        // 创建表单区域容器
+        const formArea = contentEl.createEl('div', { cls: 'form-area' });
+
+        // 创建分类选择容器
+        const selectContainer = formArea.createEl('div', { cls: 'select-container' });
+        selectContainer.createEl('label', { text: t('CATEGORY') });
+        const selectEl = selectContainer.createEl('select');
+        
+        // 添加分类选项
+        this.categories.forEach(category => {
+            const option = selectEl.createEl('option', { text: category.name });
+            option.value = category.id.toString();
+        });
+        
+        // 设置默认选中的分类
+        selectEl.value = this.plugin.settings.category?.toString() || this.categories[0].id.toString();
+        
+        // 监听分类选择变化
+        selectEl.onchange = () => {
+            this.plugin.settings.category = parseInt(selectEl.value);
+            this.plugin.saveSettings();
+        };
+
+        // 创建标签容器
+        const tagContainer = formArea.createEl('div', { cls: 'tag-container' });
+        tagContainer.createEl('label', { text: t('TAGS') });
+        
+        // 创建标签选择区域
+        const tagSelectArea = tagContainer.createEl('div', { cls: 'tag-select-area' });
+        
+        // 已选标签显示区域
+        const selectedTagsContainer = tagSelectArea.createEl('div', { cls: 'selected-tags' });
+        const selectedTags = new Set<string>();
+        
+        // 初始化已选标签
+        if (this.plugin.activeFile.tags && this.plugin.activeFile.tags.length > 0) {
+            this.plugin.activeFile.tags.forEach(tag => selectedTags.add(tag));
+        }
+        
+        // 更新标签显示
+        const updateSelectedTags = () => {
+            selectedTagsContainer.empty();
+            selectedTags.forEach(tag => {
+                const tagEl = selectedTagsContainer.createEl('span', { 
+                    cls: 'tag',
+                    text: tag
+                });
+                const removeBtn = tagEl.createEl('span', {
+                    cls: 'remove-tag',
+                    text: '×'
+                });
+                removeBtn.onclick = () => {
+                    selectedTags.delete(tag);
+                    updateSelectedTags();
+                    showDefaultTags(); // 重新显示网格，让移除的标签重新出现
+                };
+            });
+        };
+        
+        // 初始化标签显示
+        updateSelectedTags();
+        
+        // 创建标签输入容器
+        const tagInputContainer = tagSelectArea.createEl('div', { cls: 'tag-input-container' });
+        
+        // 创建标签输入和建议
+        const tagInput = tagInputContainer.createEl('input', {
+            type: 'text',
+            placeholder: this.canCreateTags ? t('ENTER_TAG_WITH_CREATE') : t('ENTER_TAG')
+        });
+        
+        // 创建标签建议容器
+        const tagSuggestions = tagInputContainer.createEl('div', { cls: 'tag-suggestions' });
+        
+        // 创建默认标签网格容器
+        const defaultTagsGrid = tagInputContainer.createEl('div', { cls: 'default-tags-grid' });
+        
+        // 显示默认标签网格
+        const showDefaultTags = () => {
+            defaultTagsGrid.empty();
+            const availableTags = this.tags.filter(tag => !selectedTags.has(tag.name)).slice(0, 20);
+            
+            if (availableTags.length > 0) {
+                availableTags.forEach(tag => {
+                    const tagEl = defaultTagsGrid.createEl('span', {
+                        cls: 'grid-tag',
+                        text: tag.name
+                    });
+                    tagEl.onclick = () => {
+                        selectedTags.add(tag.name);
+                        updateSelectedTags();
+                        showDefaultTags(); // 重新显示网格，移除已选标签
+                    };
+                });
+            }
+        };
+        
+        // 初始化显示默认标签网格
+        showDefaultTags();
+        
+        // 处理输入事件，显示匹配的标签
+        tagInput.oninput = () => {
+            const value = tagInput.value.toLowerCase();
+            
+            if (value) {
+                // 有输入时隐藏默认网格，显示搜索结果
+                defaultTagsGrid.style.display = 'none';
+                tagSuggestions.empty();
+                
+                const matches = this.tags
+                    .filter(tag => 
+                        tag.name.toLowerCase().includes(value) && 
+                        !selectedTags.has(tag.name)
+                    )
+                    .slice(0, 20); // 搜索结果显示更多
+                
+                if (matches.length > 0) {
+                    // 获取输入框位置和宽度
+                    const inputRect = tagInput.getBoundingClientRect();
+                    const modalRect = this.modalEl.getBoundingClientRect();
+                    
+                    // 确保建议列表不超过模态框宽度
+                    const maxWidth = modalRect.right - inputRect.left - 24; // 24px是右边距
+                    
+                    // 设置建议列表位置和宽度
+                    tagSuggestions.style.top = `${inputRect.bottom + 4}px`;
+                    tagSuggestions.style.left = `${inputRect.left}px`;
+                    tagSuggestions.style.width = `${Math.min(inputRect.width, maxWidth)}px`;
+                    tagSuggestions.style.display = 'block';
+                    
+                    matches.forEach(tag => {
+                        const suggestion = tagSuggestions.createEl('div', {
+                            cls: 'tag-suggestion',
+                            text: tag.name
+                        });
+                        suggestion.onclick = () => {
+                            selectedTags.add(tag.name);
+                            tagInput.value = '';
+                            tagSuggestions.style.display = 'none';
+                            defaultTagsGrid.style.display = 'grid';
+                            updateSelectedTags();
+                            showDefaultTags();
+                        };
+                    });
+                } else {
+                    tagSuggestions.style.display = 'none';
+                }
+            } else {
+                // 无输入时显示默认网格，隐藏搜索结果
+                tagSuggestions.style.display = 'none';
+                defaultTagsGrid.style.display = 'grid';
+                showDefaultTags();
+            }
+        };
+        
+        // 处理回车事件
+        tagInput.onkeydown = (e) => {
+            if (e.key === 'Enter' && tagInput.value) {
+                e.preventDefault();
+                const value = tagInput.value.trim();
+                if (value && !selectedTags.has(value)) {
+                    const existingTag = this.tags.find(t => t.name.toLowerCase() === value.toLowerCase());
+                    if (existingTag) {
+                        selectedTags.add(existingTag.name);
+                        updateSelectedTags();
+                        showDefaultTags();
+                    } else if (this.canCreateTags) {
+                        selectedTags.add(value);
+                        updateSelectedTags();
+                        showDefaultTags();
+                    } else {
+                        // 显示权限提示
+                        new Notice(t('PERMISSION_ERROR'), 3000);
+                    }
+                }
+                tagInput.value = '';
+                tagSuggestions.style.display = 'none';
+                defaultTagsGrid.style.display = 'grid';
+            }
+        };
+        
+        // 处理失焦事件，隐藏建议
+        tagInput.onblur = () => {
+            // 延迟隐藏，以便可以点击建议
+            setTimeout(() => {
+                tagSuggestions.style.display = 'none';
+                defaultTagsGrid.style.display = 'grid';
+            }, 200);
+        };
+        
+        // 处理窗口滚动，更新建议列表位置
+        const updateSuggestionsPosition = () => {
+            if (tagSuggestions.childNodes.length > 0) {
+                const inputRect = tagInput.getBoundingClientRect();
+                tagSuggestions.style.top = `${inputRect.bottom + 4}px`;
+                tagSuggestions.style.left = `${inputRect.left}px`;
+                tagSuggestions.style.width = `${inputRect.width}px`;
+            }
+        };
+        
+        // 监听滚动事件
+        this.modalEl.addEventListener('scroll', updateSuggestionsPosition);
+        
+        // 模态框关闭时移除事件监听器
+        this.modalEl.onclose = () => {
+            this.modalEl.removeEventListener('scroll', updateSuggestionsPosition);
+        };
+        
+        // 创建按钮区域
+        const buttonArea = contentEl.createEl('div', { cls: 'button-area' });
+        const submitButton = buttonArea.createEl('button', { 
+            text: isUpdate ? t('UPDATE') : t('PUBLISH'),
+            cls: 'submit-button'
+        });
+        
+        submitButton.onclick = async () => {
+            // 保存当前选择的标签到activeFile对象
+            this.plugin.activeFile.tags = Array.from(selectedTags);
+            
+            // 禁用提交按钮，显示加载状态
+            submitButton.disabled = true;
+            submitButton.textContent = isUpdate ? t('UPDATING') : t('PUBLISHING');
+            
+            try {
+                // 发布主题
+                const result = await this.plugin.publishTopic();
+                
+                if (result.success) {
+                    // 成功
+                    new Notice(isUpdate ? t('UPDATE_SUCCESS') : t('PUBLISH_SUCCESS'), 5000);
+                    
+                    // 2秒后自动关闭
+                    setTimeout(() => {
+                        this.close();
+                    }, 2000);
+                } else {
+                    // 失败 - 使用 Obsidian 原生 Notice
+                    const errorMessage = (isUpdate ? t('UPDATE_ERROR') : t('PUBLISH_ERROR')) + 
+                                       '\n' + (result.error || t('UNKNOWN_ERROR'));
+                    new Notice(errorMessage, 8000);
+                    
+                    // 重置按钮状态
+                    submitButton.disabled = false;
+                    submitButton.textContent = isUpdate ? t('UPDATE') : t('PUBLISH');
+                }
+            } catch (error) {
+                // 显示错误 - 使用 Obsidian 原生 Notice
+                const errorMessage = (isUpdate ? t('UPDATE_ERROR') : t('PUBLISH_ERROR')) + 
+                                   '\n' + (error.message || t('UNKNOWN_ERROR'));
+                new Notice(errorMessage, 8000);
+                
+                // 重置按钮状态
+                submitButton.disabled = false;
+                submitButton.textContent = isUpdate ? t('UPDATE') : t('PUBLISH');
+            }
+        };
+    }
+
+    onClose() {
+        const { contentEl } = this;
+        contentEl.empty();
+    }
+}
+
+// 分类冲突确认对话框
+export class CategoryConflictModal extends Modal {
+    plugin: PluginInterface;
+    localCategoryId: number;
+    localCategoryName: string;
+    remoteCategoryId: number;
+    remoteCategoryName: string;
+    resolve: (useRemote: boolean) => void;
+
+    constructor(
+        app: App, 
+        plugin: PluginInterface, 
+        localCategoryId: number,
+        localCategoryName: string,
+        remoteCategoryId: number,
+        remoteCategoryName: string
+    ) {
+        super(app);
+        this.plugin = plugin;
+        this.localCategoryId = localCategoryId;
+        this.localCategoryName = localCategoryName;
+        this.remoteCategoryId = remoteCategoryId;
+        this.remoteCategoryName = remoteCategoryName;
+    }
+
+    // 返回一个Promise，让调用者等待用户选择
+    showAndWait(): Promise<boolean> {
+        return new Promise((resolve) => {
+            this.resolve = resolve;
+            this.open();
+        });
+    }
+
+    onOpen() {
+        const { contentEl } = this;
+        contentEl.empty();
+        contentEl.addClass('discourse-category-conflict-modal');
+
+        // 标题
+        contentEl.createEl('h2', { text: t('CATEGORY_CONFLICT_TITLE') });
+
+        // 说明文字
+        const description = contentEl.createEl('div', { cls: 'conflict-description' });
+        description.createEl('p', { text: t('CATEGORY_CONFLICT_DESC') });
+
+        // 分类对比
+        const comparisonContainer = contentEl.createEl('div', { cls: 'category-comparison' });
+        
+        // 本地分类
+        const localContainer = comparisonContainer.createEl('div', { cls: 'category-option local' });
+        localContainer.createEl('h3', { text: t('LOCAL_CATEGORY') });
+        localContainer.createEl('div', { 
+            cls: 'category-name',
+            text: `${this.localCategoryName} (ID: ${this.localCategoryId})`
+        });
+
+        // 远程分类
+        const remoteContainer = comparisonContainer.createEl('div', { cls: 'category-option remote' });
+        remoteContainer.createEl('h3', { text: t('REMOTE_CATEGORY') });
+        remoteContainer.createEl('div', { 
+            cls: 'category-name',
+            text: `${this.remoteCategoryName} (ID: ${this.remoteCategoryId})`
+        });
+
+        // 按钮区域
+        const buttonArea = contentEl.createEl('div', { cls: 'button-area' });
+        
+        // 保持本地分类按钮
+        const keepLocalButton = buttonArea.createEl('button', {
+            cls: 'keep-local-button',
+            text: t('KEEP_LOCAL_CATEGORY')
+        });
+        keepLocalButton.onclick = () => {
+            this.resolve(false);
+            this.close();
+        };
+
+        // 使用远程分类按钮
+        const useRemoteButton = buttonArea.createEl('button', {
+            cls: 'use-remote-button',
+            text: t('USE_REMOTE_CATEGORY')
+        });
+        useRemoteButton.onclick = () => {
+            this.resolve(true);
+            this.close();
+        };
+    }
+
+    onClose() {
+        const { contentEl } = this;
+        contentEl.empty();
+        // 如果用户直接关闭对话框，默认保持本地设置
+        if (this.resolve) {
+            this.resolve(false);
+        }
+    }
+}
--- a/src/utils.ts
+++ b/src/utils.ts
@ -0,0 +1,27 @@
+import { TFile } from 'obsidian';
+import * as yaml from 'yaml';
+
+
+// 从内容中提取Front Matter
+export function getFrontMatter(content: string): any {
+    const fmMatch = content.match(/^---\n([\s\S]*?)\n---/);
+    if (fmMatch) {
+        try {
+            return yaml.parse(fmMatch[1]);
+        } catch (e) {
+            return null;
+        }
+    }
+    return null;
+}
+
+// 移除内容中的Front Matter
+export function removeFrontMatter(content: string): string {
+    return content.replace(/^---[\s\S]*?---\n/, '');
+}
+
+// 检查文件是否为图片或PDF
+export function isImageFile(file: TFile): boolean {
+    const imageExtensions = ["png", "jpg", "jpeg", "gif", "bmp", "svg", "webp", "pdf"];
+    return imageExtensions.includes(file.extension.toLowerCase());
+} 
--- a/styles.css
+++ b/styles.css
@ -7,15 +7,55 @@ If your plugin does not need CSS, delete this file.

 */

+/* Settings Page Styles */
+.discourse-config-section {
+  margin: 20px 0;
+  padding: var(--size-4-4);
+  border: 1px solid var(--background-modifier-border);
+  border-radius: var(--radius-m);
+  background: var(--background-secondary);
+}
+
+.discourse-config-section h2 {
+  margin: 0 0 var(--size-2-3) 0;
+  color: var(--text-accent);
+  border-bottom: 2px solid var(--interactive-accent);
+  padding-bottom: var(--size-2-1);
+  font-size: var(--font-text-size);
+  font-weight: var(--font-weight-bold);
+}
+
+.discourse-step {
+  margin: var(--size-2-3) 0;
+  padding: var(--size-2-3);
+  border-left: 3px solid var(--interactive-accent);
+  background: var(--background-primary);
+  border-radius: 0 var(--radius-s) var(--radius-s) 0;
+}
+
+.discourse-step-title {
+  font-weight: var(--font-weight-bold);
+  color: var(--text-accent);
+  margin-bottom: var(--size-2-1);
+  font-size: var(--font-ui-small);
+}
+
+.discourse-step-description {
+  color: var(--text-muted);
+  font-size: var(--font-ui-smaller);
+  margin-bottom: var(--size-2-2);
+}
+
 /* Basic Modal Style Override */
 .modal.mod-discourse-sync {
  max-width: 500px;
  max-height: 90vh;
  background-color: var(--background-primary);
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+  border-radius: var(--radius-l);
+  box-shadow: var(--shadow-xl);
  display: flex;
  flex-direction: column;
+  border: 1px solid var(--background-modifier-border);
 }

 /* Content Area Style */
@ -69,107 +109,71 @@ If your plugin does not need CSS, delete this file.
  width: 100%;
  padding: 8px 12px;
  border: 2px solid var(--background-modifier-border);
-  border-radius: 4px;
+  border-radius: var(--radius-s);
  background-color: var(--background-primary);
  color: var(--text-normal);
  font-size: 14px;
  min-height: 42px;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .discourse-sync-modal select {
  height: 42px;
  line-height: 1.5;
+  cursor: pointer;
+}
+
+.discourse-sync-modal select:hover {
+  border-color: var(--background-modifier-border-hover);
 }

 .discourse-sync-modal select:focus {
-  border-color: var(--interactive-accent);
+  border-color: var(--interactive-accent) !important;
  outline: none;
+  box-shadow: 0 0 0 2px var(--interactive-accent-hover);
 }

 .discourse-sync-modal .submit-button {
  width: 100%;
  padding: 10px 16px;
-  background-color: var(--interactive-accent);
-  color: var(--text-on-accent);
-  border: none;
-  border-radius: 4px;
+  border-radius: var(--radius-m);
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
-  transition: background-color 0.2s ease;
+  transition: all 0.2s ease;
+  /* 确保按钮有合适的尺寸和阴影 */
+  min-height: 42px;
+  box-shadow: var(--shadow-s);
+}
+
+/* 确保按钮在所有主题下都可见 */
+.discourse-sync-modal .submit-button {
+  /* 强制设置具体的样式值，避免被主题覆盖 */
+  background-color: var(--interactive-accent) !important;
+  color: var(--text-on-accent) !important;
+  border: 1px solid var(--interactive-accent) !important;
+  /* 确保按钮有足够的对比度 */
+  filter: contrast(1.1) saturate(1.1);
 }

 .discourse-sync-modal .submit-button:hover {
-  background-color: var(--interactive-accent-hover);
+  background-color: var(--interactive-accent-hover) !important;
+  border-color: var(--interactive-accent-hover) !important;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
 }

 .discourse-sync-modal .submit-button:disabled {
-  opacity: 0.7;
-  cursor: not-allowed;
+  background-color: var(--background-modifier-border) !important;
+  color: var(--text-muted) !important;
+  border-color: var(--background-modifier-border) !important;
+  opacity: 1 !important;
+  filter: none;
+  cursor: not-allowed !important;
 }

-/* Notice Style */
-.discourse-sync-modal .notice {
-  margin-top: 16px;
-  padding: 16px;
-  border-radius: 8px;
-  text-align: left;
-  font-size: 14px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
+/* 这些规则已经被上面的 !important 规则覆盖了，移除重复 */

-.discourse-sync-modal .notice.success {
-  background-color: var(--background-modifier-success-hover);
-  color: var(--text-success);
-  text-align: center;
-  font-weight: 500;
-}

-.discourse-sync-modal .notice.error {
-  background: rgb(255, 235, 235);
-  border: 1px solid rgba(255, 82, 82, 0.2);
-  color: rgb(255, 82, 82);
-}
-
-.discourse-sync-modal .error-title {
-  font-size: 15px;
-  font-weight: 600;
-  margin-bottom: 8px;
-  color: rgb(255, 82, 82);
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.discourse-sync-modal .error-title::before {
-  content: "⚠️";
-  font-size: 16px;
-}
-
-.discourse-sync-modal .error-message {
-  color: rgb(255, 82, 82);
-  opacity: 0.8;
-  font-size: 13px;
-  line-height: 1.5;
-}
-
-.discourse-sync-modal .retry-button {
-  margin-top: 12px;
-  padding: 6px 16px;
-  background-color: transparent;
-  color: rgb(255, 82, 82);
-  border: 1px solid rgb(255, 82, 82);
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  transition: all 0.2s ease;
-}
-
-.discourse-sync-modal .retry-button:hover {
-  background-color: rgb(255, 82, 82);
-  color: white;
-}

 /* Tag Select Area Style */
 .discourse-sync-modal .tag-select-area {
@ -195,32 +199,93 @@ If your plugin does not need CSS, delete this file.
 .discourse-sync-modal .tag {
  display: inline-flex;
  align-items: center;
-  gap: 4px;
-  padding: 4px 8px;
  background-color: var(--interactive-accent);
  color: var(--text-on-accent);
-  border-radius: 4px;
+  padding: 4px 8px;
+  border-radius: var(--radius-s);
  font-size: 12px;
  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.discourse-sync-modal .tag:hover {
+  background-color: var(--interactive-accent-hover);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-s);
 }

 .discourse-sync-modal .remove-tag {
+  margin-left: 6px;
  cursor: pointer;
+  font-weight: bold;
  font-size: 14px;
-  width: 16px;
-  height: 16px;
+  line-height: 1;
+  opacity: 0.8;
+  transition: opacity 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
+  width: 16px;
+  height: 16px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
-  margin-left: 4px;
 }

 .discourse-sync-modal .remove-tag:hover {
+  opacity: 1;
  background-color: rgba(255, 255, 255, 0.3);
 }

+/* 默认标签网格样式 */
+.discourse-sync-modal .default-tags-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
+  gap: 6px;
+  margin-top: 8px;
+  padding: 8px;
+  background-color: var(--background-secondary);
+  border-radius: var(--radius-s);
+  border: 1px solid var(--background-modifier-border);
+}
+
+.discourse-sync-modal .grid-tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--background-primary);
+  color: var(--text-normal);
+  padding: 6px 8px;
+  border-radius: var(--radius-s);
+  font-size: 11px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  border: 1px solid var(--background-modifier-border);
+  text-align: center;
+  min-height: 28px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.discourse-sync-modal .grid-tag:hover {
+  background-color: var(--interactive-accent);
+  color: var(--text-on-accent);
+  border-color: var(--interactive-accent);
+  transform: translateY(-1px);
+  box-shadow: var(--shadow-s);
+}
+
+.discourse-sync-modal .grid-tag:active {
+  transform: translateY(0);
+  box-shadow: var(--shadow-xs);
+}
+
 .discourse-sync-modal input[type="text"] {
  width: 100%;
  padding: 8px;
@ -229,6 +294,17 @@ If your plugin does not need CSS, delete this file.
  color: var(--text-normal);
  font-size: 14px;
  outline: none;
+  transition: background-color 0.2s ease;
+}
+
+.discourse-sync-modal input[type="text"]:focus {
+  background-color: var(--background-modifier-hover);
+  border-radius: var(--radius-s);
+}
+
+.discourse-sync-modal input[type="text"]::placeholder {
+  color: var(--text-muted);
+  opacity: 0.8;
 }

 .discourse-sync-modal .suggestions-container {
@ -248,13 +324,14 @@ If your plugin does not need CSS, delete this file.
  position: fixed;
  background-color: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
-  border-radius: 4px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  border-radius: var(--radius-m);
+  box-shadow: var(--shadow-l);
  z-index: 1001;
  max-height: 180px;
  overflow-y: auto;
  margin-top: 4px;
  display: none;  /* Hidden by default */
+  backdrop-filter: blur(8px);
 }

 .discourse-sync-modal .tag-suggestions:not(:empty) {
@ -273,28 +350,40 @@ If your plugin does not need CSS, delete this file.
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: var(--background-primary);
+  transition: all 0.2s ease;
+  border-radius: var(--radius-s);
+  margin: 2px 4px;
 }

 .discourse-sync-modal .tag-suggestion:hover {
  background-color: var(--background-modifier-hover);
+  color: var(--text-accent);
+  transform: translateX(2px);
+}
+
+.discourse-sync-modal .tag-suggestion:active {
+  background-color: var(--interactive-accent);
+  color: var(--text-on-accent);
 }

 /* Tag Suggestion Scrollbar Style */
 .discourse-sync-modal .tag-suggestions::-webkit-scrollbar {
-  width: 4px;
+  width: 6px;
 }

 .discourse-sync-modal .tag-suggestions::-webkit-scrollbar-track {
-  background: transparent;
+  background: var(--background-secondary);
+  border-radius: var(--radius-s);
 }

 .discourse-sync-modal .tag-suggestions::-webkit-scrollbar-thumb {
  background-color: var(--background-modifier-border);
-  border-radius: 2px;
+  border-radius: var(--radius-s);
+  transition: background-color 0.2s ease;
 }

 .discourse-sync-modal .tag-suggestions::-webkit-scrollbar-thumb:hover {
-  background-color: var(--background-modifier-border-hover);
+  background-color: var(--interactive-accent);
 }

 /* Remove tag-container z-index to avoid interference */
@ -302,25 +391,7 @@ If your plugin does not need CSS, delete this file.
  position: relative;
 }

-.discourse-sync-modal .tag-notice {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  padding: 12px 20px;
-  background-color: rgb(255, 235, 235);
-  border: 1px solid rgba(255, 82, 82, 0.2);
-  color: rgb(255, 82, 82);
-  border-radius: 4px;
-  font-size: 13px;
-  text-align: center;
-  z-index: 1002;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  max-width: 80%;
-  white-space: nowrap;
-  opacity: 0;
-  animation: fadeInOut 2s ease-in-out forwards;
-}
+

@keyframes fadeInOut {
  0% {
@ -336,3 +407,192 @@ If your plugin does not need CSS, delete this file.
    opacity: 0;
  }
 }
+
+/* Category Conflict Modal Styles */
+.discourse-category-conflict-modal {
+  padding: 24px;
+  max-width: 600px;
+  background-color: var(--background-primary);
+  border-radius: var(--radius-l);
+}
+
+.discourse-category-conflict-modal h2 {
+  margin: 0 0 16px 0;
+  font-size: 1.4em;
+  font-weight: 600;
+  color: var(--text-normal);
+  text-align: center;
+}
+
+.discourse-category-conflict-modal .conflict-description {
+  margin-bottom: 24px;
+  text-align: center;
+}
+
+.discourse-category-conflict-modal .conflict-description p {
+  margin: 0;
+  color: var(--text-muted);
+  line-height: 1.5;
+}
+
+.discourse-category-conflict-modal .category-comparison {
+  display: flex;
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.discourse-category-conflict-modal .category-option {
+  flex: 1;
+  padding: 16px;
+  border: 2px solid var(--background-modifier-border);
+  border-radius: var(--radius-m);
+  text-align: center;
+  background-color: var(--background-secondary);
+}
+
+.discourse-category-conflict-modal .category-option.local {
+  border-color: var(--color-blue);
+  background-color: var(--color-blue-hover);
+}
+
+.discourse-category-conflict-modal .category-option.remote {
+  border-color: var(--color-orange);
+  background-color: var(--color-orange-hover);
+}
+
+.discourse-category-conflict-modal .category-option h3 {
+  margin: 0 0 8px 0;
+  font-size: 1.1em;
+  font-weight: 600;
+  color: var(--text-normal);
+}
+
+.discourse-category-conflict-modal .category-name {
+  font-size: 14px;
+  color: var(--text-muted);
+  word-break: break-all;
+}
+
+.discourse-category-conflict-modal .button-area {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+}
+
+.discourse-category-conflict-modal .keep-local-button,
+.discourse-category-conflict-modal .use-remote-button {
+  flex: 1;
+  max-width: 180px;
+  padding: 10px 16px;
+  border-radius: var(--radius-m);
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 14px;
+  transition: all 0.2s ease;
+  min-height: 42px;
+  box-shadow: var(--shadow-s);
+}
+
+.discourse-category-conflict-modal .keep-local-button {
+  background-color: var(--color-blue);
+  color: white;
+  border: 1px solid var(--color-blue);
+}
+
+.discourse-category-conflict-modal .keep-local-button:hover {
+  background-color: var(--color-blue-hover);
+  border-color: var(--color-blue-hover);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+}
+
+.discourse-category-conflict-modal .use-remote-button {
+  background-color: var(--color-orange);
+  color: white;
+  border: 1px solid var(--color-orange);
+}
+
+.discourse-category-conflict-modal .use-remote-button:hover {
+  background-color: var(--color-orange-hover);
+  border-color: var(--color-orange-hover);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+}
+
+/* 响应式设计 */
+@media (max-width: 600px) {
+  .discourse-category-conflict-modal .category-comparison {
+    flex-direction: column;
+  }
+  
+  .discourse-category-conflict-modal .button-area {
+    flex-direction: column;
+  }
+  
+  .discourse-category-conflict-modal .keep-local-button,
+  .discourse-category-conflict-modal .use-remote-button {
+    max-width: none;
+  }
+}
+
+/* Update Notice Modal Styles */
+.discourse-update-notice-modal {
+  padding: var(--size-4-4);
+  max-width: 500px;
+  background-color: var(--background-primary);
+  border-radius: var(--radius-l);
+}
+
+.discourse-update-notice-modal .update-notice-title {
+  margin: 0 0 var(--size-2-3) 0;
+  font-size: var(--font-text-size);
+  font-weight: var(--font-weight-bold);
+  color: var(--text-accent);
+  text-align: center;
+}
+
+.discourse-update-notice-modal .update-notice-message {
+  margin-bottom: var(--size-4-4);
+  text-align: left;
+}
+
+.discourse-update-notice-modal .update-notice-message p {
+  margin: 0;
+  color: var(--text-normal);
+  line-height: var(--line-height-normal);
+  font-size: var(--font-ui-medium);
+}
+
+.discourse-update-notice-modal .update-notice-buttons {
+  display: flex;
+  gap: var(--size-2-3);
+  justify-content: center;
+}
+
+.discourse-update-notice-modal .update-notice-buttons button {
+  flex: 1;
+  max-width: 150px;
+  padding: var(--size-2-2) var(--size-2-4);
+  border-radius: var(--radius-m);
+  cursor: pointer;
+  font-weight: var(--font-weight-medium);
+  font-size: var(--font-ui-medium);
+  transition: all 0.2s ease;
+  min-height: 36px;
+  border: 1px solid var(--background-modifier-border);
+  background-color: var(--background-secondary);
+  color: var(--text-normal);
+}
+
+.discourse-update-notice-modal .update-notice-buttons button:hover {
+  background-color: var(--background-modifier-hover);
+}
+
+.discourse-update-notice-modal .update-notice-buttons button.mod-cta {
+  background-color: var(--interactive-accent);
+  color: var(--text-on-accent);
+  border-color: var(--interactive-accent);
+}
+
+.discourse-update-notice-modal .update-notice-buttons button.mod-cta:hover {
+  background-color: var(--interactive-accent-hover);
+  border-color: var(--interactive-accent-hover);
+}
--- a/versions.json
+++ b/versions.json
@ -7,5 +7,21 @@
 	"1.0.5": "0.15.0",
 	"1.0.6": "0.15.0",
 	"1.0.7": "0.15.0",
-	"1.0.8": "0.15.0"
+	"1.0.8": "0.15.0",
+	"1.0.9": "0.15.0",
+	"1.0.10": "0.15.0",
+	"1.0.11": "0.15.0",
+	"1.0.12": "0.15.0",
+	"1.0.13": "0.15.0",
+	"1.0.14": "0.15.0",
+	"1.0.15": "0.15.0",
+	"1.0.16": "0.15.0",
+	"1.0.17": "0.15.0",
+	"1.0.18": "0.15.0",
+	"1.0.19": "0.15.0",
+	"1.0.20": "0.15.0",
+	"1.0.21": "0.15.0",
+	"1.0.22": "0.15.0",
+	"1.0.23": "0.15.0",
+	"1.0.24": "0.15.0"
 }
Author	SHA1	Message	Date
wood chen	4170846e1f	1.0.24	2025-07-13 03:27:16 +08:00
wood chen	6acd9bcc01	Merge pull request #25 from cumany/main 支持标签组功能，支持直接从列表多选标签。	2025-07-13 03:26:46 +08:00
cumany	951eba6bc5	支持标签组功能，支持直接从列表多选标签。	2025-07-12 16:51:52 +08:00
wood chen	87a903b4b5	启用默认的远程图片URL选项，允许用户在发布时使用远程图片链接。	2025-07-12 02:06:01 +08:00
wood chen	c7dcbe779b	1.0.23	2025-07-12 01:59:45 +08:00
wood chen	167794ce4c	移除版本更新通知功能及相关模态框，简化代码结构。更新国际化文件，删除与更新通知相关的文本。调整主文件导入内容，去除不再使用的功能。	2025-07-12 01:59:25 +08:00
wood chen	e56a479a45	新增远程图片URL替换功能，允许用户在发布后将本地图片链接替换为Discourse上的远程URL。新增支持markdown格式引用本地图片的上传.	2025-07-12 01:54:44 +08:00
wood chen	4900f26222	1.0.22	2025-07-11 23:55:13 +08:00
wood chen	9914ca9fd8	新增版本更新通知功能，包含更新提示模态框样式和逻辑，用户首次运行新版本时将显示更新通知，提示用户重新配置 User-API-Key。更新国际化文件以支持多语言提示。	2025-07-11 23:55:04 +08:00
wood chen	b98cb24e56	1.0.21	2025-07-11 23:39:07 +08:00
wood chen	16a33d0572	更新 README.md，修改配置项描述为“User Api key”，并优化样式文件，新增设置页面样式以提升用户体验。同时，简化 API 请求头的设置逻辑，确保始终使用 User-Api-Key 进行请求。	2025-07-11 23:31:49 +08:00
wood chen	8388c35baa	Merge pull request #22 from cumany/main 增加user-api-key 设置选项，支持用户自助获取。	2025-07-11 22:24:54 +08:00
cumany	441d9c3688	增加user-api-key 设置选项，支持用户自助获取。	2025-07-11 22:08:17 +08:00
wood chen	48cbc72c4a	更新 GitHub Actions 工作流，简化发布说明生成逻辑，移除自定义发布说明的条件判断，始终以草稿形式创建发布。	2025-06-20 21:26:01 +08:00
wood chen	e4f73f5a6b	1.0.20	2025-06-20 21:23:30 +08:00
wood chen	b24bf09efc	feat: 新增分类冲突处理功能，用户在本地分类与远程分类不同时可选择使用哪一分类。更新样式以支持分类冲突确认对话框，并在国际化文件中添加相关文本。更新 GitHub Actions 工作流以生成发布说明。	2025-06-20 21:23:19 +08:00
wood chen	069ce44978	1.0.19	2025-06-20 21:06:31 +08:00
wood chen	25982b1541	优化样式文件，统一使用 CSS 变量以提高可维护性，增强按钮和通知的可见性，添加过渡效果，确保在不同主题下的兼容性。	2025-06-20 21:04:52 +08:00
wood chen	48609ce681	1.0.18	2025-04-03 17:08:08 +08:00
wood chen	2f32fca358	更新 fetchCategories 方法，添加 include_subcategories 参数以获取子分类信息	2025-04-03 17:07:51 +08:00
wood chen	9c6157625a	更新 README.md，移除冗余的表达优化说明	2025-03-24 21:01:27 +08:00
wood chen	71267c53f1	1.0.17	2025-03-19 13:16:30 +08:00
wood chen	0c97380a32	新增跳过一级标题选项，优化发布到 Discourse 的内容处理 - 在配置中添加 skipH1 字段，默认为 false - 更新发布逻辑，支持根据设置跳过 Markdown 中的 H1 标题 - 添加相应的国际化支持，包括英文和中文描述	2025-03-19 13:16:11 +08:00
wood chen	57863bb962	1.0.16	2025-03-10 20:09:24 +08:00
wood chen	d6221a4f91	新增主题信息获取功能，完善 Discourse 同步机制 - 在 DiscourseAPI 中添加 fetchTopicInfo 和 fetchTopicTags 方法 - 更新发布流程，支持从 Discourse 同步最新标签和分类信息 - 在更新帖子时自动获取并同步 Discourse 上的标签和分类 - 扩展 Front Matter，新增 discourse_category_id 和 discourse_category 字段 - 优化更新逻辑，确保本地文件与 Discourse 内容保持一致	2025-03-10 20:09:08 +08:00
wood chen	53d30650b5	1.0.15	2025-03-10 19:54:00 +08:00
wood chen	862c42da61	重构标签处理逻辑，移除配置中的固定标签设置 - 从配置中删除 selectedTags 字段 - 在 ActiveFile 接口中新增 tags 属性 - 调整标签处理流程，从文件的 Front Matter 获取标签 - 更新发布和更新帖子时的标签处理方式 - 优化标签选择和保存机制	2025-03-10 19:53:32 +08:00
wood chen	cc1e06ec5c	重构插件架构，解耦主要功能模块 - 将主类拆分为多个专注的模块，如 DiscourseAPI、EmbedHandler - 重命名主类为 PublishToDiscourse，提高语义清晰度 - 抽取通用工具函数到独立模块 - 优化代码结构，提高可维护性和可读性 - 调整 Front Matter 处理和嵌入内容处理逻辑	2025-03-10 19:33:50 +08:00
wood chen	310be30030	1.0.14	2025-03-07 21:55:15 +08:00
wood chen	08ad35babe	回退图片部分正则表达式, 保留activefile修改	2025-03-07 21:54:58 +08:00
wood chen	836c9d9661	1.0.13	2025-03-07 21:34:52 +08:00
wood chen	9152aa5d60	1.0.12	2025-03-07 15:23:54 +08:00
wood chen	d3b678fc81	修复 activeFile 处理逻辑，增强文件选择和模态框稳定性 - 在打开类别模态框前确保 activeFile 正确初始化 - 添加对未选择文件场景的错误处理 - 在类别选择模态框中增加 activeFile 存在性检查 - 提升插件在不同文件选择状态下的健壮性	2025-03-07 15:23:28 +08:00
wood chen	9ca83b1d15	1.0.11	2025-03-07 07:10:29 +08:00
wood chen	502196429a	添加 API 密钥测试功能 - 在设置页面新增"测试连接"按钮 - 实现 testApiKey 方法验证 Discourse API 凭据 - 添加连接测试的成功和失败消息处理 - 更新中英文国际化文案支持新功能	2025-03-07 07:10:02 +08:00
wood chen	6338c736ca	1.0.10	2025-03-06 21:52:25 +08:00
wood chen	ce8b608b8c	优化帖子更新逻辑，支持同时更新帖子内容和主题信息 - 分离帖子内容和主题更新流程 - 添加对主题标题和标签的单独更新支持 - 改进错误处理和响应处理机制 - 在标签选择模态框中添加更新时的标签初始化	2025-03-06 21:52:07 +08:00
wood chen	049162579c	1.0.9	2025-03-01 20:50:32 +08:00
wood chen	2c952865c2	更新赞助链接并添加中英文对照说明	2025-03-01 20:50:16 +08:00
wood chen	4534eccf0d	Merge branch 'mcerv-sci-support-embedded-notes'	2025-03-01 20:31:58 +08:00
mcerv-sci	54d1b95660	Adding a routine that expands all embedded linked notes into the content variable using a recursive approach	2025-02-24 18:00:55 +01:00