Скачать wxmp - Скачать исходный код wxmp

wxmp

Данные веб-сайта

v2.4.0

Скачать

Редактор Marckdown WeChat Officen

WeChat Office Account Account статья Markdown Online Editor, используйте грамматику Markdown для создания красивой и щедрой официальной картинки WeChat Picture Account и введения текста. Из -за хлопот издательских версий и неспособности расширить некоторые функции, разработка была застойной. В будущем хромированные плагины больше не будут разрабатываться (временно существует филиал Chrome), и более богатые функции будут настроены через веб-версию.

Приложение для настольного компьютера Markdown Editor

Функциональные особенности

Планы разработки и некоторые функции могут быть введены в проблему, если это необходимо, что делает инструменты более совершенными. Следующий пример используется для отображения эффекта в веб -приложениях.

Стиль блока кода поддержки

Ниже приведен пример отображения блока кода 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

Вот простая сноска ² Marckdown ¹ . Есть несколько дополнительных текстовых описаний в конце страницы. Обратите внимание, что это не полная функция сноски ³ .

Поддержка комментариев

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

Эффект произношения китайского характера: китайский Хан Характер Zi заклинание приколоть звук Инь Примечание Чжу звук Инь

Поддерживает пользовательские стили

Комментарии HTML также могут использоваться в Markdown в Markdown. Эта функция используется для настройки стилей для некоторого контента. Используйте HTML Comments  , чтобы включить настройку стиля поддержки.

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

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

️ Примечание. Эта функция может подходить для пользователей с определенными базовыми знаниями о фронтальном конце CSS, но также очень просто. Используйте  , чтобы закончить, и оберните стиль CSS в середине, например, color: red; Чтобы установить красный текст.

Теги игнорируют контент

Эта функция использует HTML -комментарии, которые будут проигнорированы в Markdown. Он отмечает контент, который необходимо игнорировать. Знак начинается  , Mark Ends  , а знак не отображается в предварительном просмотре редактора 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 Officen Account Markdown» через 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/

Участники

Как всегда, благодаря нашим удивительным участникам!

Список участников приведенного выше изображения, изображение участника автоматически генерируется контрольными действиями ⁴ .

Лицензия

Лицензирован по лицензии MIT.

Спецификация отметки в стиле Github https://github.github.com/gfm/ ↩
Сноски https://github.blog/changelog/2021-09-30-footnotes-now-popported-in-markdown-fields/ ↩
Статьи WeChat не поддерживают прыжки в якоре и открывают сторонние гиперссылки URL, поэтому они не поддерживают полные функции сноски. ↩
Апторам действий https://github.com/jaywcjlove/github-action-contriwbutors ↩

Расширять

Дополнительная информация