zoukankan      html  css  js  c++  java
  • 推荐一款写公众号的工具【转】-来自于阳明大佬-https://www.qikqiak.com/

    微信公众号:[k8s技术圈]
    关注容器技术、关注Kubernetes。问题或建议,请公众号留言。

    Markdown-Weixin 简介

    Markdown 转微信公众帐号内容神器,能让Markdown内容,无需作任何调整就能一键复制到微信公众号使用,特别针对代码展示做了优化。

    GitHub 地址:https://github.com/cnych/markdown-weixin

    使用微信公众号编辑器有一个十分头疼的问题——粘贴出来的代码,格式错乱,而且特别丑。

    代码块显示效果

    注:markdown对代码块的语法是开始和结束行都要添加:```,其中 ` 为windows键盘左上角那个,如下:

    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,如下:

    function showSnackbar() {
      var $snackbar = $('#snackbar');
      $snackbar.addClass('show');
      setTimeout(() => {
        $snackbar.removeClass('show');
      }, 3000);
    }
    

    在页面头部提供了很多中代码主题风格,可以根据需要选择合适的即可。

    Markdown基本语法

    标题

    支持6种大小的标题,分别对应#,##,###,####,#####,######,和样式文件中的h1,...,h6如:

    H5
    H6

    行内代码

    如:AppCompatActivity类,markdown对行内代码的语法是前后用:`,其中 ` 为windows键盘左上角那个,

    强调

    我是强调

    斜体

    试试斜体

    强调的斜体

    试试强调的斜体

    删除

    试试 删除

    外链的超链接

    试试外链的超链接:我是外链的超链接,markdown对链接的语法为:[](),如:[我是外链的超链接](http://blog.qikqiak.com)

    页内的超链接

    试试页内的超链接:我是页内的超链接,注:你先要在要跳转的到地方放置一个类似:<a id="jump_1">任意内容</a>的锚点。由id="jump_1" 来匹配。

    有序列表

    1. 有序列表 1
    2. 有序列表 2
    3. 有序列表 3

    无序列表

    • 无序列表 1
    • 无序列表 2
    • 无序列表 3

    引用块

    只需要在前面加 >,如下:

    我是引用块
    微信公众号:k8s技术圈
    欢迎关注我,一起学习,一起进步,All in Kubernetes!

    分隔线


    Markdown扩展语法

    表格

    班级 男生 女生
    一(7)班 30 25
    一(8)班 25 30

    注:表格在公众号预览时,可能在PC端显示的不是正确的全屏,但在手机上预览时就会正常显示为全屏的了。

    直接支持html,css

    如果你懂html和css,那下面这些效果就不在话下了:

    来个页内跳转,跳转到文未的:<a id="jump_1">我是页内跳转到的位置</a> ,对应:id="jump_1"
    先给点颜色你看看
    再给点颜色你看看
    试试改变字体大小
    改变字体大小,再来个粗体又如何?

    试试内容居中

    那内容居右呢?

    来个综合的试试
    第二行

    版本更新记录


    TODO

    • 自动保存功能
    • 增加多种主题样式
    • 增加本地图片自动上传图床功能

    Changelog

    版本号:V1.2.1
    更新日期:2018-07-12

    • FIX 复制内容错误的BUG
    • 优化页面主题代码

    版本号:V1.2.0
    更新日期:2018-07-01

    • 增加编辑区域和预览区域同步滚动
    • 更改页面样式为左右结构,实时预览
    • 直接复制内容到粘贴板,不要手动复制
    • 替换google-code-prettify源为国内CDN
    • 支持更换代码样式主题
    • 代码长度溢出时横向滚动

    更多请参考
    Markdown-Weixin版本更新记录

    qrcode


    我是页内跳转到的位置

    LICENSE

    MIT. Thanks for @barretlee.

  • 相关阅读:
    数据库性能优化一:数据库自身优化(大数据量)
    在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误。Microsoft SQL Server,错误: 10061
    跨域请求解决方案
    转:intent简介
    转:屏幕适配
    java.util.concurrent.RejectedExecutionException
    转:Android事件传递机制
    转:通过重写ViewGroup学习onMeasure()和onLayout()方法
    android:layout_weight属性详解
    转:Android自动测试之Monkey工具
  • 原文地址:https://www.cnblogs.com/uglyliu/p/12670370.html
Copyright © 2011-2022 走看看