11 |
25 |
26 |
27 |
28 |
35 |
--------------------------------------------------------------------------------
/src/components/CodemirrorEditor/EditorHeader/ContactInfo.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 |
34 |
35 |
--------------------------------------------------------------------------------
/src/components/ui/dropdown-menu/DropdownMenuItem.vue:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
3 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/src/components/RunLoading.vue:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
17 | 致力于让 Markdown 编辑更简单
18 |
19 |
49 |
67 |
68 |
--------------------------------------------------------------------------------
/src/entrypoints/popup/App.vue:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 |
50 |
54 |
55 |
63 |
66 |
12 |
27 |
44 |
45 |
46 |
47 |
73 |
--------------------------------------------------------------------------------
/src-tauri/build-aux/convert_icon.cjs:
--------------------------------------------------------------------------------
1 | // src-tauri/build-aux/convert_icon.js
2 | const fs = require('fs');
3 | const path = require('path');
4 | const { execSync } = require('child_process');
5 |
6 | /**
7 | * 此脚本用于在Windows构建前将PNG图标转换为正确格式的ICO文件
8 | * 解决Windows资源编译器错误: "resource file is not in 3.00 format"
9 | */
10 |
11 | function checkImageMagick() {
12 | try {
13 | // 检查是否安装了ImageMagick
14 | execSync('magick --version', { stdio: 'ignore' });
15 | return true;
16 | } catch (error) {
17 | console.log('ImageMagick未安装，将使用备用方法...');
18 | return false;
19 | }
20 | }
21 |
22 | function convertIconWithImageMagick(pngPath, icoPath) {
23 | try {
24 | // 使用ImageMagick转换PNG到ICO
25 | execSync(`magick convert "${pngPath}" -define icon:auto-resize=256,128,64,48,32,16 "${icoPath}"`);
26 | console.log(`成功使用ImageMagick将PNG转换为ICO: ${icoPath}`);
27 | return true;
28 | } catch (error) {
29 | console.error('ImageMagick转换失败:', error.message);
30 | return false;
31 | }
32 | }
33 |
34 | function main() {
35 | const iconsDir = path.join(__dirname, '..', 'icons');
36 | const pngPath = path.join(iconsDir, 'icon.png');
37 | const icoPath = path.join(iconsDir, 'icon.ico');
38 |
39 | // 检查源PNG文件是否存在
40 | if (!fs.existsSync(pngPath)) {
41 | console.error(`错误: 源PNG文件不存在: ${pngPath}`);
42 | process.exit(1);
43 | }
44 |
45 | // 尝试使用ImageMagick转换
46 | if (checkImageMagick()) {
47 | if (convertIconWithImageMagick(pngPath, icoPath)) {
48 | process.exit(0);
49 | }
50 | }
51 |
52 | // 如果ImageMagick不可用或转换失败，提供替代方案的指导
53 | console.log('\n无法自动转换图标。请手动执行以下步骤:');
54 | console.log('1. 使用在线工具如https://convertico.com将PNG转换为ICO');
55 | console.log('2. 确保生成的ICO文件包含多种尺寸(16x16, 32x32, 48x48, 64x64, 128x128)');
56 | console.log(`3. 将生成的ICO文件替换到: ${icoPath}\n`);
57 |
58 | // 在CI环境中，这是一个错误
59 | if (process.env.CI === 'true') {
60 | process.exit(1);
61 | }
62 | }
63 |
64 | main();
--------------------------------------------------------------------------------
/src/components/ui/switch/Switch.vue:
--------------------------------------------------------------------------------
1 |
40 |
41 |
42 |
16 | ![]()
17 | 使用必读
25 |
26 | 如果您希望使用微信公众号素材库作为图床功能，需要进行以下配置：
28 |
29 | 1.开启公众号开发者模式
30 | 查看文档
34 |
35 |
36 | 2.配置IP白名单使用教程
37 |
38 |
39 |
42 |
43 |
3 |
26 |
27 |
28 |
61 |
62 |
--------------------------------------------------------------------------------
/.github/actions/load-os-config/action.yml:
--------------------------------------------------------------------------------
1 | # .github/actions/load-os-config/action.yml
2 | name: 'Load OS Configuration'
3 | description: 'Load OS-specific configuration for the build process'
4 |
5 | runs:
6 | using: "composite"
7 | steps:
8 | - name: Setup macOS Rust target
9 | if: runner.os == 'macOS'
10 | shell: bash
11 | run: |
12 | ARCH=$(uname -m)
13 | if [ "$ARCH" = "arm64" ]; then
14 | echo "TAURI_TARGET=aarch64-apple-darwin" >> $GITHUB_ENV
15 | rustup target add aarch64-apple-darwin
16 | else
17 | echo "TAURI_TARGET=x86_64-apple-darwin" >> $GITHUB_ENV
18 | rustup target add x86_64-apple-darwin
19 | fi
20 |
21 | - name: Install Linux Dependencies
22 | if: runner.os == 'Linux'
23 | shell: bash
24 | run: |
25 | sudo apt-get update
26 | sudo apt-get remove -y libappindicator3-dev libappindicator3-1 || true
27 |
28 | # 安装核心依赖
29 | sudo apt-get install -y \
30 | libgtk-3-dev \
31 | libwebkit2gtk-4.1-dev \
32 | libjavascriptcoregtk-4.1-dev \
33 | libayatana-appindicator3-dev \
34 | libsoup2.4-dev \
35 | libsoup2.4-1 \
36 | libssl-dev \
37 | patchelf \
38 | libglib2.0-dev \
39 | libatk1.0-dev \
40 | libpango1.0-dev \
41 | libgdk-pixbuf2.0-dev \
42 | libcairo2-dev
43 |
44 | # 更新库缓存
45 | sudo ldconfig
46 | echo "PKG_CONFIG_PATH=$PKG_CONFIG_PATH:/usr/lib/x86_64-linux-gnu/pkgconfig" >> $GITHUB_ENV
47 |
48 | - name: Prepare Windows Icon
49 | if: runner.os == 'Windows'
50 | shell: pwsh
51 | run: |
52 | if (-Not (Test-Path -Path "src-tauri/icons")) {
53 | New-Item -ItemType Directory -Force -Path "src-tauri/icons"
54 | }
55 |
56 | # 使用正确的图标URL
57 | $iconUrl = "https://raw.githubusercontent.com/CrazyMrYan/md-tauri/refs/heads/main/public/assets/images/logo.png"
58 | $icoPath = "src-tauri/icons/icon.ico"
59 |
60 | if (Test-Path -Path "public/icon.png") {
61 | Copy-Item -Path "public/icon.png" -Destination $icoPath -Force
62 | } else {
63 | Invoke-WebRequest -Uri $iconUrl -OutFile $icoPath
64 | }
65 |
66 | if (-Not (Test-Path -Path $icoPath)) {
67 | Write-Error "图标文件准备失败"
68 | exit 1
69 | }
--------------------------------------------------------------------------------
/.github/actions/create-release/action.yml:
--------------------------------------------------------------------------------
1 | # .github/actions/create-release/action.yml
2 | name: 'Create Release'
3 | description: 'Create a new GitHub release with artifacts'
4 |
5 | runs:
6 | using: "composite"
7 | steps:
8 | - name: Checkout code
9 | uses: actions/checkout@v4
10 |
11 | - name: Get Package Version
12 | id: package-version
13 | shell: bash
14 | run: |
15 | VERSION=$(node -p "require('./package.json').version")
16 | echo "version=$VERSION" >> $GITHUB_OUTPUT
17 |
18 | - name: Download artifacts
19 | uses: actions/download-artifact@v4
20 | with:
21 | path: artifacts
22 | merge-multiple: true
23 |
24 | - name: Create Tag
25 | id: create_tag
26 | shell: bash
27 | run: |
28 | TAG_NAME="v${{ steps.package-version.outputs.version }}"
29 | echo "tag_name=$TAG_NAME" >> $GITHUB_OUTPUT
30 | git tag $TAG_NAME
31 | git push origin $TAG_NAME
32 |
33 | - name: Generate Release Info
34 | id: release_info
35 | shell: bash
36 | run: |
37 | BUILD_DATE=$(date -u +"%Y-%m-%dT%H:%M:%SZ")
38 | echo "build_date=$BUILD_DATE" >> $GITHUB_OUTPUT
39 |
40 | # 检查构建产物目录是否存在
41 | if [ ! -d "artifacts" ]; then
42 | echo "错误: 构建产物目录不存在，这可能表明构建过程失败或构建产物未被正确上传"
43 | exit 1
44 | fi
45 |
46 | # 列出下载的构建产物
47 | echo "找到以下构建产物:"
48 | find artifacts -type f -name "*.dmg" -o -name "*.msi" -o -name "*.deb" -o -name "*.AppImage" | sort
49 |
50 | # 检查是否找到了任何构建产物
51 | ARTIFACTS_COUNT=$(find artifacts -type f -name "*.dmg" -o -name "*.msi" -o -name "*.deb" -o -name "*.AppImage" | wc -l)
52 | if [ "$ARTIFACTS_COUNT" -eq 0 ]; then
53 | echo "警告: 没有找到任何构建产物文件，检查上传路径是否正确"
54 | # 列出所有文件以便调试
55 | echo "artifacts目录中的所有文件:"
56 | find artifacts -type f | sort
57 | fi
58 |
59 | - name: Create Release
60 | uses: softprops/action-gh-release@v1
61 | with:
62 | tag_name: ${{ steps.create_tag.outputs.tag_name }}
63 | name: Release ${{ steps.create_tag.outputs.tag_name }}
64 | body: |
65 | # 版本 ${{ steps.package-version.outputs.version }}
66 | 构建时间: ${{ steps.release_info.outputs.build_date }}
67 | files: |
68 | artifacts/**/*.dmg
69 | artifacts/**/*.msi
70 | artifacts/**/*.deb
71 | artifacts/**/*.AppImage
72 | fail_on_unmatched_files: false
--------------------------------------------------------------------------------
/src/utils/tauri-fs.ts:
--------------------------------------------------------------------------------
1 | import { save, open } from '@tauri-apps/api/dialog';
2 | import { writeTextFile, readTextFile } from '@tauri-apps/api/fs';
3 |
4 | /**
5 | * Tauri文件系统适配器
6 | * 提供与Tauri API交互的文件操作方法
7 | */
8 | export const tauriFs = {
9 | /**
10 | * 保存文件到本地
11 | * @param content 文件内容
12 | * @param fileName 默认文件名
13 | * @param fileExtension 文件扩展名
14 | */
15 | async saveFile(content: string, fileName = 'content', fileExtension = 'md') {
16 | try {
17 | // 使用新的 API
18 | const filePath = await save({
19 | defaultPath: `${fileName}.${fileExtension}`,
20 | filters: [{
21 | name: fileExtension.toUpperCase(),
22 | extensions: [fileExtension]
23 | }]
24 | });
25 |
26 | if (filePath) {
27 | // 写入文件内容
28 | await writeTextFile(filePath, content);
29 | return { success: true, path: filePath };
30 | }
31 | return { success: false, message: '用户取消了保存操作' };
32 | } catch (error) {
33 | console.error('保存文件失败:', error);
34 | return { success: false, message: `保存文件失败: ${error}` };
35 | }
36 | },
37 |
38 | /**
39 | * 从本地打开文件
40 | * @param fileExtensions 允许的文件扩展名数组
41 | */
42 | async openFile(fileExtensions = ['md']) {
43 | try {
44 | // 使用新的 API
45 | const selected = await open({
46 | multiple: false,
47 | filters: [{
48 | name: '文档',
49 | extensions: fileExtensions
50 | }]
51 | });
52 |
53 | if (selected && typeof selected === 'string') {
54 | // 读取文件内容
55 | const content = await readTextFile(selected);
56 | return { success: true, content, path: selected };
57 | }
58 | return { success: false, message: '用户取消了打开操作' };
59 | } catch (error) {
60 | console.error('打开文件失败:', error);
61 | return { success: false, message: `打开文件失败: ${error}` };
62 | }
63 | },
64 |
65 | /**
66 | * 导出HTML内容到文件
67 | * @param htmlContent HTML内容
68 | * @param fileName 默认文件名
69 | */
70 | async exportHtml(htmlContent: string, fileName = 'content') {
71 | return this.saveFile(
72 | `
4 |
7 | 预览
5 |
8 |
25 |
19 |
23 |
24 | ${htmlContent}
`,
73 | fileName,
74 | 'html'
75 | );
76 | },
77 |
78 | /**
79 | * 导出Markdown内容到文件
80 | * @param markdownContent Markdown内容
81 | * @param fileName 默认文件名
82 | */
83 | async exportMarkdown(markdownContent: string, fileName = 'content') {
84 | return this.saveFile(markdownContent, fileName, 'md');
85 | }
86 | };
87 |
88 | export default tauriFs;
--------------------------------------------------------------------------------
/src/components/CodemirrorEditor/InsertFormDialog.vue:
--------------------------------------------------------------------------------
1 |
38 |
39 |
40 |
85 |
86 |
87 |
89 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # MD-Tauri
2 |
3 |
4 | 
5 |
6 |
7 |
5 |
8 |
9 | [](https://github.com/CrazyMrYan/md-tauri/actions/workflows/code-review.yml)
10 | [](https://github.com/CrazyMrYan/md-tauri/actions/workflows/cross-platform-build.yml)
11 |
12 | **简体中文** | [English](README_en.md)
13 |
14 |
15 |
16 | 一个使用 Tauri 和 Vue 3 构建的现代化 Markdown 编辑器，为 Markdown 编辑和预览提供流畅的桌面体验。
17 |
18 | ## 特性
19 |
20 | - 🚀 使用 Tauri + Vue 3 构建，实现最佳桌面性能
21 | - 📝 实时 Markdown 预览
22 | - 🎨 代码语法高亮支持
23 | - 📊 Mermaid 图表支持
24 | - 🧮 数学公式渲染
25 | - 🖼️ 多种图片上传选项
26 | - 💾 草稿自动保存
27 | - 🎯 自定义主题和 CSS 样式
28 | - 📤 导入/导出功能
29 |
30 | ## 安装包
31 |
32 | | 系统 | 安装包 |
33 | | -------------------------------------- | --------------------------------------------------------------------------------------- |
34 | |  | [下载](https://github.com/CrazyMrYan/md-tauri/releases/latest) (.dmg) |
35 | |  | [下载](https://github.com/CrazyMrYan/md-tauri/releases/latest) (.msi) |
36 | |  | [下载](https://github.com/CrazyMrYan/md-tauri/releases/latest) (.deb) |
37 |
38 | ## 示意图
39 |
40 | 
41 |
42 | ## 开发设置
43 |
44 | ### 环境要求
45 |
46 | - Node.js >= 20
47 | - Rust (Tauri 所需)
48 | - Git
49 |
50 | ### 安装
51 |
52 | ```bash
53 | # 克隆仓库
54 | git@github.com:CrazyMrYan/md-tauri.git
55 | cd md-tauri
56 |
57 | # 安装依赖
58 | npm install
59 | ```
60 |
61 | ### 开发命令
62 |
63 | ```bash
64 | # 启动开发服务器
65 | npm run tauri:dev
66 |
67 | # 构建生产版本
68 | npm run tauri:build
69 |
70 | # 运行网页版本（不含 Tauri）
71 | npm run dev:web
72 |
73 | # 代码检查
74 | npm run lint
75 | ```
76 |
77 | ## 构建
78 |
79 | 构建生产版本：
80 |
81 | ```bash
82 | npm run tauri:build
83 | ```
84 |
85 | 这将在 `src-tauri/target/release` 目录下创建对应平台的可执行文件。
86 |
87 | ## 技术栈
88 |
89 | - Tauri
90 | - Vue 3
91 | - TypeScript
92 | - Vite
93 | - TailwindCSS
94 | - CodeMirror
95 | - Marked
96 | - Mermaid
97 | - 等等...
98 |
99 | ## 贡献指南
100 |
101 | 1. Fork 本仓库
102 | 2. 创建特性分支 (`git checkout -b feature/amazing-feature`)
103 | 3. 提交更改 (`git commit -m '添加一些很棒的特性'`)
104 | 4. 推送到分支 (`git push origin feature/amazing-feature`)
105 | 5. 提交 Pull Request
106 |
107 | ## 开源协议
108 |
109 | 本项目采用 [MIT 协议](LICENSE) 开源。
110 |
--------------------------------------------------------------------------------
/src/types/index.ts:
--------------------------------------------------------------------------------
1 | import type { PropertiesHyphen } from 'csstype'
2 |
3 | import type { Token } from 'marked'
4 |
5 | type GFMBlock = `blockquote_note` | `blockquote_tip` | `blockquote_important` | `blockquote_warning` | `blockquote_caution` | `blockquote_title` | `blockquote_title_note` | `blockquote_title_tip` | `blockquote_title_important` | `blockquote_title_warning` | `blockquote_title_caution` | `blockquote_p` | `blockquote_p_note` | `blockquote_p_tip` | `blockquote_p_important` | `blockquote_p_warning` | `blockquote_p_caution`
6 | export type Block = `container` | `h1` | `h2` | `h3` | `h4` | `h5` | `h6` | `p` | `blockquote` | `blockquote_p` | `code_pre` | `code` | `image` | `ol` | `ul` | `footnotes` | `figure` | `hr` | GFMBlock
7 | export type Inline = `listitem` | `codespan` | `link` | `wx_link` | `strong` | `table` | `thead` | `td` | `footnote` | `figcaption` | `em`
8 |
9 | interface CustomCSSProperties {
10 | [`--md-primary-color`]?: string
11 | [key: `--${string}`]: string | undefined
12 | }
13 |
14 | export type ExtendedProperties = PropertiesHyphen & CustomCSSProperties
15 |
16 | export interface Theme {
17 | base: ExtendedProperties
18 | block: Record
72 |
77 |
83 |
90 |
91 |
92 |
93 |
94 |
95 |
--------------------------------------------------------------------------------
/tailwind.config.cjs:
--------------------------------------------------------------------------------
1 | const animate = require(`tailwindcss-animate`)
2 |
3 | /** @type {import('tailwindcss').Config} */
4 | module.exports = {
5 | darkMode: [`class`],
6 | safelist: [`dark`],
7 | prefix: ``,
8 | experimental: {
9 | optimizeUniversalDefaults: true,
10 | },
11 |
12 | content: [
13 | `./pages/**/*.{ts,tsx,vue}`,
14 | `./components/**/*.{ts,tsx,vue}`,
15 | `./app/**/*.{ts,tsx,vue}`,
16 | `./src/**/*.{ts,tsx,vue}`,
17 | ],
18 |
19 | theme: {
20 | extend: {
21 | colors: {
22 | border: `hsl(var(--border))`,
23 | input: `hsl(var(--input))`,
24 | ring: `hsl(var(--ring))`,
25 | background: `hsl(var(--background))`,
26 | foreground: `hsl(var(--foreground))`,
27 | primary: {
28 | DEFAULT: `hsl(var(--primary))`,
29 | foreground: `hsl(var(--primary-foreground))`,
30 | },
31 | secondary: {
32 | DEFAULT: `hsl(var(--secondary))`,
33 | foreground: `hsl(var(--secondary-foreground))`,
34 | },
35 | destructive: {
36 | DEFAULT: `hsl(var(--destructive))`,
37 | foreground: `hsl(var(--destructive-foreground))`,
38 | },
39 | muted: {
40 | DEFAULT: `hsl(var(--muted))`,
41 | foreground: `hsl(var(--muted-foreground))`,
42 | },
43 | accent: {
44 | DEFAULT: `hsl(var(--accent))`,
45 | foreground: `hsl(var(--accent-foreground))`,
46 | },
47 | popover: {
48 | DEFAULT: `hsl(var(--popover))`,
49 | foreground: `hsl(var(--popover-foreground))`,
50 | },
51 | card: {
52 | DEFAULT: `hsl(var(--card))`,
53 | foreground: `hsl(var(--card-foreground))`,
54 | },
55 | },
56 | borderRadius: {
57 | xl: `calc(var(--radius) + 4px)`,
58 | lg: `var(--radius)`,
59 | md: `calc(var(--radius) - 2px)`,
60 | sm: `calc(var(--radius) - 4px)`,
61 | },
62 | keyframes: {
63 | 'accordion-down': {
64 | from: { height: 0 },
65 | to: { height: `var(--radix-accordion-content-height)` },
66 | },
67 | 'accordion-up': {
68 | from: { height: `var(--radix-accordion-content-height)` },
69 | to: { height: 0 },
70 | },
71 | 'collapsible-down': {
72 | from: { height: 0 },
73 | to: { height: `var(--radix-collapsible-content-height)` },
74 | },
75 | 'collapsible-up': {
76 | from: { height: `var(--radix-collapsible-content-height)` },
77 | to: { height: 0 },
78 | },
79 | },
80 | animation: {
81 | 'accordion-down': `accordion-down 0.2s ease-out`,
82 | 'accordion-up': `accordion-up 0.2s ease-out`,
83 | 'collapsible-down': `collapsible-down 0.2s ease-in-out`,
84 | 'collapsible-up': `collapsible-up 0.2s ease-in-out`,
85 | },
86 | },
87 | },
88 | plugins: [animate],
89 | }
90 |
--------------------------------------------------------------------------------
/public/mpmd/logo.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/README_en.md:
--------------------------------------------------------------------------------
1 | # MD-Tauri
2 |
3 |
73 | 致力于让 Markdown 编辑更简单
74 |
76 | 正在加载编辑器
75 |
4 |
5 |
6 |
7 |
5 |
8 |
9 | [](https://github.com/CrazyMrYan/md-tauri/actions/workflows/code-review.yml)
10 | [](https://github.com/CrazyMrYan/md-tauri/actions/workflows/cross-platform-build.yml)
11 |
12 | [简体中文](README.md) | **English**
13 |
14 |
15 |
16 | A modern Markdown editor built with Tauri and Vue 3, providing a seamless desktop experience for Markdown editing and preview.
17 |
18 | ## Features
19 |
20 | - 🚀 Built with Tauri + Vue 3 for optimal desktop performance
21 | - 📝 Real-time Markdown preview
22 | - 🎨 Support for code syntax highlighting
23 | - 📊 Mermaid diagram support
24 | - 🧮 Mathematical formula rendering
25 | - 🖼️ Multiple image upload options
26 | - 💾 Auto-save drafts
27 | - 🎯 Custom theme and CSS styling
28 | - 📤 Import/Export functionality
29 |
30 | ## Installation Package
31 |
32 | | System | Package |
33 | | -------------------------------------- | --------------------------------------------------------------------------------------- |
34 | |  | [Download](https://github.com/CrazyMrYan/md-tauri/releases/latest) (.dmg) |
35 | |  | [Download](https://github.com/CrazyMrYan/md-tauri/releases/latest) (.msi) |
36 | |  | [Download](https://github.com/CrazyMrYan/md-tauri/releases/latest) (.deb) |
37 |
38 | ## Diagram
39 |
40 | 
41 |
42 | ## Development Setup
43 |
44 | ### Prerequisites
45 |
46 | - Node.js >= 20
47 | - Rust (for Tauri)
48 | - Git
49 |
50 | ### Installation
51 |
52 | ```bash
53 | # Clone the repository
54 | git@github.com:CrazyMrYan/md-tauri.git
55 | cd md-tauri
56 |
57 | # Install dependencies
58 | npm install
59 | ```
60 |
61 | ### Development Commands
62 |
63 | ```bash
64 | # Start development server
65 | npm run tauri:dev
66 |
67 | # Build for production
68 | npm run tauri:build
69 |
70 | # Run web version (without Tauri)
71 | npm run dev:web
72 |
73 | # Lint files
74 | npm run lint
75 | ```
76 |
77 | ## Build
78 |
79 | To build the application for production:
80 |
81 | ```bash
82 | npm run tauri:build
83 | ```
84 |
85 | This will create platform-specific binaries in the `src-tauri/target/release` directory.
86 |
87 | ## Tech Stack
88 |
89 | - Tauri
90 | - Vue 3
91 | - TypeScript
92 | - Vite
93 | - TailwindCSS
94 | - CodeMirror
95 | - Marked
96 | - Mermaid
97 | - And more...
98 |
99 | ## Contributing
100 |
101 | 1. Fork the repository
102 | 2. Create your feature branch (`git checkout -b feature/amazing-feature`)
103 | 3. Commit your changes (`git commit -m 'Add some amazing feature'`)
104 | 4. Push to the branch (`git push origin feature/amazing-feature`)
105 | 5. Open a Pull Request
106 |
107 | ## License
108 |
109 | This project is open source and available under the [MIT License](LICENSE).
--------------------------------------------------------------------------------
/src/assets/example/markdown.md:
--------------------------------------------------------------------------------
1 | # 探索 Markdown 的奇妙世界
2 |
3 | 欢迎来到 Markdown 的奇妙世界！无论你是写作爱好者、开发者、博主，还是想要简单记录点什么的人，Markdown 都能成为你新的好伙伴。它不仅让写作变得简单明了，还能轻松地将内容转化为漂亮的网页格式。今天，我们将全面探讨 Markdown 的基础和进阶语法，让你在这个过程中充分享受写作的乐趣！
4 |
5 | Markdown 是一种轻量级标记语言，用于格式化纯文本。它以简单、直观的语法而著称，可以快速地生成 HTML。Markdown 是写作与代码的完美结合，既简单又强大。
6 |
7 | ## Markdown 基础语法
8 |
9 | ### 1. 标题：让你的内容层次分明
10 |
11 | 用 `#` 号来创建标题。标题从 `#` 开始，`#` 的数量表示标题的级别。
12 |
13 | ```markdown
14 | # 一级标题
15 |
16 | ## 二级标题
17 |
18 | ### 三级标题
19 |
20 | #### 四级标题
21 | ```
22 |
23 | 以上代码将渲染出一组层次分明的标题，使你的内容井井有条。
24 |
25 | ### 2. 段落与换行：自然流畅
26 |
27 | Markdown 中的段落就是一行接一行的文本。要创建新段落，只需在两行文本之间空一行。
28 |
29 | ### 3. 字体样式：强调你的文字
30 |
31 | - **粗体**：用两个星号或下划线包裹文字，如 `**粗体**` 或 `__粗体__`。
32 | - _斜体_：用一个星号或下划线包裹文字，如 `*斜体*` 或 `_斜体_`。
33 | - ~~删除线~~：用两个波浪线包裹文字，如 `~~删除线~~`。
34 |
35 | 这些简单的标记可以让你的内容更有层次感和重点突出。
36 |
37 | ### 4. 列表：整洁有序
38 |
39 | - **无序列表**：用 `-`、`*` 或 `+` 加空格开始一行。
40 | - **有序列表**：使用数字加点号（`1.`、`2.`）开始一行。
41 |
42 | 在列表中嵌套其他内容？只需缩进即可实现嵌套效果。
43 |
44 | - 无序列表项 1
45 | 1. 嵌套有序列表项 1
46 | 2. 嵌套有序列表项 2
47 | - 无序列表项 2
48 |
49 | 1. 有序列表项 1
50 | 2. 有序列表项 2
51 |
52 | ### 5. 链接与图片：丰富内容
53 |
54 | - **链接**：用方括号和圆括号创建链接 `[显示文本](链接地址)`。
55 | - **图片**：和链接类似，只需在前面加上 `!`，如 ``。
56 |
57 | 轻松实现富媒体内容展示！
58 |
59 | > 因微信公众号平台不支持除公众号内容以外的链接，故其他平台的链接，会呈现链接样式但无法点击跳转。
60 |
61 | > 对于这些链接请注意明文书写，或点击左上角「格式->微信外链接转底部引用」开启引用，这样就可以在底部观察到链接指向。
62 |
63 | ### 6. 引用：引用名言或引人深思的句子
64 |
65 | 使用 `>` 来创建引用，只需在文本前面加上它。多层引用？在前一层 `>` 后再加一个就行。
66 |
67 | > 这是一个引用
68 | >
69 | > > 这是一个嵌套引用
70 |
71 | 这让你的引用更加富有层次感。
72 |
73 | ### 7. 代码块：展示你的代码
74 |
75 | - **行内代码**：用反引号包裹，如 `code`。
76 | - **代码块**：用三个反引号包裹，并指定语言，如：
77 |
78 | ```js
79 | console.log("Hello, CrazyYan!");
80 | ```
81 |
82 | 语法高亮让你的代码更易读。
83 |
84 | ### 8. 分割线：分割内容
85 |
86 | 用三个或更多的 `-`、`*` 或 `_` 来创建分割线。
87 |
88 | ---
89 |
90 | 为你的内容添加视觉分隔。
91 |
92 | ### 9. 表格：清晰展示数据
93 |
94 | Markdown 支持简单的表格，用 `|` 和 `-` 分隔单元格和表头。
95 |
96 | | 排名 | 品牌 | 数量（万） |
97 | | ---- | ------ | ---------- |
98 | | 1 | 比亚迪 | 160.71 |
99 | | 2 | 大众 | 126.66 |
100 | | 3 | 奇瑞 | 105.77 |
101 |
102 | 这样的表格让数据展示更为清爽！
103 |
104 | > 手动编写标记太麻烦？我们提供了便捷方式。左上方点击「编辑->插入表格」，即可快速实现表格渲染。
105 |
106 | ## Markdown 进阶技巧
107 |
108 | ### 1. LaTeX 公式：完美展示数学表达式
109 |
110 | Markdown 允许嵌入 LaTeX 语法展示数学公式：
111 |
112 | - **行内公式**：用 `$` 包裹公式，如 $E = mc^2$。
113 | - **块级公式**：用 `$$` 包裹公式，如：
114 |
115 | $$
116 | \begin{aligned}
117 | d_{i, j} &\leftarrow d_{i, j} + 1 \\
118 | d_{i, y + 1} &\leftarrow d_{i, y + 1} - 1 \\
119 | d_{x + 1, j} &\leftarrow d_{x + 1, j} - 1 \\
120 | d_{x + 1, y + 1} &\leftarrow d_{x + 1, y + 1} + 1
121 | \end{aligned}
122 | $$
123 |
124 | 这是展示复杂数学表达的利器！
125 |
126 | ### 2. Mermaid 流程图：可视化流程
127 |
128 | Mermaid 是强大的可视化工具，可以在 Markdown 中创建流程图、时序图等。
129 |
130 | ```mermaid
131 | graph LR
132 | A[GraphCommand] --> B[update]
133 | A --> C[goto]
134 | A --> D[send]
135 |
136 | B --> B1[更新状态]
137 | C --> C1[流程控制]
138 | D --> D1[消息传递]
139 | ```
140 |
141 | ```mermaid
142 | graph TD;
143 | A-->B;
144 | A-->C;
145 | B-->D;
146 | C-->D;
147 | ```
148 |
149 | ```mermaid
150 | pie
151 | title Key elements in Product X
152 | "Calcium" : 42.96
153 | "Potassium" : 50.05
154 | "Magnesium" : 10.01
155 | "Iron" : 5
156 | ```
157 |
158 | ```mermaid
159 | pie
160 | title 为什么总是宅在家里？
161 | "喜欢宅" : 45
162 | "天气太热" : 70
163 | "穷" : 500
164 | "没人约" : 95
165 | ```
166 |
167 | 这种方式不仅能直观展示流程，还能提升文档的专业性。
168 |
169 | > 更多用法，参见：[Mermaid User Guide](https://mermaid.js.org/intro/getting-started.html)。
170 |
--------------------------------------------------------------------------------
/.github/actions/process-artifacts/action.yml:
--------------------------------------------------------------------------------
1 | # .github/actions/process-artifacts/action.yml
2 | name: 'Process Artifacts'
3 | description: 'Process and rename build artifacts'
4 |
5 | inputs:
6 | os:
7 | description: 'Operating system'
8 | required: true
9 | rust-target:
10 | description: 'Rust target'
11 | required: true
12 |
13 | runs:
14 | using: "composite"
15 | steps:
16 | - name: Get Package Version
17 | id: package-version
18 | shell: bash
19 | run: |
20 | VERSION=$(node -p "require('./package.json').version")
21 | echo "version=$VERSION" >> $GITHUB_OUTPUT
22 |
23 | - name: Rename Artifacts with Version
24 | shell: bash
25 | run: |
26 | VERSION="${{ steps.package-version.outputs.version }}"
27 | OS="${{ inputs.os }}"
28 | RUST_TARGET="${{ inputs.rust-target }}"
29 |
30 | # 使用传入的rust目标平台
31 | ARTIFACTS_DIR="src-tauri/target/$RUST_TARGET/release/bundle"
32 | echo "使用构建产物目录: $ARTIFACTS_DIR"
33 |
34 | # 检查目录是否存在
35 | if [ ! -d "$ARTIFACTS_DIR" ]; then
36 | echo "警告: 目标平台目录不存在: $ARTIFACTS_DIR"
37 | echo "尝试使用通用路径..."
38 | ARTIFACTS_DIR="src-tauri/target/release/bundle"
39 |
40 | if [ ! -d "$ARTIFACTS_DIR" ]; then
41 | echo "错误: 构建产物目录不存在: $ARTIFACTS_DIR"
42 | echo "列出可用目录:"
43 | find src-tauri/target -type d -name "bundle" | sort
44 | exit 1
45 | fi
46 | fi
47 |
48 | # 列出构建产物目录内容以便调试
49 | echo "构建产物目录内容:"
50 | find "$ARTIFACTS_DIR" -type f | sort
51 |
52 | case $OS in
53 | Linux)
54 | for file in $ARTIFACTS_DIR/deb/*.deb; do
55 | if [ -f "$file" ]; then
56 | mv "$file" "${file%.deb}-$VERSION.deb"
57 | fi
58 | done
59 | for file in $ARTIFACTS_DIR/appimage/*.AppImage; do
60 | if [ -f "$file" ]; then
61 | mv "$file" "${file%.AppImage}-$VERSION.AppImage"
62 | fi
63 | done
64 | ;;
65 | Windows)
66 | for file in $ARTIFACTS_DIR/msi/*.msi; do
67 | if [ -f "$file" ]; then
68 | mv "$file" "${file%.msi}-$VERSION.msi"
69 | fi
70 | done
71 | ;;
72 | macOS)
73 | # 首先检查DMG目录是否存在
74 | if [ ! -d "$ARTIFACTS_DIR/dmg" ]; then
75 | echo "DMG目录不存在，创建目录: $ARTIFACTS_DIR/dmg"
76 | mkdir -p "$ARTIFACTS_DIR/dmg"
77 | fi
78 |
79 | # 查找DMG文件
80 | DMG_FILES=$(find "$ARTIFACTS_DIR" -name "*.dmg")
81 | if [ -z "$DMG_FILES" ]; then
82 | echo "错误: 没有找到任何DMG文件"
83 | # 检查app目录是否存在，这是DMG文件的源
84 | if [ -d "$ARTIFACTS_DIR/macos" ]; then
85 | echo "找到macos目录，内容如下:"
86 | ls -la "$ARTIFACTS_DIR/macos"
87 | fi
88 | if [ -d "$ARTIFACTS_DIR/app" ]; then
89 | echo "找到app目录，内容如下:"
90 | ls -la "$ARTIFACTS_DIR/app"
91 | fi
92 | exit 1
93 | else
94 | echo "找到以下DMG文件:"
95 | echo "$DMG_FILES"
96 |
97 | # 处理每个找到的DMG文件
98 | for file in $DMG_FILES; do
99 | filename=$(basename "$file" .dmg)
100 | target_file="$ARTIFACTS_DIR/dmg/$filename-$VERSION.dmg"
101 | echo "重命名: $file -> $target_file"
102 | mv "$file" "$target_file"
103 | done
104 | fi
105 | ;;
106 | esac
--------------------------------------------------------------------------------
/src/components/CodemirrorEditor/EditorHeader/PostTaskDialog.vue:
--------------------------------------------------------------------------------
1 |
55 |
56 |
57 |
113 |
114 |
115 |
120 |
--------------------------------------------------------------------------------
/src/components/CodemirrorEditor/EditorHeader/StyleDropdown.vue:
--------------------------------------------------------------------------------
1 |
56 |
57 |
58 |
106 |
115 |