Unduh wxmp - Unduh Kode Sumber wxmp

wxmp

Data situs web

v2.4.0

Unduh

Editor Markdown Akun Resmi WeChat

Akun resmi WeChat Artikel Markdown Online Editor, Gunakan Markdown Grammar untuk membuat gambar akun resmi WeChat yang indah dan murah hati dan pengenalan teks. Karena kerumitan versi penerbitan dan ketidakmampuan untuk memperluas beberapa fungsi, pengembangan stagnan. Di masa depan, plug-in chrome tidak akan lagi dikembangkan (cabang chrome sementara ada) dan fungsi yang lebih kaya akan disesuaikan melalui versi web.

Aplikasi Desktop Editor Markdown

Fitur fungsional

Rencana pengembangan dan beberapa fungsi dapat diperkenalkan dalam masalah ini jika perlu, membuat alat lebih sempurna. Contoh berikut digunakan untuk tampilan efek dalam aplikasi web.

Gaya Blok Kode Dukungan

Berikut ini adalah contoh tampilan blok kode jsx dan sorot kode untuk tampilan efek dalam aplikasi web.

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

Di bawah ini adalah contoh tampilan blok kode css dan sorot kode untuk tampilan efek dalam aplikasi 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;
}

Dukungan kode inline

Digunakan untuk menampilkan efek dalam aplikasi web.

Kode inline {code: 0}

Formulir Dukungan

Tabel belum dapat menggunakan gaya khusus, belum ada solusi yang ditemukan

Header 1	Header 2
Kunci 1	Nilai 1
Kunci 2	Nilai 2
Kunci 3	Nilai 3

Dukung catatan kaki GFM

Berikut ini adalah catatan kaki ¹ sintaks ¹ yang sederhana. Ada beberapa deskripsi teks tambahan di akhir halaman. Perhatikan bahwa ini bukan fitur Catatan Kaki Lengkap ³ .

Dukungan Komentar

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

Efek pengucapan karakter Cina: Cina Han Karakter Zi mengeja pin suara yin Catatan Zhu suara yin

Mendukung gaya khusus

Komentar HTML juga dapat digunakan dalam markdown dalam markdown. Fitur ini digunakan untuk menyesuaikan gaya untuk beberapa konten. Gunakan komentar HTML  untuk mengaktifkan Markdown untuk mendukung kustomisasi gaya.

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

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

️ Catatan: Fitur ini mungkin cocok untuk pengguna dengan pengetahuan dasar tertentu dari front-end CSS, tetapi juga sangat sederhana. Gunakan  untuk mengakhiri, dan membungkus gaya CSS di tengah, seperti color: red; untuk mengatur teks merah.

Tag mengabaikan konten

Fitur ini menggunakan komentar HTML untuk diabaikan dalam Markdown. Ini menandai konten yang perlu diabaikan. Tanda dimulai  , tanda berakhir  , dan tanda tidak ditampilkan dalam pratinjau editor WeChat Markdown. Tampilkan konten di alat pratinjau lain, seperti GitHub.

 # 注释忽略

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

Dukungan URL Parameter Memuat Konten Markdown

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

URL sampel untuk memuat konten penurunan harga:

 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

Tema yang disesuaikan

Simpan tema default di website/src/themes , konfigurasikan tema di website/src/store/context.tsx , dan gunakan css untuk mendefinisikan gaya, dan tidak mendukung pemilih kompleks. Editor tema online disediakan, selamat datang untuk memodifikasi dan PR ke gudang untuk digunakan semua orang.

 /* 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 {}

menyebarkan

Dengan mudah menggunakan aplikasi situs web "WeChat Official Account Markdown Editor" melalui 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

Akses URL berikut di browser Anda

 http://localhost:96611/

Kontributor

Seperti biasa, terima kasih kepada kontributor kami yang luar biasa!

Daftar kontributor gambar di atas, gambar kontributor secara otomatis dihasilkan oleh Action-Contributors ⁴ .

Lisensi

Berlisensi di bawah lisensi MIT.

Spesifikasi Markdown Github-Style https://github.github.com/gfm/ ↩
Footnotes https://github.blog/changelog/2021-09-30-footnotes-now-supported-in-markdown-fields/ ↩
Artikel WeChat tidak mendukung jangkar lompatan dan membuka hyperlink URL pihak ketiga, sehingga mereka tidak mendukung fitur catatan kaki lengkap. ↩
Kontributor Tindakan https://github.com/jaywcjlove/github-action-contributors ↩

Memperluas

Informasi Tambahan