md
v1.6.0
Dokumen Markdown secara otomatis diterjemahkan sebagai gambar dan teks WeChat secara real time, sehingga Anda tidak lagi khawatir tentang tata letak artikel WeChat! Selama Anda tahu tata bahasa penurunan harga dasar, Anda dapat membuat gambar dan teks WeChat dengan gaya ringkas dan penampilan yang indah.
Catatan: Disarankan untuk menggunakan browser chrome, hasil terbaik.
Editor WeChat Markdown open source yang ada memiliki gaya yang kompleks dan tidak memenuhi kebutuhan estetika pribadi saya. Ketika saya menggunakannya untuk mengetik artikel, saya sering harus membuat beberapa perubahan sendiri, yang memakan waktu dan padat karya, jadi saya mulai melakukan pengembangan sekunder.
Teman dipersilakan untuk mengirimkan PR kapan saja untuk membuat editor WeChat Markdown ini lebih baik! Jika Anda memiliki ide -ide baru, Anda juga dipersilakan untuk umpan balik di bidang diskusi diskusi.
Catatan: Versi terbaru dari proyek kami dikembangkan berdasarkan VUE3. Versi lama berdasarkan VUE2 tidak lagi dipertahankan. Jika Anda memerlukan versi VUE2, silakan beralih ke cabang 1.x.
| # | Tempat tidur gambar | Apakah perlu untuk mengonfigurasi saat menggunakannya | Komentar |
|---|---|---|---|
| 1 | bawaan | TIDAK | - |
| 2 | GitHub | Konfigurasikan Parameter Repo dan Token | Bagaimana cara mendapatkan token github? |
| 3 | ALIBABA Cloud | Konfigurasikan AccessKey ID , AccessKey Secret , Bucket , Parameter Region | Bagaimana cara menggunakan awan awan oss? |
| 4 | Tencent Cloud | Konfigurasikan Parameter SecretId , SecretKey , Bucket , Region | Bagaimana cara menggunakan tencent cloud cos? |
| 5 | Qiniu Cloud | Konfigurasikan Parameter AccessKey , SecretKey , Bucket , Domain , Region | Bagaimana cara menggunakan qiniu cloud kodo? |
| 6 | Minio | Konfigurasikan Endpoint , Port , UseSSL , Bucket , AccessKey , parameter SecretKey | Bagaimana cara menggunakan minio? |
| 7 | Akun resmi | Konfigurasikan Parameter代理域名, appID , appsecret | Bagaimana cara mendapatkan kata sandi ID pengembang akun resmi? |
| 8 | Cloudflare R2 | Konfigurasikan Parameter AccountId , AccessKey , SecretKey , Bucket , Domain | Cara Mengoperasikan R2 Menggunakan S3 API |
| 9 | Unggah khusus | Ya | Bagaimana cara menyesuaikan unggahan? |
Dalam kasus di mana tempat tidur grafik yang telah ditentukan tidak disediakan pada alat, Anda hanya perlu menyesuaikan logika unggahan, yang sangat berguna misalnya ketika Anda tidak nyaman menggunakan bed grafik publik, tetapi menggunakan layanan unggahan Anda sendiri.
Anda hanya perlu mengubah kode unggahan dalam fungsi yang diberikan. Untuk kenyamanan, fungsi ini memberikan beberapa parameter yang dapat digunakan:
Kode contoh:
const { file , util , okCb , errCb } = CUSTOM_ARG
const param = new FormData ( )
param . append ( `file` , file )
util . axios
. post ( `http://127.0.0.1:9000/upload` , param , {
headers : { 'Content-Type' : `multipart/form-data` } ,
} )
. then ( ( res ) => {
okCb ( res . url )
} )
. catch ( ( err ) => {
errCb ( err )
} )
// 提供的可用参数:
// CUSTOM_ARG = {
// content, // 待上传图片的 base64
// file, // 待上传图片的 file 对象
// util: {
// axios, // axios 实例
// CryptoJS, // 加密库
// OSS, // tiny-oss
// COS, // cos-js-sdk-v5
// Buffer, // buffer-from
// uuidv4, // uuid
// qiniu, // qiniu-js
// tokenTools, // 一些编码转换函数
// getDir, // 获取 年/月/日 形式的目录
// getDateFilename, // 根据文件名获取它以 时间戳+uuid 的形式
// },
// okCb: resolve, // 重要！上传成功后给此回调传 url 即可
// errCb: reject, // 上传失败调用的函数
// }Jika Anda telah membuat kode unggahan untuk tempat tidur gambar pihak ketiga lainnya, Anda dipersilakan untuk membagikannya.
# 安装依赖
npm i
# 启动开发模式
npm start
# 部署在 /md 目录
npm run build
# 访问 http://127.0.0.1:9000/md
# 部署在根目录
npm run build:h5-netlify
# 访问 http://127.0.0.1:9000/ Melalui NPM CLI kami, Anda dapat dengan mudah membangun editor WeChat Markdown Anda sendiri.
# 安装
npm i -g @doocs/md-cli
# 启动
md-cli
# 访问
open http://127.0.0.1:8800/md/
# 启动并指定端口
md-cli port=8899
# 访问
open http://127.0.0.1:8899/md/MD-CLI mendukung parameter baris perintah berikut:
port menentukan nomor port, default adalah 8800, dan jika ditempati, port baru akan digunakan secara acak.spaceIdclientSecret Konfigurasi Ruang Layanan DCLOUDJika Anda adalah pengguna Docker, Anda juga dapat menggunakan perintah untuk memulai instance sepenuhnya pribadi milik Anda.
docker run -d -p 8080:80 doocs/md:latestSetelah wadah berjalan, buka browser dan kunjungi http: // localhost: 8080.
Untuk informasi lebih rinci tentang gambar Docker dalam proyek ini, Anda dapat mengikuti https://github.com/doocs/docker-md
Catatan: Jika Anda menggunakan editor penurunan harga ini untuk tata letak artikel dan ingin menampilkan akun resmi Anda di proyek ini, silakan tinggalkan pesan di #5.
