wxmp
v2.4.0
Article officiel de WeChat Article Markdown Editor en ligne, utilisez Markdown Grammar pour créer une image de compte officielle et un texte officiel de WECHAT. En raison des tracas des versions de publication et de l'incapacité d'élargir certaines fonctions, le développement a stagné. À l'avenir, les plug-ins Chrome ne seront plus développés (la branche Chrome existe temporairement) et des fonctions plus riches seront personnalisées via la version Web.
Les plans de développement et certaines fonctions peuvent être introduits dans le problème si nécessaire, ce qui rend les outils plus parfaits. L'exemple suivant est utilisé pour l'affichage d'effet dans les applications Web.
Ce qui suit est jsx et met en surbrillance le code pour l'effet affichage dans les applications Web.
function Demo ( ) {
return < div className = "demo" > Hello World! </ div >
} Vous trouverez ci-dessous css et mettez en surbrillance le code pour l'affichage d'effet dans les applications Web.
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;
}Utilisé pour afficher les effets dans les applications Web.
Code en ligne {code: 0}
Le tableau ne peut pas utiliser des styles personnalisés, aucune solution n'est encore trouvée
| En-tête 1 | En-tête 2 |
|---|---|
| Clé 1 | Valeur 1 |
| Clé 2 | Valeur 2 |
| Clé 3 | Valeur 3 |
Voici une note de bas de page de syntaxe simple de Markdown 1 . Il y a quelques descriptions de texte supplémentaires à la fin de la page. Notez qu'il ne s'agit pas de la fonctionnalité complète de la note 3 .
< ruby >
汉 < rt > Han </ rt >
</ ruby >Effet de prononciation du caractère chinois: Chinois Personnage épeler son Note son
Les commentaires HTML peuvent également être utilisés dans Markdown dans Markdown. Cette fonctionnalité est utilisée pour personnaliser les styles pour certains contenus. Utilisez des commentaires HTML <!--rehype:xxx--> pour permettre à Markdown de prendre en charge la personnalisation du style.
## 定义标题样式
<!-- rehype:style=display: flex; height: 230px; align-items: center; justify-content: center; font-size: 38px; -->
支持对某些文字变更样式，如_文字颜色_ <!-- rehype:style=color: red; --> ，文字颜色将被设置为红色(red)。<!--rehype:style= pour démarrer, --> pour terminer et envelopper le style CSS au milieu, comme color: red; Pour définir le texte rouge.
Cette fonctionnalité utilise des commentaires HTML à ignorer dans Markdown. Il marque le contenu qui doit être ignoré. La marque démarre <!--rehype:ignore:start--> , la marque se termine <!--rehype:ignore:end--> , et la marque n'est pas affichée dans l'aperçu de l'éditeur de Markdown WeChat. Affichez le contenu dans d'autres outils d'aperçu, tels que GitHub.
# 注释忽略
<!-- rehype:ignore:start -->内容在微信 Markdown 编辑器预览中不显示。在其它预览工具中展示内容。 <!-- rehype:ignore:end --> https://<URL>?md=<Markdown 资源 URL>
Exemple d'URL pour charger le contenu de la marque:
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
Stockez le thème par défaut dans le website/src/themes , configurez le thème dans website/src/store/context.tsx , et utilisez css pour définir des styles et ne prend pas en charge les sélecteurs complexes. Un éditeur de thème en ligne est fourni, bienvenue pour modifier et PR dans l'entrepôt pour que tout le monde puisse utiliser.
/* 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 {}Déplacez facilement l'application du site Web "WeChat Compte Markdown Editor" via Docker.
docker pull wcjiang/wxmp
# Or
docker pull ghcr.io/jaywcjlove/wxmp:latestdocker 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:latestAccéder à l'URL suivante dans votre navigateur
http://localhost:96611/
Comme toujours, grâce à nos incroyables contributeurs!
Liste des contributeurs de l'image ci-dessus, l'image du contributeur est automatiquement générée par des contributeurs d'action 4 .
Licencié sous la licence du MIT.
Spécification Markdown de style github https://github.github.com/gfm/ ↩
Notes de bas de page https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/ ↩
Les articles WeChat ne prennent pas en charge les sauts d'ancrage et l'ouverture des hyperliens URL tiers, ils ne prennent donc pas en charge les fonctionnalités complètes de notes de bas de page. ↩
Contributeurs d'action https://github.com/jaywcjlove/github-action-Contributeurs ↩
