wxmp

محرر تخفيض حساب الحساب الرسمي في WeChat

WeChat Account Account Absold Artor Online محرر ، استخدم القواعد النحوية لإنشاء صورة حسابات رسمية جميلة وسخية ومقدمة نصية. نظرًا لمشاهدة إصدارات النشر وعدم القدرة على توسيع بعض الوظائف ، كان التطوير راكدًا. في المستقبل ، لن يتم تطوير المكونات الإضافية Chrome (موجود فرع Chrome مؤقتًا) وسيتم تخصيص وظائف أكثر ثراءً من خلال إصدار الويب.

ميزات وظيفية

يمكن تقديم خطط التطوير وبعض الوظائف في هذه المشكلة إذا لزم الأمر ، مما يجعل الأدوات أكثر مثالية. يتم استخدام المثال التالي لعرض التأثير في تطبيقات الويب.

• يدعم جميع بناء الجملة الأساسي للتخفيض
• يدعم أنماط CSS المخصصة
• يدعم اختيار الموضوع والتحرير معاينة.
• يدعم معاينة كل من الموضوعات الخفيفة والظلام.
• يدعم كود كتلة اختيار نمط السمة.
• دعم اختيار اللون للألوان ، وسرعان ما استبدل نغمة اللون الإجمالية للمقالة
• يدعم محتوى تحميل معلمة URL.
• دعم معلمات عنوان URL لتحديد موضوعات المعاينة.
• يقوم CI تلقائيًا بإنشاء تطبيقات سطح المكتب الإلكترون.
• يدعم اختيار حجم الخط العالمي.

نمط كتلة رمز الدعم

ما يلي هو مثال عرض كتلة رمز jsx وتمييز رمز عرض التأثير في تطبيقات الويب.

 function Demo ( ) {
  return < div className = "demo" > Hello World! </ div >
}

فيما يلي مثال على كتلة رمز css وتمييز رمز عرض التأثير في تطبيقات الويب.

 li {
  font-size : 16 px ;
  margin : 0 ;
  line-height : 26 px ;
  color : rgb ( 30 41 59 );
  font-family : -apple-system-font , BlinkMacSystemFont , Helvetica Neue , PingFang SC , Hiragino Sans GB , Microsoft YaHei UI , Microsoft YaHei , Arial , sans-serif;
}

دعم رمز مضمّن

تستخدم لعرض التأثيرات في تطبيقات الويب.

رمز مضمّن {code: 0}

نموذج الدعم

لا يمكن للجدول استخدام أنماط مخصصة ، ولم يتم العثور على حل بعد

رأس 1	رأس 2
مفتاح 1	القيمة 1
المفتاح 2	القيمة 2
المفتاح 3	القيمة 3

دعم حواشي GFM

فيما يلي حاشية بناء بسيطة ¹ Syntax ² . هناك بعض أوصاف النص الإضافية في نهاية الصفحة. لاحظ أن هذه ليست ميزة الحاشية ³ الكاملة.

دعم التعليقات

 < ruby >
  汉 < rt > Han </ rt >
</ ruby >

تأثير نطق الشخصية الصينية: الصينية هان شخصية زي يتهجى دبوس صوت يين ملحوظة تشو صوت يين

يدعم أنماط مخصصة

يمكن أيضًا استخدام تعليقات HTML في تخفيض التنقل. يتم استخدام هذه الميزة لتخصيص الأنماط لبعض المحتوى. استخدم تعليقات HTML <!--rehype:xxx--> لتمكين التمييز لدعم تخصيص النمط.

 ## 定义标题样式
<!-- rehype:style=display: flex; height: 230px; align-items: center; justify-content: center; font-size: 38px; -->

支持对某些文字变更样式，如_文字颜色_ <!-- rehype:style=color: red; --> ，文字颜色将被设置为红色(red)。

️ ملاحظة: قد تكون هذه الميزة مناسبة للمستخدمين الذين لديهم معرفة أساسية معينة من الواجهة الأمامية CSS ، لكنها أيضًا بسيطة للغاية. استخدم <!--rehype:style= للبدء ، --> إلى النهاية ، ولف نمط CSS في الوسط ، مثل color: red; لتعيين النص الأحمر.

