wxmp
v2.4.0
Artigo oficial da conta do WeChat Editor on -line, use a gramática de Markdown para criar uma bela e generosa imagem e introdução de texto da conta oficial do WeChat. Devido ao aborrecimento das versões de publicação e à incapacidade de expandir algumas funções, o desenvolvimento está estagnado. No futuro, os plug-ins do Chrome não serão mais desenvolvidos (a filial do Chrome existe temporariamente) e funções mais ricas serão personalizadas através da versão da Web.
Os planos de desenvolvimento e algumas funções podem ser introduzidos no problema, se necessário, tornando as ferramentas mais perfeitas. O exemplo a seguir é usado para exibição de efeitos em aplicativos da Web.
A seguir, é apresentado jsx e destaque o código para o efeito de efeito nos aplicativos da Web.
function Demo ( ) {
return < div className = "demo" > Hello World! </ div >
} Abaixo está css e destaque o código para o efeito de efeito nos aplicativos da 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;
}Usado para exibir efeitos em aplicativos da Web.
Código embutido {code: 0}
A tabela não pode usar estilos personalizados, nenhuma solução é encontrada ainda
| Cabeçalho 1 | Cabeçalho 2 |
|---|---|
| Chave 1 | Valor 1 |
| Chave 2 | Valor 2 |
| Chave 3 | Valor 3 |
Aqui está uma nota de rodapé da sintaxe simples . Existem algumas descrições de texto adicionais no final da página. Observe que esse não é o recurso completo da nota de rodapé 3 .
< ruby >
汉 < rt > Han </ rt >
</ ruby >Efeito de pronúncia do caractere chinês: chinês Personagem soletrar som Observação som
Os comentários HTML também podem ser usados no Markdown no Markdown. Esse recurso é usado para personalizar os estilos para algum conteúdo. Use Comentários HTML <!--rehype:xxx--> para ativar o Markdown para suportar a personalização do estilo.
## 定义标题样式
<!-- rehype:style=display: flex; height: 230px; align-items: center; justify-content: center; font-size: 38px; -->
支持对某些文字变更样式，如_文字颜色_ <!-- rehype:style=color: red; --> ，文字颜色将被设置为红色(red)。<!--rehype:style= para iniciar, --> terminar e embrulhar o estilo CSS no meio, como color: red; Para definir o texto vermelho.
Esse recurso usa comentários HTML para serem ignorados no Markdown. Ele marca o conteúdo que precisa ser ignorado. A marca inicia <!--rehype:ignore:start--> , a marca termina <!--rehype:ignore:end--> , e a marca não é exibida na visualização do Editor do WeChat Markdown. Exiba o conteúdo em outras ferramentas de visualização, como o GitHub.
# 注释忽略
<!-- rehype:ignore:start -->内容在微信 Markdown 编辑器预览中不显示。在其它预览工具中展示内容。 <!-- rehype:ignore:end --> https://<URL>?md=<Markdown 资源 URL>
Exemplo de URL para carregar o conteúdo de marcação:
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
Armazene o tema padrão no website/src/themes , configure o tema no website/src/store/context.tsx e use css para definir estilos e não suporta seletores complexos. Um editor de temas on -line é fornecido, bem -vindo para modificar e PR no armazém para que todos usem.
/* 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 {}Implante facilmente o aplicativo do site "Editor oficial de conta do WeChat" através do 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:latestAcesse o seguinte URL em seu navegador
http://localhost:96611/
Como sempre, graças aos nossos incríveis colaboradores!
A lista de colaboradores da imagem acima, a imagem do colaborador é gerada automaticamente pelos-contribuidores de ação 4 .
Licenciado sob a licença do MIT.
Especificação de marcação no estilo Github https://github.github.com/gfm/ ↩
Notas de rodapé https://github.blog/changelog/2021-09-30-feotnotes-now-supported-inmarkdown-fields/ ↩
Os artigos do WeChat não suportam saltos âncora e hiperlinks de URL de terceiros, para que não suportem recursos completos de nota de rodapé. ↩
Colaboradores de ação https://github.com/jaywcjlove/github-action-centributores ↩
