PicX

该介绍目前仅提供英文版本。

PicX

PicX is a powerful image hosting tool based on GitHub API, providing image upload hosting, link generation, and common image toolbox services. It’s designed to be simple, secure, and completely free to use.

Core Features

• Multiple Upload Methods: Drag & drop, copy & paste, or file selection
• Image Management: Batch upload, delete, and copy image links
• Directory Support: Multi-level directory management
• Link Formats: Support for Markdown, HTML, and BBCode formats
• CDN Integration: Built-in support for GitHub, GitHub Pages, jsDelivr, and Statically
• Image Optimization: Built-in compression algorithm with automatic compression
• Watermark Support: Configurable image watermarking
• PWA Support: Progressive Web App capabilities
• Dark Mode: Automatic and manual theme switching
• Internationalization: Support for Simplified Chinese, Traditional Chinese, and English
• Toolbox: Image compression, Base64 conversion, and watermark tools

Quick Start

1. Access the Platform: Visit PicX Online

2. Authentication:

   • Login via GitHub OAuth
   • Or use GitHub Token authentication

3. Configuration:

   • Complete image hosting configuration
   • Start uploading and managing images

Key Benefits

• Online Usage: No download or installation required
• Simple Operation: User-friendly interface with comprehensive documentation
• Open Source: Fully open-source with regular maintenance
• Data Security: Secure data handling with GitHub integration
• Completely Free: No hidden costs or premium features

Technical Stack

• Frontend: Vue.js, TypeScript
• Build Tool: Vite
• Styling: Stylus
• Deployment: Cloudflare Pages
• CDN: jsDelivr, Statically

Usage Guide

1. Image Upload:

   # Supported methods:
   - Drag and drop images
   - Copy and paste
   - File selection dialog

2. Image Management:

   # Features:
   - Batch upload
   - Batch delete
   - Batch copy links
   - Directory management

3. Link Generation:

   # Supported formats:
   - Markdown: ![alt](url)
   - HTML: <img src="url" alt="alt">
   - BBCode: [img]url[/img]

Development

1. Requirements:

   # Node.js environment
   # pnpm package manager

2. Installation:

   git clone https://github.com/XPoet/picx.git
   cd picx
   pnpm install

3. Development Server:

   pnpm dev

Contributing

We welcome contributions in various forms:

• UI improvements
• Feature additions
• Performance optimization
• Bug fixes
• Documentation updates

Please read our Contributing Guide before submitting changes.

Support

• Documentation: Official Docs
• Issues: Report on GitHub
• Community: Join our discussions

License

This project is licensed under the AGPL-3.0 License - see the LICENSE file for details.

Made with ❤️ by XPoet