العلامات تجاهل المحتوى

تستخدم هذه الميزة تعليقات HTML ليتم تجاهلها في Markdown. إنه يمثل المحتوى الذي يجب تجاهله. تبدأ العلامة <!--rehype:ignore:start--> ، تنتهي العلامة <!--rehype:ignore:end--> ، ولا يتم عرض العلامة في معاينة محرر WeChat Markdown. عرض المحتوى في أدوات المعاينة الأخرى ، مثل GitHub.

 # 注释忽略

<!-- rehype:ignore:start -->内容在微信 Markdown 编辑器预览中不显示。在其它预览工具中展示内容。 <!-- rehype:ignore:end -->

دعم محتوى تحميل معلمة عنوان URL

 https://<URL>?md=<Markdown 资源 URL>

عينة من عنوان URL لتحميل محتوى التخفيض:

 https://jaywcjlove.github.io/wxmp/#/?theme=underscore&md=https://raw.githubusercontent.com/jaywcjlove/c-tutorial/master/README.md

Markdown URL 地址: https://raw.githubusercontent.com/jaywcjlove/c-tutorial/master/README.md

موضوع مخصص

قم بتخزين السمة الافتراضية في website/src/themes ، وقم بتكوين السمة في website/src/store/context.tsx ، واستخدم css لتحديد الأنماط ، ولا يدعم المحددات المعقدة. يتم توفير محرر موضوع عبر الإنترنت ، مرحبًا بك في التعديل PR في المستودع ليستخدمه الجميع.

 /* 1~6 标题样式定义 */
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}
a { color : red; } /* 超链接样式定义 */
strong {} /* 加粗样式定义 */
del {} /* 删除线样式定义 */
em {}  /* 下划线样式定义 */
u {}   /* 下划线样式定义 */
p {}   /* 段落样式定义 */
ul {}  /* 无序列表样式定义 */
ol {}  /* 有序列表样式定义 */
li {}  /* 列表条目样式定义 */
blockquote {} /* 块级引用样式定义 */
table {}
td {}
th {}
pre {}        /* 样式定义 */
. code-highlight {} /* 代码块样式定义 */
. code-line {}      /* 代码块行样式定义 */
. code-spans {}     /* 代码块行样式定义 */

sup {} /* GFM 脚注样式定义 */
. footnotes-title {} /* GFM 脚注，参考标题样式定义 */
. footnotes-list {} /* GFM 脚注，参考列表样式定义 */

. image-warpper {} /* 图片父节点样式定义 */
. image {} /* 图片样式定义 */

/* 部分代码高亮样式 */
. comment {}
. property {}
. function {}
. keyword {}
. punctuation {}
. unit {}
. tag {}
. color {}
. selector {}
. quote {}
. number {}
. attr-name {}
. attr-value {}

نشر

قم بسهولة بنشر تطبيق "WeChat Official Account Morditor" من خلال Docker.

docker pull wcjiang/wxmp
# Or
docker pull ghcr.io/jaywcjlove/wxmp:latest

docker run --name wxmp --rm -d -p 8113:3000 wcjiang/wxmp:latest
# Or
docker run --name wxmp -itd -p 8113:3000 wcjiang/wxmp:latest
# Or
docker run --name wxmp -itd -p 8113:3000 ghcr.io/jaywcjlove/wxmp:latest

الوصول إلى عنوان URL التالي في متصفحك

 http://localhost:96611/

المساهمين

كما هو الحال دائمًا ، بفضل مساهمينا المذهلين!

قائمة المساهمين للصورة أعلاه ، يتم إنشاء صورة المساهم تلقائيًا من خلال تصنيع الإجراء ⁴ .

رخصة

مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

الحواشي

1. مواصفات التمييز على طراز Github https://github.github.com/gfm/ ↩

2. الحواشي https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/ ↩

3. لا تدعم مقالات WeChat القفزات المرساة وفتح الارتباطات التشعبية عن عنوان URL لجهة خارجية ، لذلك فهي لا تدعم ميزات الحاشية الكاملة. ↩

4. المساهمين الإجراءات https://github.com/jaywcjlove/github-action-contributors ↩