From bed1fde29343f42248337781fa55c0f4cdcff5a9 Mon Sep 17 00:00:00 2001 From: tianyaxiang Date: Sun, 2 Feb 2025 09:04:01 +0800 Subject: [PATCH] =?UTF-8?q?add=20=E7=A4=BA=E4=BE=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/example.md | 155 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 155 insertions(+) create mode 100644 src/example.md diff --git a/src/example.md b/src/example.md new file mode 100644 index 0000000..d63d23a --- /dev/null +++ b/src/example.md @@ -0,0 +1,155 @@ +>微信公众号：**[coderidea]** +关注容器技术、关注`coderidea`。问题或建议，请公众号留言。 + +# NeuraPress 简介 +Markdown 转微信公众帐号内容神器，能让`Markdown`内容，无需作任何调整就能**一键复制**到微信公众号使用，特别针对代码展示做了优化。 + + +GitHub 地址：[https://github.com/tianyaxiang/neurapress](https://github.com/tianyaxiang/neurapress) + +> 使用微信公众号编辑器有一个十分头疼的问题——粘贴出来的代码，格式错乱，而且特别丑。 + + +###代码块显示效果 +注：markdown对代码块的语法是开始和结束行都要添加：\`\`\`,其中 \` 为windows键盘左上角那个，如下： +```yaml +kind: RoleBinding +apiVersion: rbac.authorization.k8s.io/v1 +metadata: + name: haimaxy-sa-rolebinding + namespace: kube-system +subjects: +- kind: ServiceAccount + name: haimaxy-sa + namespace: kube-system +roleRef: + kind: Role + name: haimaxy-sa-role + apiGroup: rbac.authorization.k8s.io +``` + +要精确指定语言（如：`java,cpp,css,xml,javascript,python,php,go,kotlin,lua,objectivec`等等）时，在头部直接指定，如：\`\`\`javascript，如下： + +```javascript +function showSnackbar() { + var $snackbar = $('#snackbar'); + $snackbar.addClass('show'); + setTimeout(() => { + $snackbar.removeClass('show'); + }, 3000); +} +``` + +在页面头部提供了很多中**代码主题**风格，可以根据需要选择合适的即可。 + +###Markdown基本语法 +####标题 +支持6种大小的标题，分别对应`#`,`##`,`###`,`####`,`#####`,`######`，和样式文件中的`h1,...,h6`如： +#####H5 +######H6 +####行内代码 +如：`AppCompatActivity`类,markdown对行内代码的语法是前后用：\`,其中 \` 为windows键盘左上角那个, + +####强调 +**我是强调** +####斜体 +试试*斜体* +####强调的斜体 +试试***强调的斜体*** +####删除 +试试 ~~删除~~ +####外链的超链接 +试试外链的超链接：[我是外链的超链接](https://www.leti.ltd),markdown对链接的语法为：`[]()`,如：`[我是外链的超链接](https://www.leti.ltd)` +####页内的超链接 +试试页内的超链接：[我是页内的超链接](#jump_1)，注：你先要在要跳转的到地方放置一个类似：`任意内容`的锚点。由`id="jump_1" `来匹配。 + + +####有序列表 +1. 有序列表 1 +2. 有序列表 2 +3. 有序列表 3 + +####无序列表 +- 无序列表 1 +- 无序列表 2 +- 无序列表 3 + +####引用块 +只需要在前面加 `>`,如下: +>我是引用块 +微信公众号：k8s技术圈 +欢迎关注我，一起学习，一起进步，All in Kubernetes! + +####分隔线 +*** + + +###Markdown扩展语法 + +####表格 +| 班级 | 男生 | 女生 | +|-----|-----|------| +| 一(7)班 | 30 | 25 | +| 一(8)班 | 25 | 30 | + + +###直接支持html,css +如果你懂html和css，那下面这些效果就不在话下了： + +来个页内跳转，跳转到文未的：`我是页内跳转到的位置` ,对应：`id="jump_1"` +先给点颜色你看看 +再给点颜色你看看 +试试改变字体大小 +改变字体大小，再来个粗体又如何？ + +

+试试内容居中 + +

+ +

+那内容居右呢？ +

+ +

+来个综合的试试 +
+第二行 +

+ + + +###版本更新记录 +*** +#### TODO + +- 自动保存功能 +- 增加多种主题样式 +- 增加本地图片自动上传图床功能 + +#### Changelog +版本号：V1.0.0 +更新日期：2025-02-01 + +- FIX 复制内容错误的BUG +- 优化页面主题代码 + + +- 增加编辑区域和预览区域同步滚动 +- 更改页面样式为左右结构，实时预览 +- 直接复制内容到粘贴板，不要手动复制 +- 替换`google-code-prettify`源为国内`CDN`源 +- 支持更换代码样式主题 +- 代码长度溢出时横向滚动 + +**更多请参考**： +[NeuraPress版本更新记录](https://github.com/tianyaxiang/neurapress) + +![qrcode](https://open.weixin.qq.com/qr/code?username=gh_e0164b13e4a0) + +*** +我是页内跳转到的位置 + +### LICENSE +MIT. +