md
v1.6.0
Les documents de Markdown sont automatiquement rendus en tant que photos et textes WeChat en temps réel, afin que vous ne vous inquiétez plus de la mise en page de l'article WeChat! Tant que vous connaissez la grammaire de base de Markdown, vous pouvez créer une image et un texte WeChat avec des styles concis et une belle apparence.
Remarque: il est recommandé d'utiliser Chrome Browser, les meilleurs résultats.
L'éditeur de Markdown Open Source existant a des styles complexes et ne répond pas à mes besoins esthétiques personnels. Lorsque je les utilise pour taper des articles, je dois souvent faire des changements moi-même, ce qui prend du temps et à forte intensité de main-d'œuvre, alors j'ai commencé à faire du développement secondaire.
Les amis sont invités à soumettre des relations publiques à tout moment pour améliorer cet éditeur de Markdown WeChat! Si vous avez de nouvelles idées, vous êtes également les bienvenus dans le domaine des discussions sur les discussions.
Remarque: La dernière version de notre projet est développée sur la base de Vue3. L'ancienne version basée sur Vue2 n'est plus maintenue. Si vous avez besoin de la version Vue2, veuillez passer à la branche 1.x.
| # | Lit | Est-il nécessaire de configurer lors de son utilisation | Remarque |
|---|---|---|---|
| 1 | défaut | Non | - |
| 2 | Github | Configurer les paramètres Repo et Token | Comment obtenir un jeton GitHub? |
| 3 | Nuage d'alibaba | Configurer AccessKey ID , AccessKey Secret , Bucket , Region Paramètres | Comment utiliser Alibaba Cloud OSS? |
| 4 | Nuage de Tencent | Configurer les paramètres SecretId , SecretKey , Bucket , Region | Comment utiliser Tencent Cloud COS? |
| 5 | Nuage Qiniu | Configurer AccessKey , SecretKey , Bucket , Domain , Region Paramètres | Comment utiliser Qiniu Cloud Kodo? |
| 6 | Minio | Configurer Endpoint , Port , UseSSL , Bucket , AccessKey , SecretKey Paramètres | Comment utiliser Minio? |
| 7 | Compte officiel | Configurer les paramètres appID , appsecret ,代理域名 | Comment obtenir le mot de passe ID du développeur de compte officiel? |
| 8 | Cloudflare r2 | Configurer AccountId , AccessKey , SecretKey , Bucket , Paramètres Domain | Comment faire fonctionner R2 à l'aide de l'API S3 |
| 9 | Téléchargement personnalisé | Oui | Comment personnaliser les téléchargements? |
Dans le cas où les lits de graphiques prédéfinis ne sont pas fournis sur l'outil, vous n'avez qu'à personnaliser la logique de téléchargement, ce qui est très utile par exemple lorsque vous n'êtes pas pratique d'utiliser les lits de graphiques publics, mais utilisez plutôt votre propre service de téléchargement.
Il vous suffit de modifier le code de téléchargement dans la fonction donnée. Pour plus de commodité, cette fonction fournit certains paramètres qui peuvent être utilisés:
Exemple de code:
const { file , util , okCb , errCb } = CUSTOM_ARG
const param = new FormData ( )
param . append ( `file` , file )
util . axios
. post ( `http://127.0.0.1:9000/upload` , param , {
headers : { 'Content-Type' : `multipart/form-data` } ,
} )
. then ( ( res ) => {
okCb ( res . url )
} )
. catch ( ( err ) => {
errCb ( err )
} )
// 提供的可用参数:
// CUSTOM_ARG = {
// content, // 待上传图片的 base64
// file, // 待上传图片的 file 对象
// util: {
// axios, // axios 实例
// CryptoJS, // 加密库
// OSS, // tiny-oss
// COS, // cos-js-sdk-v5
// Buffer, // buffer-from
// uuidv4, // uuid
// qiniu, // qiniu-js
// tokenTools, // 一些编码转换函数
// getDir, // 获取 年/月/日 形式的目录
// getDateFilename, // 根据文件名获取它以 时间戳+uuid 的形式
// },
// okCb: resolve, // 重要！上传成功后给此回调传 url 即可
// errCb: reject, // 上传失败调用的函数
// }Si vous avez créé un code de téléchargement pour d'autres lits d'images tiers, vous êtes les bienvenus pour le partager.
# 安装依赖
npm i
# 启动开发模式
npm start
# 部署在 /md 目录
npm run build
# 访问 http://127.0.0.1:9000/md
# 部署在根目录
npm run build:h5-netlify
# 访问 http://127.0.0.1:9000/ Grâce à notre CLI NPM, vous pouvez facilement construire votre propre éditeur de Markdown WeChat.
# 安装
npm i -g @doocs/md-cli
# 启动
md-cli
# 访问
open http://127.0.0.1:8800/md/
# 启动并指定端口
md-cli port=8899
# 访问
open http://127.0.0.1:8899/md/MD-CLI prend en charge les paramètres de ligne de commande suivants:
port spécifie le numéro de port, la valeur par défaut est 8800 et si elle est occupée, un nouveau port sera utilisé au hasard.spaceIdclientSecret DCloudSi vous êtes un utilisateur de Docker, vous pouvez également utiliser une commande pour démarrer une instance entièrement privée qui vous appartient.
docker run -d -p 8080:80 doocs/md:latestUne fois le conteneur en cours d'exécution, ouvrez le navigateur et visitez http: // localhost: 8080.
Pour des informations plus détaillées sur les images Docker dans ce projet, vous pouvez suivre https://github.com/doocs/docker-md
Remarque: Si vous utilisez cet éditeur Markdown pour la mise en page des articles et que vous souhaitez afficher votre compte officiel dans ce projet Readme, veuillez laisser un message dans le n ° 5.
