يتم تقديم مستندات Markdown تلقائيًا كصور ونصوص WeChat في الوقت الفعلي ، بحيث لم تعد تقلق بشأن تخطيط مقالة WeChat! طالما أنك تعرف القواعد النحوية الأساسية ، يمكنك إنشاء صورة WeChat ونص مع أنماط موجزة ومظهر جميل.
ملاحظة: يوصى باستخدام متصفح Chrome ، أفضل النتائج.
يحمل محرر Morddown الموجود في WeChat Marmdown أنماطًا معقدة ولا يلبي احتياجاتي الجمالية الشخصية. عندما أستخدمها لكتابة المقالات ، غالبًا ما يتعين علي إجراء بعض التغييرات بنفسي ، والتي تستغرق وقتًا طويلاً وكثافة العمل ، لذلك بدأت في التنمية الثانوية.
نرحب بالأصدقاء لتقديم العلاقات العامة في أي وقت لجعل محرر WeChat Marmdown أفضل! إذا كان لديك أفكار جديدة ، فنحن نرحب أيضًا بالتعليقات في منطقة مناقشة المناقشات.
ملاحظة: تم تطوير أحدث إصدار من مشروعنا على أساس VUE3. لم يعد يتم الحفاظ على الإصدار القديم على أساس VUE2. إذا كنت بحاجة إلى إصدار Vue2 ، فيرجى التبديل إلى فرع 1.x.
| # | سرير الصورة | هل من الضروري التكوين عند استخدامه | ملاحظة |
|---|---|---|---|
| 1 | تقصير | لا | - |
| 2 | جيثب | تكوين معلمات الرمز Repo والرمز Token | كيف تحصل على رمز جيثب؟ |
| 3 | سحابة علي بابا | تكوين AccessKey ID ، AccessKey Secret ، Bucket ، معلمات Region | كيفية استخدام alibaba Cloud OSS؟ |
| 4 | تينسنت سحابة | تكوين SecretId ، SecretKey ، Bucket ، معلمات Region | كيفية استخدام Tencent Cloud COS؟ |
| 5 | سحابة Qiniu | تكوين AccessKey ، SecretKey ، Bucket ، Domain ، معلمات Region | كيفية استخدام Qiniu Cloud Kodo؟ |
| 6 | Minio | تكوين Endpoint ، Port ، UseSSL ، Bucket ، AccessKey ، و SecretKey معلمات | كيف تستخدم Minio؟ |
| 7 | حساب رسمي | تكوين appID و appsecret و代理域名Parameters | كيف تحصل على كلمة مرور معرف مطور الحساب الرسمي؟ |
| 8 | Cloudflare R2 | تكوين AccountId ، AccessKey ، SecretKey ، Bucket ، معلمات Domain | كيفية تشغيل R2 باستخدام S3 API |
| 9 | تحميل مخصص | نعم | كيفية تخصيص التحميلات؟ |
في الحالة التي لا يتم فيها توفير أسرة الرسم البياني المحدد مسبقًا على الأداة ، تحتاج فقط إلى تخصيص منطق التحميل ، وهو مفيد للغاية على سبيل المثال عندما لا تكون مناسبًا لاستخدام أسرة الرسم البياني العام ، ولكن بدلاً من ذلك استخدم خدمة التحميل الخاصة بك.
تحتاج فقط إلى تغيير رمز التحميل في الوظيفة المحددة. للراحة ، توفر هذه الوظيفة بعض المعلمات التي يمكن استخدامها:
نموذج الرمز:
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, // 上传失败调用的函数
// }إذا قمت بإنشاء رمز تحميل لأسرة صور أخرى من طرف ثالث ، فنحن نرحب جدًا بمشاركته.
# 安装依赖
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/ من خلال NPM CLI الخاص بنا ، يمكنك بسهولة بناء محرر WeChat Morndord.
# 安装
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 معلمات سطر الأوامر التالية:
port رقم المنفذ ، الافتراضي هو 8800 ، وإذا تم شغله ، سيتم استخدام منفذ جديد بشكل عشوائي.spaceId dcloudclientSecret DCLOUD SERVICE التكوينإذا كنت من مستخدمي Docker ، فيمكنك أيضًا استخدام أمر لبدء مثيل خاص بالكامل ينتمي إليك.
docker run -d -p 8080:80 doocs/md:latestبعد تشغيل الحاوية ، افتح المتصفح وقم بزيارة http: // localhost: 8080.
لمزيد من المعلومات التفصيلية حول صور Docker في هذا المشروع ، يمكنك متابعة https://github.com/doocs/docker-md
ملاحظة: إذا كنت تستخدم محرر Markdown هذا لتخطيط المقالة وترغب في عرض حسابك الرسمي في هذا المشروع ، فيرجى ترك رسالة في رقم 5.