DAX 微信 markdown 编辑器

news/2024/10/30 15:24:47/

DAX 微信 markdown 编辑器

一、致谢

感谢开源项目: md wechat-format

感谢 WordPress 插件 Mine云点播 作者 mine27 的指导。

二、如何使用

打开如下地址,直接编辑,可以实时看到符合微信公众号排版的效果。

  • 推荐访问:https://jiaopengzi.com/md/
  • GitHub Pages:https://jiaopengzi.github.io/md/

在左侧输入对应的 markdown 内容后,右边实时作出排版。

直接点击 复制 ,在微信公众号中粘贴即可。

167-1

二、项目说明

  • 根据开源项目 md 修改而来。

  • markdown 编辑,实时格式化出符合微信公众号排版的页面。

  • 适配 dax 语言在微信公众号中的高亮显示。

167-1

Map_Drill_L2 =
VAR PARENT_ID =SELECTEDVALUE ( 'D02_城市表'[F_01_省ID] )
VAR TABLEY =ADDCOLUMNS ('D02_城市表',"@VALUE",VAR p = [F_01_省ID]RETURNIF ( p = PARENT_ID, '00_Measure'[0001_销售金额] + 0, '00_Measure'[0001_销售金额] ))
VAR TABLEZ =FILTER ( TABLEY, [F_01_省ID] = PARENT_ID )
RETURNSUMX ( TABLEZ, [@VALUE] )

根据大家反馈,更新 M 语言的适配。

三、项目运行

1、克隆项目

git clone git@gitee.com:jiaopengzi/md.git

2、node 版本要求

# node 版本:v16.17.0
# npm  版本 9.5.0

3、安装插件

npm i

4、启动项目

npm start

5、部署

# 部署在 /md 目录
npm run build
# 访问 http://127.0.0.1:9000/md# 部署在根目录
npm run build:h5-netlify
# 访问 http://127.0.0.1:9000/

6、访问

http://127.0.0.1:8800/md/

四、解决 npm i 后修改的源码被覆盖问题

1、安装 patch-package

npm install patch-package --save-dev

2、修改package.json配置文件

下项目根目录 package.jsonscripts 下增加键值对,并保存

"postinstall":"patch-package"

3、修改 node_modules 文件夹下插件的源码

4、执行命令保存修改记录

执行如下命令,保存已经修改的插件记录,以便于后续 npm i 的时候恢复使用。

npx patch-package 插件包名称

当前修改的是 highlight.js 这个插件就执行。

npx patch-package highlight.js

5、查看修改的记录

执行上述命令后,会在 node_modules 文件夹平行的路径上创建一个新的文件夹 :patches

可以看到其中对比原来插件,自行修改的记录就保存下来了,下次 npm i 就会根据这里对比恢复自己记录了。

五、gh-pages 部署

1.先用npm安装 gh-pages

npm install gh-pages --save-dev

2.修改 package.json 文件

增加 homepage,在 scripts 下增加 predeploy deploy

"homepage": "https://jiaopengzi.github.io/md","predeploy": "npm run build",
"deploy": "gh-pages -d dist"

167-2

自动打包并上传分支gh-pages

npm run deploy

167-3

访问是否部署成功

https://jiaopengzi.github.io/md/

167-4

参考:dax 语言 css 颜色参考

.Keyword {/* 关键字 公式背景色为:FFFFFE*/color: #0000FF;background-color: #FFFFFE
}.Function {/* 关键字 */color: #3165BB
}.Variable {/* 变量 */color: #009999
}.Comment {/* 注释 */color: #5F9742
}.StringLiteral {/* 双引号字符串 */color: #A31515
}.Parenthesis {/* 圆括号 */color: #390000
}.Number {/* 数字 */color: #09885A
}.String2 {/* 函数内部 */color: #001080
}

by 焦棚子


http://www.ppmy.cn/news/26896.html

相关文章

2023.2 新方案 java代码混淆 java加密 字符串加密

Java字节码可以反编译,特别是创业公司,很好的项目很容易被别人破解反编译,造成很严重的损失,所以本混淆方案能很好的保护源码,而且在不断迭代,增强混淆效果,异常问题处理,达到保护项目的目的: 本次升级包括: 2023年02年19日 : ht-confusion-project-1.8…

【算法基础】(一)基础算法 --- 前缀和与差分

✨个人主页:bit me ✨当前专栏:算法基础 🔥专栏简介:该专栏主要更新一些基础算法题,有参加蓝桥杯等算法题竞赛或者正在刷题的铁汁们可以关注一下,互相监督打卡学习 🌹 🌹 &#x1f3…

redhawk:GSC file与STA file

1.GSC file redhawk做lowpower分析时需要GSC&#xff08;Global Switching Configuration&#xff09;file指导block/instance/power domain的开关状态。 Syntax&#xff08;in GSR file&#xff09;: GSC_FILES <gsc_FilePathName> Syntax&#xff08;in GSC file&a…

3.8国际妇女节即将到来,跨境卖家如何做好选品和营销?

不知不觉&#xff0c;时间已来到了2月末&#xff0c;一年一度的三八国际妇女节也即将来临。三八节又称女神节&#xff0c;这不仅是庆祝女性伟大贡献的日子&#xff0c;也是跨境卖家们促销的大好时机。 有数据显示&#xff0c;女性是跨境消费的主力人群&#xff0c;占比超七成&…

使用人工智能赚钱的方式,行业领域有哪些?

使用人工智能赚钱的方式&#xff0c;行业领域有哪些&#xff1f;不少于2000字。 一、人工智能的应用领域 1、金融服务&#xff1a;金融服务行业是人工智能应用的领域之一&#xff0c;它可以帮助银行、信用卡公司等金融机构实现快速、有效的贷款审批&#xff0c;以及客户分析、…

Qt 某光谱仪程序开发

某光谱仪程序开发 文章目录某光谱仪程序开发摘要安装驱动注册COM组件导出.h和.cpp在Qt 中添加源文件开发打包程序关键字&#xff1a; Demo、 Qt、 COM、 dumpcpp、 C摘要 今天接到一个临时小任务&#xff0c;写一个的项目子模块的Demo&#xff0c;以供和专家们交流一下项目技…

基于 U-Net 网络的遥感图像语义分割 完整代码+论文

一、研究目的U-Net 是一种由全卷积神经网络启发的对称结构网络&#xff0c;在医疗影像分割领域取得了很好的效果。 此次研究尝试使用 U-Net 网络在对多光谱遥感影像数据集上进行训练&#xff0c;尝试使用卷积神经网络自动分割出建筑&#xff0c;希望能够得到一种自动分割遥感影…

HIVE 基础(三)

目录 建表语句 表数据 Hive建表高阶语句 - CTAS and WITH CTAS – as select方式建表 CTE (CTAS with Common Table Expression) LIKE 创建临时表 清空表数据 修改表&#xff08;Alter针对元数据&#xff09; 改名 修正表文件格式 修改列名 添加列 替换列 动态分…