美文网首页
使用 Visual Code 和 Markdown 编辑 Con

使用 Visual Code 和 Markdown 编辑 Con

作者: 22790fe4fb44 | 来源:发表于2018-01-24 18:43 被阅读0次

    公司的 Wiki 打算用 Confluence 搭建,这货竟然不支持 Markdown, 看了一下电脑时间,是2018年没错啊。好吧,只能发挥程序员的优点器大活好不粘人,哦,不对,是吃苦耐劳不求人的精神,自己动手造一个轮子了。

    首先,我们打开 Visual Code, 编辑一段 Markdown 作为测试样本, 就像这样子:

    image.png

    接下来是想办法把它转化为 Wiki ,然后粘贴到剪贴板中,Visual Code 支持自定义 task, 我们在当前目录中创建 task.json,就像这样子:

    {
        // See https://go.microsoft.com/fwlink/?LinkId=733558
        // for the documentation about the tasks.json format
        "version": "2.0.0",
        "tasks": [
            {
                "label": "m2c",
                "type": "shell",
                "windows": {
                    "command": "markdown2confluence ${file}"
                },
                "group":{
                    "kind": "build",
                    "isDefault": true
                },
                "presentation": {
                    "echo": true,
                    "reveal": "never",
                    "focus": false,
                    "panel": "shared"
                }
            }
        ]
    }}}
    

    注意到 markdown2confluence 这个命令,其实是一个 npm 插件,可以将 Markdown 文本转化为 Wiki 文本 ,不过由于它的输出是到控制台中,所以我们要进行一些改造,把输出复制到粘帖板,首先安装方法如下:

    npm install -g markdown2confluence
    npm install -g copy-paste
    

    然后打开 markdown2confluence 的文件: bin\markdown2confluence.js, 修改如下:

    #!/usr/bin/env node
    var md2conflu = require('../')
    var fs = require('fs')
    var path = require('path')
    var assert = require('assert')
    var ncp = require('copy-paste')
    
    var filename = process.argv[2]
    assert(filename, 'should have filename')
    
    fs.readFile(path.resolve(process.cwd(), filename), function(err, buf) {
        assert(!err, 'read file ' + filename + ' error!')
        var output = md2conflu(buf + '')
        ncp.copy(output, function() {
            console.log("markdown2confluence completed.")
        })
        // console.log(output)
    }
    

    然后,在打开的 *.md 文件运行 Ctrl + Shift + B 命令,就会将当前文件,也就是 Markdown 文本内容转译为 Wiki 文本内容,并且复制到你的粘帖板中,现在打开 Confluence的编辑窗口,选择 插入 > Wiki 标记

    image.png

    😊

    Q & A

    "我用的不是 Visual Code,而是 Sublime Text,WebStorm,又应该怎么配置?"

    “为什么不用 Visual Code,你这个傻X。”

    相关文章

      网友评论

          本文标题:使用 Visual Code 和 Markdown 编辑 Con

          本文链接:https://www.haomeiwen.com/subject/vbauaxtx.html