md
v1.6.0
Документы Marckdown автоматически отображаются как картинки и тексты WeChat в режиме реального времени, так что вы больше не беспокоитесь о макете статьи WeChat! Пока вы знаете основную грамматику Markdown, вы можете создать изображение и текст WeChat с кратким стилем и красивым внешним видом.
Примечание. Рекомендуется использовать Chrome Browser, лучшие результаты.
Существующий редактор Markdown с открытым исходным кодом имеет сложные стили и не удовлетворяет мои личные эстетические потребности. Когда я использую их для печати статей, мне часто приходится вносить некоторые изменения самостоятельно, что требует много времени и трудоемкого, поэтому я начал делать вторичное развитие.
Друзья могут в любое время отправить PR, чтобы сделать этот редактор WeChat Markdown лучше! Если у вас есть новые идеи, вы также можете получить отзывы в области обсуждения.
Примечание. Последняя версия нашего проекта разработана на основе VUE3. Старая версия, основанная на VUE2, больше не поддерживается. Если вам нужна версия VUE2, переключитесь на ветвь 1.x.
| # | Картинка кровать | Необходимо ли настроить при его использовании | Примечание |
|---|---|---|---|
| 1 | по умолчанию | нет | - |
| 2 | GitHub | Настройка параметров Repo и Token | Как получить токен GitHub? |
| 3 | Alibaba Cloud | Настройка AccessKey ID , AccessKey Secret , Bucket , параметры Region | Как использовать Alibaba Cloud OSS? |
| 4 | Tencent Cloud | Настройка SecretId , SecretKey , Bucket , Параметры Region | Как использовать Tencent Cloud Cos? |
| 5 | Циниу Облако | Настройка AccessKey , SecretKey , Bucket , Domain , параметры Region | Как использовать Qiniu Cloud Kodo? |
| 6 | Минио | Настройка Endpoint , Port , UseSSL , Bucket , AccessKey и SecretKey | Как использовать Minio? |
| 7 | Официальный счет | Настройка appID , appsecret ,代理域名Parameters | Как получить официальный пароль идентификатора разработчика учетной записи? |
| 8 | Cloudflare R2 | Configure AccountId , AccessKey , SecretKey , Bucket , Параметры Domain | Как управлять R2 с помощью S3 API |
| 9 | Пользовательская загрузка | да | Как настроить загрузки? |
В случае, когда на инструменте не представлены предоставленные кровати с графиками, вам нужно только настроить логику загрузки, которая очень полезна, например, когда вам не удобно использовать кровати с общедоступными графиками, но вместо этого используйте свою собственную службу загрузки.
Вам нужно только изменить код загрузки в данной функции. Для удобства эта функция предоставляет некоторые параметры, которые могут быть использованы:
Пример кода:
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, // 上传失败调用的函数
// }Если вы создали код загрузки для других сторонних кроватей с картинками, вы можете поделиться им.
# 安装依赖
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/ Через нашу NPM CLI вы можете легко построить свой собственный редактор WeChat Markdown.
# 安装
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 поддерживает следующие параметры командной строки:
port указывает номер порта, по умолчанию составляет 8800, и в случае занятия, новый порт будет использоваться случайным образом.spaceId Dcloud Service Space ConfigurationclientSecret Dcloud Service Space ConfigurationЕсли вы пользователь Docker, вы также можете использовать команду, чтобы запустить полностью личный экземпляр, который вам принадлежит.
docker run -d -p 8080:80 doocs/md:latestПосле того, как контейнер работает, откройте браузер и посетите http: // localhost: 8080.
Для получения более подробной информации о изображениях Docker в этом проекте вы можете следить за https://github.com/doocs/docker-md
Примечание. Если вы используете этот редактор Markdown для макета статьи и хотите отобразить свою официальную учетную запись в этом проекте ReadMe, оставьте сообщение в #5.
