{
  "trx_id": "9ceb21f9fe6b022391a1346a4680513687ab68cd",
  "block": 52901863,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2021-04-15T07:06:00",
  "op": [
    "transfer",
    {
      "from": "dalao",
      "to": "jubi",
      "amount": "39.942 STEEM",
      "memo": ""
    }
  ]
}

{
  "trx_id": "81f7198353e31e09e8a127a0ed71fde2219246a6",
  "block": 34196940,
  "trx_in_block": 9,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2019-06-28T14:26:18",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "author": "steemitboard",
      "permlink": "steemitboard-notify-dalao-20190628t142617000z",
      "title": "",
      "body": "Congratulations @dalao! You received a personal award!\n\n<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@dalao/birthday2.png</td><td>Happy Birthday! - You are on the Steem blockchain for 2 years!</td></tr></table>\n\n<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@dalao) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=dalao)_</sub>\n\n\n###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!",
      "json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 28343864,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 8,
  "timestamp": "2018-12-07T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "0.000007 VESTS",
      "deposited": "0.000 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 28142343,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 12,
  "timestamp": "2018-11-30T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.076 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 27940850,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 10,
  "timestamp": "2018-11-23T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.075 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 27739327,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 67,
  "timestamp": "2018-11-16T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.074 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 27537875,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 7,
  "timestamp": "2018-11-09T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.073 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 27336446,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 4,
  "timestamp": "2018-11-02T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.072 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 27134981,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 8,
  "timestamp": "2018-10-26T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.070 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 26933533,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 11,
  "timestamp": "2018-10-19T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.069 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 26732085,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 16,
  "timestamp": "2018-10-12T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.068 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 26530626,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 2,
  "timestamp": "2018-10-05T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.067 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 26329200,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 24,
  "timestamp": "2018-09-28T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.066 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 26127922,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 54,
  "timestamp": "2018-09-21T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.065 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 25941964,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 4,
  "timestamp": "2018-09-14T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.064 STEEM"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 25740430,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 6,
  "timestamp": "2018-09-07T03:31:57",
  "op": [
    "fill_vesting_withdraw",
    {
      "from_account": "dalao",
      "to_account": "dalao",
      "withdrawn": "6195.440019 VESTS",
      "deposited": "3.062 STEEM"
    }
  ]
}

{
  "trx_id": "98ac2e885ab24d7840a6efc2b7e313538b660631",
  "block": 25538945,
  "trx_in_block": 18,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-08-31T03:31:57",
  "op": [
    "withdraw_vesting",
    {
      "account": "dalao",
      "vesting_shares": "80540.720254 VESTS"
    }
  ]
}

{
  "trx_id": "914ee5ea4c14526170330bdf2f02f1b504116964",
  "block": 25538942,
  "trx_in_block": 35,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-08-31T03:31:48",
  "op": [
    "withdraw_vesting",
    {
      "account": "dalao",
      "vesting_shares": "0.000000 VESTS"
    }
  ]
}

{
  "trx_id": "95d907acc44fa89894ca57de7cad445de0e2cf3e",
  "block": 25538940,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-08-31T03:31:42",
  "op": [
    "withdraw_vesting",
    {
      "account": "dalao",
      "vesting_shares": "70421.397961 VESTS"
    }
  ]
}

{
  "trx_id": "5538cf094c39bd6f395e4624cc3884a219b13143",
  "block": 25538937,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-08-31T03:31:33",
  "op": [
    "transfer",
    {
      "from": "dalao",
      "to": "dapp.wang",
      "amount": "1.116 SBD",
      "memo": ""
    }
  ]
}

{
  "trx_id": "a674f9d8b08f997793af563fa702fc80a444b80e",
  "block": 25538932,
  "trx_in_block": 19,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-08-31T03:31:18",
  "op": [
    "claim_reward_balance",
    {
      "account": "dalao",
      "reward_steem": "0.000 STEEM",
      "reward_sbd": "0.430 SBD",
      "reward_vests": "268.179736 VESTS"
    }
  ]
}

{
  "trx_id": "9f92ab9cfa6048336adad3435c41b128f13ee8e8",
  "block": 23721021,
  "trx_in_block": 30,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-06-28T15:17:33",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "author": "steemitboard",
      "permlink": "steemitboard-notify-dalao-20180628t151735000z",
      "title": "",
      "body": "Congratulations @dalao! You have received a personal award!\n\n[![](https://steemitimages.com/70x70/http://steemitboard.com/@dalao/birthday1.png)](http://steemitboard.com/@dalao)  1 Year on Steemit\n<sub>_Click on the badge to view your Board of Honor._</sub>\n\n\n**Do not miss the [last post](https://steemit.com/steemitboard/@steemitboard/steemitboard-world-cup-contest-results-of-day-14) from @steemitboard!**\n\n---\n**Participate in the [SteemitBoard World Cup Contest](https://steemit.com/steemitboard/@steemitboard/steemitboard-world-cup-contest-collect-badges-and-win-free-sbd)!**\nCollect World Cup badges and win free SBD\nSupport the Gold Sponsors of the contest: [@good-karma](https://v2.steemconnect.com/sign/account-witness-vote?witness=good-karma&approve=1) and [@lukestokes](https://v2.steemconnect.com/sign/account-witness-vote?witness=lukestokes.mhth&approve=1)\n\n---\n\n> Do you like [SteemitBoard's project](https://steemit.com/@steemitboard)? Then **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!",
      "json_metadata": "{\"image\":[\"https://steemitboard.com/img/notify.png\"]}"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19201556,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 5,
  "timestamp": "2018-01-22T13:10:12",
  "op": [
    "author_reward",
    {
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "sbd_payout": "0.029 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "12.282085 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19201556,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 4,
  "timestamp": "2018-01-22T13:10:12",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "8.188057 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19190182,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 20,
  "timestamp": "2018-01-22T03:41:18",
  "op": [
    "author_reward",
    {
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "sbd_payout": "0.058 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "24.564650 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19190182,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 19,
  "timestamp": "2018-01-22T03:41:18",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "14.329379 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19159319,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 7,
  "timestamp": "2018-01-21T01:57:39",
  "op": [
    "author_reward",
    {
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-work-schedule",
      "sbd_payout": "0.079 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "38.896092 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19159319,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 6,
  "timestamp": "2018-01-21T01:57:39",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-work-schedule",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "24.565953 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19148410,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 26,
  "timestamp": "2018-01-20T16:51:57",
  "op": [
    "author_reward",
    {
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart",
      "sbd_payout": "0.264 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "126.926472 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19148410,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 25,
  "timestamp": "2018-01-20T16:51:57",
  "op": [
    "comment_benefactor_reward",
    {
      "benefactor": "utopian.pay",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart",
      "sbd_payout": "0.000 SBD",
      "steem_payout": "0.000 STEEM",
      "vesting_payout": "81.888047 VESTS"
    }
  ]
}

{
  "trx_id": "0000000000000000000000000000000000000000",
  "block": 19148410,
  "trx_in_block": 4294967295,
  "op_in_trx": 0,
  "virtual_op": 23,
  "timestamp": "2018-01-20T16:51:57",
  "op": [
    "curation_reward",
    {
      "curator": "dalao",
      "reward": "65.510437 VESTS",
      "comment_author": "dalao",
      "comment_permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart"
    }
  ]
}

{
  "trx_id": "2c47a67a9fbf7301d7479638d2fc3b7351f8a3f1",
  "block": 19088483,
  "trx_in_block": 15,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-18T14:53:45",
  "op": [
    "vote",
    {
      "voter": "jubi",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-work-schedule",
      "weight": 0
    }
  ]
}

{
  "trx_id": "4675039c2d3ccd66d587b0ef267d7c274f6eecbb",
  "block": 19088481,
  "trx_in_block": 53,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-18T14:53:39",
  "op": [
    "vote",
    {
      "voter": "jubi",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "weight": 0
    }
  ]
}

{
  "trx_id": "3892a2e2471719c0470b500d1fe0363407f66119",
  "block": 19064763,
  "trx_in_block": 37,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:07:03",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart",
      "author": "deathwing",
      "permlink": "re-dalao-markdownplus-how-to-use-markdownplus-to-create-a-flow-chart-20180117t190705406z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "20c7fe617a88f1d4c2523dd23c90fbece3b333bc",
  "block": 19064756,
  "trx_in_block": 39,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:06:42",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart",
      "title": "怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but  it also can help us to create a flow chart .  Today i will show you how to use markdownplus to create a flow chart.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建流程图。\n#### What Will I Learn?/本教程知识点\n- markdown代码如何输入\n- markdown-plus 如何支持扩展语法\n- mermaid流程图语法\n\n#### Requirements/需要具备的条件\n- 认识简单英文\n- 知晓简单markdown语法\n- 下载markdown-plus\n\n#### Difficulty/难度\n简单\n\n####  Tutorial Contents/教程内容\n下面先看一个例子：\n![360截图20180114002422264.jpg](https://steemitimages.com/DQmPNN9mo8zksoqRQKuCz6xFuVoQBeTRtrifh8pubJzC2i8/360%E6%88%AA%E5%9B%BE20180114002422264.jpg)\n其实现的代码为：\n````\n```mermaid\ngraph TD\nA[dalao] -->|utopian/dalao| B(laoer)\nB --> C{laosan}\nC -->|One| D[1]\nC -->|Two| E[2]\nC -->|Three| F[3]\n```\n````\n### 知识点1： markdown代码如何输入\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n### 知识点2：扩展语法如何支持\n想要实现流程图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作 流程图，此时，代码区域的内容会被执行。\n### 知识点3：mermaid绘制流程图语法\n````\ngraph TD\n````\n这是定义图表，默认语句\n\n3.1. 定义元素\n````\nA[name]\n````\n因为是流程图，所以每个元素都是按顺序定义的，第一个元素用A定义，以此类推，B，C……这个样子。每个元素的样式可以通过括号进行更改。\n()  带圆角\n![360截图20180114004228425.jpg](https://steemitimages.com/DQmaaxewJeU1tDfQj2kLHNQVEqBgRVPqSviAdoNVx4tq1Jm/360%E6%88%AA%E5%9B%BE20180114004228425.jpg)\n[] 长方形\n![360截图20180114004200495.jpg](https://steemitimages.com/DQmdvwXWXSToz4GCZn54YwhT5M1Ng6KkkMvtGgVk5W6WbSd/360%E6%88%AA%E5%9B%BE20180114004200495.jpg)\n{} 菱形\n![360截图20180114004128560.jpg](https://steemitimages.com/DQmR3rH7tTxYr8kAq4dzpBvfi6axK662FEyEXvZZbyhZVKA/360%E6%88%AA%E5%9B%BE20180114004128560.jpg)\n 3.2 定义线上文字\n````\n|text|\n````\n使用2个竖线将文字括起来，这部分内容就是线上文字\n![360截图20180114004300866.jpg](https://steemitimages.com/DQmQSvH8dHBaJmSGNfYKwvemKirMJMU3CnUSv2JBS3CfpXQ/360%E6%88%AA%E5%9B%BE20180114004300866.jpg)\n3.3  元素连接\n````\nB --> C{laosan}\n````\n![360截图20180114004420879.jpg](https://steemitimages.com/DQmP3aVA8jCBjm4y8VbPVtdqGhbfFH2SSrcZtnwLx3SWoTq/360%E6%88%AA%E5%9B%BE20180114004420879.jpg)\n已经定义过的元素，可以直接使用序号标签代替， 使用-->进行连接、此时B直接指向到C\n\n````\nA[dalao] -->|utopian/dalao| B(laoer)\n````\n![360截图20180114004501992.jpg](https://steemitimages.com/DQmaVAjKMsBWNYe178r5m9X2iRAiPvZrTPNUmrmagxkHFQW/360%E6%88%AA%E5%9B%BE20180114004501992.jpg)\n在AB之间连接线上添加文字。\n------------\n下面是一个稍微复杂的流程图：\n![360截图20180114004735117.jpg](https://steemitimages.com/DQmUKMmhbjZceeRmeNKWcZ95A2M2gRB3eTj5Fr8iPJB6jiT/360%E6%88%AA%E5%9B%BE20180114004735117.jpg)\n代码如下：\n```mermaid\ngraph TD\nA[A] -->|utopian/dalao| B(B)\nB --> C{C}\nB --> |DDD|D{C}\nA-->|SS|C\nC -->|One| D[1]\nC -->|Two| E[2]\nC -->|Three| F[3]\n```\n----------------\n谢谢阅读 本教程！\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\"],\"links\":[\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\"],\"image\":[\"https://steemitimages.com/DQmPNN9mo8zksoqRQKuCz6xFuVoQBeTRtrifh8pubJzC2i8/360%E6%88%AA%E5%9B%BE20180114002422264.jpg\",\"https://steemitimages.com/DQmaaxewJeU1tDfQj2kLHNQVEqBgRVPqSviAdoNVx4tq1Jm/360%E6%88%AA%E5%9B%BE20180114004228425.jpg\",\"https://steemitimages.com/DQmdvwXWXSToz4GCZn54YwhT5M1Ng6KkkMvtGgVk5W6WbSd/360%E6%88%AA%E5%9B%BE20180114004200495.jpg\",\"https://steemitimages.com/DQmR3rH7tTxYr8kAq4dzpBvfi6axK662FEyEXvZZbyhZVKA/360%E6%88%AA%E5%9B%BE20180114004128560.jpg\",\"https://steemitimages.com/DQmQSvH8dHBaJmSGNfYKwvemKirMJMU3CnUSv2JBS3CfpXQ/360%E6%88%AA%E5%9B%BE20180114004300866.jpg\",\"https://steemitimages.com/DQmP3aVA8jCBjm4y8VbPVtdqGhbfFH2SSrcZtnwLx3SWoTq/360%E6%88%AA%E5%9B%BE20180114004420879.jpg\",\"https://steemitimages.com/DQmaVAjKMsBWNYe178r5m9X2iRAiPvZrTPNUmrmagxkHFQW/360%E6%88%AA%E5%9B%BE20180114004501992.jpg\",\"https://steemitimages.com/DQmUKMmhbjZceeRmeNKWcZ95A2M2gRB3eTj5Fr8iPJB6jiT/360%E6%88%AA%E5%9B%BE20180114004735117.jpg\"],\"moderator\":{\"account\":\"deathwing\",\"time\":\"2018-01-17T19:06:42.442Z\",\"reviewed\":false,\"pending\":false,\"flagged\":true}}"
    }
  ]
}

{
  "trx_id": "2154c10265da8197cb148cc7f84aee9bcbc49859",
  "block": 19064753,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:06:33",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-work-schedule",
      "author": "deathwing",
      "permlink": "re-dalao-markdownplus-how-to-use-markdownplus-to-create-work-schedule-20180117t190634398z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "a207b0d3d74ca2937a0245bf001f0337a3c97b90",
  "block": 19064746,
  "trx_in_block": 58,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:06:12",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "author": "deathwing",
      "permlink": "re-dalao-markdownplus-how-to-use-markdownplus-to-create-relation-diagram-20180117t190615220z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the [Utopian Rules](https://utopian.io/rules).\n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "1203117fe2017ffa33a66a6fc39ae4660a483562",
  "block": 19064743,
  "trx_in_block": 34,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:06:03",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "title": "怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create relation diagram . Today i will show you how to use markdownplus to create relation diagram.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建关系图。\n#### What Will I Learn?/教程知识点\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明时序图，定义时序图标题\n- 定义具体事件\n- 事件之间连接线、文字、箭头\n- 状态文字设置\n- 创建循环关系以及自我连接\n#### Requirements/要求\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n#### Difficulty/难度\n简单\n\n#### Tutorial Contents/教程内容\n下面先看一个简单例子：\n![360截图20180115111206263.jpg](https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg)\n其实现的代码为：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: 思考中……\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n老大-->老二:借钱\n老二-->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n````\n\n### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作进度图图，此时，代码区域的内容会被执行。\n### 知识点2：声明时序图，定义时序图标题\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\n````\nsequenceDiagram  :  声明下面代码执行为时序图\nTitle：时序图标题， 不需要使用引号括起来\n\n### 知识点3：定义具体事件\n````\n老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n![360截图20180115111947889.jpg](https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg)\n格式 obj1->>obj2:text，  不需要声明事件，可以直接进行使用。obj1，obj2 可以是任意内容。\n### 知识点4：事件之间连接线、文字、箭头\n````\n 老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n````\n老大-->老二:借钱\n老二->老大:不借\n````\n![360截图20180115112132043.jpg](https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg)\n可以看出有四中连接：\n-> 实线\n--> 虚线\n->> 实线带箭头\n-->>虚线带箭头\n### 知识点5：状态文字设置\n````\nNote right of 老大: 思考中……\n````\n![360截图20180115112520564.jpg](https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg)\n格式 Note [right,left] of obj: text\nright和left 任选\n### 知识点6：创建循环关系以及自我连接\n````\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n````\n![360截图20180115112740601.jpg](https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg)\n格式： \n````\nloop title\nobj1-->obj2\nend\n````\n也允许自己连接自己：\n![360截图20180115112933416.jpg](https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg)\n````\n老大->>老大:我去 ，涨能耐了\n````\n格式： obj1->>obj1:text\n\n下面是多个事件的时序图演示：\n![360截图20180115113417847.jpg](https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg)\n样例代码：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: thinking……\nloop 循环\n    A->>B: 你是我弟弟\n    B-->>A: 你是我哥哥\nend\n老大-->老二:借钱\n老二->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n老二-->>A:hello\n````\n\n#### Curriculum/系列课程\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"markdownplus\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\"],\"image\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\"],\"moderator\":{\"account\":\"deathwing\",\"time\":\"2018-01-17T19:06:03.262Z\",\"reviewed\":false,\"pending\":false,\"flagged\":true}}"
    }
  ]
}

{
  "trx_id": "da011358738b0f230d46d9c78b72945d803e3454",
  "block": 19064742,
  "trx_in_block": 17,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:06:00",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-work-schedule",
      "title": "怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create work schedule . Today i will show you how to use markdownplus to create work schedule.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建工作进度图。\n#### What Will I Learn?/教程知识点\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明进度图，定义进度图标题和时间格式\n- 创建具体工作明细以及每个进度状态\n- 创建多个工作明细以及每个进度状态\n\n#### Requirements/要求\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n#### Difficulty/难度\n简单\n\n#### Tutorial Contents/教程内容\n下面先看一个简单例子：\n![360截图20180114091714810.jpg](https://steemitimages.com/DQmPtrAxQZWNwg9WzLzWmVVnp1UfYqUjgjyWT3TY1eJ9S5V/360%E6%88%AA%E5%9B%BE20180114091714810.jpg)\n其实现的代码为：\n````\ngantt\ndateFormat  YYYY-MM-DD\ntitle 工作进度图 @dalao\nsection A section\nCompleted task            :done,    des1, 2018-01-06,2018-01-08\nActive task               :active,  des2, 2018-01-09, 3d\nFuture task               :         des3, after des2, 5d\nFuture task2               :         des4, after des3, 5d\nsection Critical tasks\nCompleted task in the critical line :crit, done, 2018-01-06,24h\nImplement parser and jison          :crit, done, after des1, 2d\nCreate tests for parser             :crit, active, 3d\nFuture task in critical line        :crit, 5d\nCreate tests for renderer           :2d\nAdd to mermaid                      :1d\nsection Documentation\nDescribe gantt syntax               :active, a1, after des1, 3d\nAdd gantt diagram to demo page      :after a1  , 20h\nAdd another diagram to demo page    :doc1, after a1  , 48h\nsection Last section\nDescribe gantt syntax               :after doc1, 3d\nAdd gantt diagram to demo page      : 20h\nAdd another diagram to demo page    : 48h\n````\n### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作进度图图，此时，代码区域的内容会被执行。\n### 知识点2：声明进度图，定义进度图标题和时间格式\nmermaid语法不仅仅只是用来绘制进度图，所以在制作进度图之前，我们需要声明一下，下面的语法将被用来解析成进度图。\n````\ngantt\n````\n在代码第一行输入 gantt ,即代表本图表类型是  甘特图也就是进度图。\n````\ndateFormat  YYYY-MM-DD\ntitle 工作进度图 @dalao\n````\ndateFormat  定义时间格式， 年月日格式\ntitle 图表标题，不需要使用引号\n### 知识点3：创建具体工作明细以及每个进度状态\n````\nsection A section\nCompleted task            :done,    des1, 2018-01-06,2018-01-08\nActive task               :active,  des2, 2018-01-09, 3d\nFuture task               :         des3, after des2, 5d\nFuture task2               :         des4, after des3, 5d\n````\nsection  定义进度的名称，比如，utopian功能开发， 例子中A section 就是名称 可以任意替换。\n````\nCompleted task            :done,    des1, 2018-01-06,2018-01-08\n````\n事件名：状态1,状态2，定义变量名称，开始时间，结束时间\n状态包括：done（完成） active（进行中）crit（颜色）\n不同工作进度 使用crit显示的样式是不一样的：\n默认状态：\n![360截图20180114094800771.jpg](https://steemitimages.com/DQmdADzMsmzmtSyC7YrJS87FRt4hYEZj5yzd1w3JHowgYjZ/360%E6%88%AA%E5%9B%BE20180114094800771.jpg)\ndone状态：\n![360截图20180114094807262.jpg](https://steemitimages.com/DQmdYocJ6uSPVAwMKPipS4z9Bumbu9Bk2DcWWtBd6sgXhho/360%E6%88%AA%E5%9B%BE20180114094807262.jpg)\nactive状态：\n![360截图20180114094813047.jpg](https://steemitimages.com/DQmP1PpDtn1nukzR3yabkuXhnaxPTXhaSyfMMmtr3cD2Gss/360%E6%88%AA%E5%9B%BE20180114094813047.jpg)\n````\nActive task               :active,  des2, 2018-01-09, 3d\n````\n也可以不定义具体结束日期，定义开始日期，以及需要的时间即可\n````\nFuture task               :         des3, after des2, 5d\n````\n如果上一个进度已经定义，下一个进度可以使用after  直接接着后面。只需要声明需要时间。\n下面就是单个事件进度的样例：\n![360截图20180114094556130.jpg](https://steemitimages.com/DQmU1xAGx4Ys1SJ3TWmQnBgX7RHSHXob6fDF3exSyhWWgkX/360%E6%88%AA%E5%9B%BE20180114094556130.jpg)\n### 知识点4：创建多个工作明细以及每个进度状态\n如果几件事同时进行，我们就需要创建多个进度。单个进度使用Section， 多个进度就是重复多个section.\n````\nsection A section\nCompleted task            :done,    des1, 2018-01-06,2018-01-08\nActive task               :active,  des2, 2018-01-09, 3d\nFuture task               :         des3, after des2, 5d\nFuture task2               :         des4, after des3, 5d\nsection Critical tasks\nCompleted task in the critical line :crit, done, 2018-01-06,24h\nImplement parser and jison          :crit, done, after des1, 2d\nCreate tests for parser             :crit, active, 3d\nFuture task in critical line        :crit, 5d\nCreate tests for renderer           :2d\nAdd to mermaid                      :1d\n````\n可以看出这2个事件进度是并列输入的。和单个创建没什么变化。显示如下：\n![360截图20180114095224921.jpg](https://steemitimages.com/DQmXVwQLc5uSLooKmRhFY27miP4TknAG6HQ4wYxxo5m4tjZ/360%E6%88%AA%E5%9B%BE20180114095224921.jpg)\n\n如果当前时间在进度条之内，那么会显示一条红竖线，提示当前时间。\n![360截图20180114095343824.jpg](https://steemitimages.com/DQmNi3cc7GqJwzjnKKpsLFik6rHxnUiNtpBQQPAR4fu5Lc7/360%E6%88%AA%E5%9B%BE20180114095343824.jpg)\n\n本教程到此结束，谢谢阅读！\n\n## markdown-plus系列教程\n[怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"markdownplus\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmPtrAxQZWNwg9WzLzWmVVnp1UfYqUjgjyWT3TY1eJ9S5V/360%E6%88%AA%E5%9B%BE20180114091714810.jpg\",\"https://steemitimages.com/DQmdADzMsmzmtSyC7YrJS87FRt4hYEZj5yzd1w3JHowgYjZ/360%E6%88%AA%E5%9B%BE20180114094800771.jpg\",\"https://steemitimages.com/DQmdYocJ6uSPVAwMKPipS4z9Bumbu9Bk2DcWWtBd6sgXhho/360%E6%88%AA%E5%9B%BE20180114094807262.jpg\",\"https://steemitimages.com/DQmP1PpDtn1nukzR3yabkuXhnaxPTXhaSyfMMmtr3cD2Gss/360%E6%88%AA%E5%9B%BE20180114094813047.jpg\",\"https://steemitimages.com/DQmU1xAGx4Ys1SJ3TWmQnBgX7RHSHXob6fDF3exSyhWWgkX/360%E6%88%AA%E5%9B%BE20180114094556130.jpg\",\"https://steemitimages.com/DQmXVwQLc5uSLooKmRhFY27miP4TknAG6HQ4wYxxo5m4tjZ/360%E6%88%AA%E5%9B%BE20180114095224921.jpg\",\"https://steemitimages.com/DQmNi3cc7GqJwzjnKKpsLFik6rHxnUiNtpBQQPAR4fu5Lc7/360%E6%88%AA%E5%9B%BE20180114095343824.jpg\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\"],\"image\":[\"https://steemitimages.com/DQmPtrAxQZWNwg9WzLzWmVVnp1UfYqUjgjyWT3TY1eJ9S5V/360%E6%88%AA%E5%9B%BE20180114091714810.jpg\",\"https://steemitimages.com/DQmdADzMsmzmtSyC7YrJS87FRt4hYEZj5yzd1w3JHowgYjZ/360%E6%88%AA%E5%9B%BE20180114094800771.jpg\",\"https://steemitimages.com/DQmdYocJ6uSPVAwMKPipS4z9Bumbu9Bk2DcWWtBd6sgXhho/360%E6%88%AA%E5%9B%BE20180114094807262.jpg\",\"https://steemitimages.com/DQmP1PpDtn1nukzR3yabkuXhnaxPTXhaSyfMMmtr3cD2Gss/360%E6%88%AA%E5%9B%BE20180114094813047.jpg\",\"https://steemitimages.com/DQmU1xAGx4Ys1SJ3TWmQnBgX7RHSHXob6fDF3exSyhWWgkX/360%E6%88%AA%E5%9B%BE20180114094556130.jpg\",\"https://steemitimages.com/DQmXVwQLc5uSLooKmRhFY27miP4TknAG6HQ4wYxxo5m4tjZ/360%E6%88%AA%E5%9B%BE20180114095224921.jpg\",\"https://steemitimages.com/DQmNi3cc7GqJwzjnKKpsLFik6rHxnUiNtpBQQPAR4fu5Lc7/360%E6%88%AA%E5%9B%BE20180114095343824.jpg\"],\"moderator\":{\"account\":\"deathwing\",\"time\":\"2018-01-17T19:06:00.822Z\",\"reviewed\":false,\"pending\":false,\"flagged\":true}}"
    }
  ]
}

{
  "trx_id": "1ac83d4fd813ce4e8251680c7e711f3e0e61fbaf",
  "block": 19064742,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T19:06:00",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart",
      "title": "怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but  it also can help us to create a flow chart .  Today i will show you how to use markdownplus to create a flow chart.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建流程图。\n#### What Will I Learn?/本教程知识点\n- markdown代码如何输入\n- markdown-plus 如何支持扩展语法\n- mermaid流程图语法\n\n#### Requirements/需要具备的条件\n- 认识简单英文\n- 知晓简单markdown语法\n- 下载markdown-plus\n\n#### Difficulty/难度\n简单\n\n####  Tutorial Contents/教程内容\n下面先看一个例子：\n![360截图20180114002422264.jpg](https://steemitimages.com/DQmPNN9mo8zksoqRQKuCz6xFuVoQBeTRtrifh8pubJzC2i8/360%E6%88%AA%E5%9B%BE20180114002422264.jpg)\n其实现的代码为：\n````\n```mermaid\ngraph TD\nA[dalao] -->|utopian/dalao| B(laoer)\nB --> C{laosan}\nC -->|One| D[1]\nC -->|Two| E[2]\nC -->|Three| F[3]\n```\n````\n### 知识点1： markdown代码如何输入\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n### 知识点2：扩展语法如何支持\n想要实现流程图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作 流程图，此时，代码区域的内容会被执行。\n### 知识点3：mermaid绘制流程图语法\n````\ngraph TD\n````\n这是定义图表，默认语句\n\n3.1. 定义元素\n````\nA[name]\n````\n因为是流程图，所以每个元素都是按顺序定义的，第一个元素用A定义，以此类推，B，C……这个样子。每个元素的样式可以通过括号进行更改。\n()  带圆角\n![360截图20180114004228425.jpg](https://steemitimages.com/DQmaaxewJeU1tDfQj2kLHNQVEqBgRVPqSviAdoNVx4tq1Jm/360%E6%88%AA%E5%9B%BE20180114004228425.jpg)\n[] 长方形\n![360截图20180114004200495.jpg](https://steemitimages.com/DQmdvwXWXSToz4GCZn54YwhT5M1Ng6KkkMvtGgVk5W6WbSd/360%E6%88%AA%E5%9B%BE20180114004200495.jpg)\n{} 菱形\n![360截图20180114004128560.jpg](https://steemitimages.com/DQmR3rH7tTxYr8kAq4dzpBvfi6axK662FEyEXvZZbyhZVKA/360%E6%88%AA%E5%9B%BE20180114004128560.jpg)\n 3.2 定义线上文字\n````\n|text|\n````\n使用2个竖线将文字括起来，这部分内容就是线上文字\n![360截图20180114004300866.jpg](https://steemitimages.com/DQmQSvH8dHBaJmSGNfYKwvemKirMJMU3CnUSv2JBS3CfpXQ/360%E6%88%AA%E5%9B%BE20180114004300866.jpg)\n3.3  元素连接\n````\nB --> C{laosan}\n````\n![360截图20180114004420879.jpg](https://steemitimages.com/DQmP3aVA8jCBjm4y8VbPVtdqGhbfFH2SSrcZtnwLx3SWoTq/360%E6%88%AA%E5%9B%BE20180114004420879.jpg)\n已经定义过的元素，可以直接使用序号标签代替， 使用-->进行连接、此时B直接指向到C\n\n````\nA[dalao] -->|utopian/dalao| B(laoer)\n````\n![360截图20180114004501992.jpg](https://steemitimages.com/DQmaVAjKMsBWNYe178r5m9X2iRAiPvZrTPNUmrmagxkHFQW/360%E6%88%AA%E5%9B%BE20180114004501992.jpg)\n在AB之间连接线上添加文字。\n------------\n下面是一个稍微复杂的流程图：\n![360截图20180114004735117.jpg](https://steemitimages.com/DQmUKMmhbjZceeRmeNKWcZ95A2M2gRB3eTj5Fr8iPJB6jiT/360%E6%88%AA%E5%9B%BE20180114004735117.jpg)\n代码如下：\n```mermaid\ngraph TD\nA[A] -->|utopian/dalao| B(B)\nB --> C{C}\nB --> |DDD|D{C}\nA-->|SS|C\nC -->|One| D[1]\nC -->|Two| E[2]\nC -->|Three| F[3]\n```\n----------------\n谢谢阅读 本教程！\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\"],\"links\":[\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\"],\"image\":[\"https://steemitimages.com/DQmPNN9mo8zksoqRQKuCz6xFuVoQBeTRtrifh8pubJzC2i8/360%E6%88%AA%E5%9B%BE20180114002422264.jpg\",\"https://steemitimages.com/DQmaaxewJeU1tDfQj2kLHNQVEqBgRVPqSviAdoNVx4tq1Jm/360%E6%88%AA%E5%9B%BE20180114004228425.jpg\",\"https://steemitimages.com/DQmdvwXWXSToz4GCZn54YwhT5M1Ng6KkkMvtGgVk5W6WbSd/360%E6%88%AA%E5%9B%BE20180114004200495.jpg\",\"https://steemitimages.com/DQmR3rH7tTxYr8kAq4dzpBvfi6axK662FEyEXvZZbyhZVKA/360%E6%88%AA%E5%9B%BE20180114004128560.jpg\",\"https://steemitimages.com/DQmQSvH8dHBaJmSGNfYKwvemKirMJMU3CnUSv2JBS3CfpXQ/360%E6%88%AA%E5%9B%BE20180114004300866.jpg\",\"https://steemitimages.com/DQmP3aVA8jCBjm4y8VbPVtdqGhbfFH2SSrcZtnwLx3SWoTq/360%E6%88%AA%E5%9B%BE20180114004420879.jpg\",\"https://steemitimages.com/DQmaVAjKMsBWNYe178r5m9X2iRAiPvZrTPNUmrmagxkHFQW/360%E6%88%AA%E5%9B%BE20180114004501992.jpg\",\"https://steemitimages.com/DQmUKMmhbjZceeRmeNKWcZ95A2M2gRB3eTj5Fr8iPJB6jiT/360%E6%88%AA%E5%9B%BE20180114004735117.jpg\"],\"moderator\":{\"account\":\"deathwing\",\"time\":\"2018-01-17T19:05:59.366Z\",\"reviewed\":false,\"pending\":false,\"flagged\":true}}"
    }
  ]
}

{
  "trx_id": "a507ec48c966006f13c3716732578dfc8d1cad03",
  "block": 19064425,
  "trx_in_block": 27,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T18:50:09",
  "op": [
    "vote",
    {
      "voter": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "weight": 0
    }
  ]
}

{
  "trx_id": "39910ba8175d929a3a70a0bd0cd093f0550f47d6",
  "block": 19064417,
  "trx_in_block": 13,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T18:49:45",
  "op": [
    "vote",
    {
      "voter": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-work-schedule",
      "weight": 0
    }
  ]
}

{
  "trx_id": "09d770149d30a670f47f56cb54dc967690a38a3e",
  "block": 19064410,
  "trx_in_block": 18,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T18:49:24",
  "op": [
    "vote",
    {
      "voter": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-a-flow-chart",
      "weight": 0
    }
  ]
}

{
  "trx_id": "945c21f319101c6d3c72502e6c9838e7ad9fcece",
  "block": 19054495,
  "trx_in_block": 8,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T10:33:36",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "author": "scipio",
      "permlink": "re-dalao-markdownplus-how-to-use-markdownplus-to-create-line-chart-20180117t103335182z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not refer to or relate to an **open-source** repository. See [here](https://opensource.com/resources/what-open-source) for a definition of \"open-source.\"\n\nExplanation:\n- Markdown Plus, as a product application, is **NOT** free to use, and can be bought [here](https://tylingsoft.com/markdown-plus/) ($14.99 on Mac Appstore);\n- the GitHub repo does however mention an MIT license, but also a copyright notice.\n- regarding the MIT license: _\"The MIT license permits reuse within proprietary software provided that all copies of the licensed software include a copy of the MIT License terms and the copyright notice.\"_ => this means that it is possible to fork the GitHub repo, and embed (parts of) the Markdown Plus code inside other code, and release that as a free open source product, but Markdown Plus as a \"bundled product\" definitely is not free to use;\n- I'm not quite sure, but I'm suspecting that the repo owner doesn't quite understand the true legal nature of an MIT license;\n- your tutorial wouldn't qualify to my Utopian standards / rule interpretation, for your tutorial only describes adding a JSON config file, which only regards charts.js, and you don't explain all its components in a step-by-step fashion.\n- your other Markdown Plus tutorials shouldn't have been accepted either: I will notify the other Utopian mods about it.\n@scipio\n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "86f9074260a5fa20bf4c1c9f338b410ddaea74b4",
  "block": 19054353,
  "trx_in_block": 21,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-17T10:26:30",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "title": "怎么使用markdownplus画线图/How to use markdownplus to create a line chart",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create charts . Today i will show you how to use markdownplus to create line chart.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建连线图。\n\n因为markdown-plus扩展支持了chart.js,所以我们只需要执行简短的代码就可以绘制精美的统计图，而不需要去学习太多chart.js的知识。\n\n#### What Will I Learn?/教程知识点\n\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明连线图\n- 设置X轴标签名称\n- 设置连线图外观\n- 录入数据\n\n#### Requirements/要求\n\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n\n#### Difficulty/难度\n\n简单\n\n#### Tutorial Contents/教程内容\n\n下面先看一个简单例子：\n\n![1.gif](https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif)\n\n演示代码如下：\n\n````\n{\n  \"type\": \"line\",\n  \"data\": {\n    \"labels\": [\n      \"January\",\n      \"February\",\n      \"March\",\n      \"April\",\n      \"May\",\n      \"June\",\n      \"July\"\n    ],\n    \"datasets\": [\n      {\n        \"label\": \"# of bugs\",\n        \"fill\": false,\n        \"lineTension\": 0.1,\n        \"backgroundColor\": \"rgba(75,192,192,0.4)\",\n        \"borderColor\": \"rgba(75,192,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 0,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(75,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(75,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(220,220,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 10,\n        \"data\": [\n          65,55,\n          59,55,\n          80,3,\n          81,3,\n          56,4,\n          55.5,\n          40\n        ],\n        \"spanGaps\": false\n              }\n    ]\n  },\n  \"options\": {}\n}\n````\n##### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\n\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n\n```\n····chart\n代码区域\n····\n```\n\n这里我们使用扩展语法 chart来制作进度图图，此时，代码区域的内容会被执行。\n\n##### 知识点2：声明连线图\n\n````\n\"type\": \"line\",\n````\n\ntype为图表类型，line即为连线图。\n\n##### 知识点3：设置X轴标签名称\n\n````\n\"data\": {\n    \"labels\": [\n      \"January\",\n      \"February\",\n      \"March\",\n      \"April\",\n      \"May\",\n      \"June\",\n      \"July\"\n    ],\n````\n\nlabels即为标签，这里设置的是显示在X轴上面的各个标签名称。用双引号括起来，用逗号隔开。例子如下：\n\n![360截图20180116215700252.jpg](https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg)\n\n##### 知识点4：设置连线图外观\n\n````\n\"datasets\": [\n      {\n        \"label\": \"# of bugs\",\n        \"fill\": false,\n        \"lineTension\": 0.1,\n        \"backgroundColor\": \"rgba(75,192,192,0.4)\",\n        \"borderColor\": \"rgba(75,192,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 0,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(75,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(75,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(220,220,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 10,\n       }\n    ]\n````\n\nlabel 图例，显示在表格上方，如下：\n![360截图20180116215905927.jpg](https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg)\n\n其余参数介绍：\n\n**Line Configuration 线性设置**\n\n| Name             | Type    | Default           | Description                     |\n| ---------------- | ------- | ----------------- | ------------------------------- |\n| tension          | Number  | 0.4               | 默认贝塞尔曲线张力设置，设置为0时，没有曲线张力        |\n| backgroundColor  | Color   | 'rgba(0,0,0,0.1)' | 默认填充颜色                          |\n| borderWidth      | Number  | 3                 | 线的宽度                            |\n| borderColor      | Color   | 'rgba(0,0,0,0.1)' | 默认线的颜色                          |\n| borderCapStyle   | String  | 'butt'            | 默认线的一端的样式                       |\n| borderDash       | Array   | []                | 默认线条波折线样式                       |\n| borderDashOffset | Number  | 0.0               | 默认波折线间距                         |\n| borderJoinStyle  | String  | 'miter'           | 默认线波折连接样式                       |\n| capBezierPoints  | Boolean | true              | 如果值为`true`则控制图表内部点，为`false`则不控制 |\n| fill             | Boolean | true              | 如果是true则为线填充颜色                  |\n| stepped          | Boolean | false             | 如果是true则线的样式是折线，张力会无效           |\n\n **Point Configuration点型设置**\n\n| Name             | Type   | Default           | Description  |\n| ---------------- | ------ | ----------------- | ------------ |\n| radius           | Number | 3                 | 默认半径         |\n| pointStyle       | String | 'circle'          | 默认样式         |\n| backgroundColor  | Color  | 'rgba(0,0,0,0.1)' | 默认填充颜色       |\n| borderWidth      | Number | 1                 | 默认边的宽度       |\n| borderColor      | Color  | 'rgba(0,0,0,0.1)' | 默认边的颜色       |\n| hitRadius        | Number | 1                 | 鼠标悬浮时额外增加的半径 |\n| hoverRadius      | Number | 4                 | 鼠标放上去是的默认半径  |\n| hoverBorderWidth | Number | 1                 | 鼠标放上去时默认线宽   |\n\n **Rectangle Configuration矩形设置**\n\n| Name            | Type   | Default           | Description |\n| --------------- | ------ | ----------------- | ----------- |\n| backgroundColor | Color  | 'rgba(0,0,0,0.1)' | 默认条颜色       |\n| borderWidth     | Number | 0                 | 默认条的线宽      |\n| borderColor     | Color  | 'rgba(0,0,0,0.1)' | 默认条的线的颜色    |\n| borderSkipped   | String | 'bottom'          | 默认的跳跃边界     |\n\n##### 知识点5：录入数据\n\n````\n\"data\": [\n          65,\n          59,\n          80,\n          80,\n          50,\n          55,\n          40\n        ],\n````\n\n此部分代码还是要写在dataset里，data：数据。格式 \"data\":{data1,data2,data3……}\n\nx轴标签有多少个就录入多少个数据。\n\n\n\n下面是个简单实例：\n\n![1.gif](https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif)\n\n代码如下：\n\n````\n{\n  \"type\": \"line\",\n  \"data\": {\n    \"labels\": [\n      \"A\",\n      \"B\",\n      \"C\",\n      \"D\",\n      \"E\",\n      \"F\",\n      \"G\",\n      \"H\",\n      \"I\",\n      \"J\",\n      \"K\",\n      \"L\",\n      \"M\",\n      \"N\"\n    ],\n    \"datasets\": [\n      {\n        \"label\": \"# of bugs \",\n        \"fill\": true,\n        \"lineTension\": 0.6,\n        \"backgroundColor\": \"rgba(25,102,192,0.1)\",\n        \"borderColor\": \"rgba(75,92,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 1,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(175,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(175,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(225,225,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 11,\n        \"data\": [\n          65,\n          59,\n          80,\n          81,\n          56,\n          55,\n          40,\n          15,\n          5,\n          11.3,\n          21,\n          6,\n          5,\n          10\n        ],\n        \"spanGaps\": false\n      }\n    ]\n  },\n  \"options\": {}\n}\n````\n\n#### Curriculum/系列课程\n\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n- [怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram)\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-line-chart\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"mardownplus\",\"markdown\",\"chart\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\"],\"image\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\"],\"moderator\":{\"account\":\"scipio\",\"time\":\"2018-01-17T10:26:30.205Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false}}"
    }
  ]
}

{
  "trx_id": "29bb030b22acb77152f46ed284e958cdc2c2ccb4",
  "block": 19032409,
  "trx_in_block": 36,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T16:09:09",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "author": "sachincool",
      "permlink": "re-dalao-steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag-20180116t160908779z",
      "title": "",
      "body": "Your contribution cannot be approved because it does not follow the Utopian Rules.\nIt is similar to the contribution [here](https://steemit.com/utopian-io/@justyy/invalid-tags-are-allowed-in-utopian)\nWelcome to utopian and thanks for contributing .\nI think this is not a bug, As a bug is `unintended function` or `layout issue` or a ` unexpected crash`. this falls under none of that. moreover i think tag functionality differs with every platform. \n\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n[utopian-moderator](https://utopian.io/moderators)",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "da1c8dcaeeac708b0ad4a3fc775281dc2b40e428",
  "block": 19032070,
  "trx_in_block": 41,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T15:52:12",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "title": "Steemit allows English tag, But also can add Chinese, Japanese and other tag",
      "body": "\n#### Expected behavior\nWhen i add tags in steemit.  I try to add Chinese tag or Korean tag\n\n#### Actual behavior\nwe can add english tag, and if we enter Chinese or other language, it will tell me ,** its invalid** . but , i can add Chinese or other language.\n![360截图20180115205309146.jpg](https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg)\n![360截图20180115205408805.jpg](https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg)\n#### How to reproduce\n If you add two spaces before tag, you can enter Chinese or Japanese tag\n![360截图20180115205647332.jpg](https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg)\n\n* Browser:  ALL\n* Operating system: ALL\n\n#### Recording Of The Bug\ngif record:\n![1.gif](https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":59213335,\"name\":\"condenser\",\"full_name\":\"steemit/condenser\",\"html_url\":\"https://github.com/steemit/condenser\",\"fork\":false,\"owner\":{\"login\":\"steemit\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"bug-hunting\",\"tags\":[\"utopian-io\",\"bug\",\"steemit\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"image\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"moderator\":{\"account\":\"sachincool\",\"time\":\"2018-01-16T15:52:13.556Z\",\"flagged\":true,\"reviewed\":false,\"pending\":false}}"
    }
  ]
}

{
  "trx_id": "2962c06aab03836771471311f2d99daba68b181d",
  "block": 19031657,
  "trx_in_block": 0,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T15:31:33",
  "op": [
    "vote",
    {
      "voter": "mvanyi",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "f3ff7893f2c734ce448c527f33eb9643fa55a6ed",
  "block": 19030970,
  "trx_in_block": 47,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:57:12",
  "op": [
    "comment",
    {
      "parent_author": "sachincool",
      "parent_permlink": "re-dalao-steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag-20180116t141117985z",
      "author": "dalao",
      "permlink": "re-sachincool-re-dalao-steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag-20180116t145500764z",
      "title": "",
      "body": "Thank you very much :)\nI have changed the repository, ple review. thank you very much ,again.\n",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "13a829c01116c98ff672d2b5566bad213d6496e2",
  "block": 19030891,
  "trx_in_block": 6,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:53:15",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "title": "Steemit allows English tag, But also can add Chinese, Japanese and other tag",
      "body": "\n#### Expected behavior\nWhen i add tags in steemit.  I try to add Chinese tag or Korean tag\n\n#### Actual behavior\nwe can add english tag, and if we enter Chinese or other language, it will tell me ,** its invalid** . but , i can add Chinese or other language.\n![360截图20180115205309146.jpg](https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg)\n![360截图20180115205408805.jpg](https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg)\n#### How to reproduce\n If you add two spaces before tag, you can enter Chinese or Japanese tag\n![360截图20180115205647332.jpg](https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg)\n\n* Browser:  ALL\n* Operating system: ALL\n\n#### Recording Of The Bug\ngif record:\n![1.gif](https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":59213335,\"name\":\"condenser\",\"full_name\":\"steemit/condenser\",\"html_url\":\"https://github.com/steemit/condenser\",\"fork\":false,\"owner\":{\"login\":\"steemit\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"bug-hunting\",\"tags\":[\"utopian-io\",\"bug\",\"steemit\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"image\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"moderator\":{}}"
    }
  ]
}

{
  "trx_id": "31487cfe6115b91bce23ed080e3c54d1a779dfcf",
  "block": 19030889,
  "trx_in_block": 40,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:53:09",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "title": "Steemit allows English tag, But also can add Chinese, Japanese and other tag",
      "body": "\n#### Expected behavior\nWhen i add tags in steemit.  I try to add Chinese tag or Korean tag\n\n#### Actual behavior\nwe can add english tag, and if we enter Chinese or other language, it will tell me ,** its invalid** . but , i can add Chinese or other language.\n![360截图20180115205309146.jpg](https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg)\n![360截图20180115205408805.jpg](https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg)\n#### How to reproduce\n If you add two spaces before tag, you can enter Chinese or Japanese tag\n![360截图20180115205647332.jpg](https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg)\n\n* Browser:  ALL\n* Operating system: ALL\n\n#### Recording Of The Bug\ngif record:\n![1.gif](https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":59213335,\"name\":\"condenser\",\"full_name\":\"steemit/condenser\",\"html_url\":\"https://github.com/steemit/condenser\",\"fork\":false,\"owner\":{\"login\":\"steemit\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"bug-hunting\",\"tags\":[\"utopian-io\",\"bug\",\"steemit\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"image\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"]}"
    }
  ]
}

{
  "trx_id": "51bb3890bfc65981a6f12859767f3fef5b48d010",
  "block": 19030798,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:48:36",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "title": "怎么使用markdownplus画线图/How to use markdownplus to create a line chart",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create charts . Today i will show you how to use markdownplus to create line chart.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建连线图。\n\n因为markdown-plus扩展支持了chart.js,所以我们只需要执行简短的代码就可以绘制精美的统计图，而不需要去学习太多chart.js的知识。\n\n#### What Will I Learn?/教程知识点\n\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明连线图\n- 设置X轴标签名称\n- 设置连线图外观\n- 录入数据\n\n#### Requirements/要求\n\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n\n#### Difficulty/难度\n\n简单\n\n#### Tutorial Contents/教程内容\n\n下面先看一个简单例子：\n\n![1.gif](https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif)\n\n演示代码如下：\n\n````\n{\n  \"type\": \"line\",\n  \"data\": {\n    \"labels\": [\n      \"January\",\n      \"February\",\n      \"March\",\n      \"April\",\n      \"May\",\n      \"June\",\n      \"July\"\n    ],\n    \"datasets\": [\n      {\n        \"label\": \"# of bugs\",\n        \"fill\": false,\n        \"lineTension\": 0.1,\n        \"backgroundColor\": \"rgba(75,192,192,0.4)\",\n        \"borderColor\": \"rgba(75,192,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 0,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(75,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(75,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(220,220,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 10,\n        \"data\": [\n          65,55,\n          59,55,\n          80,3,\n          81,3,\n          56,4,\n          55.5,\n          40\n        ],\n        \"spanGaps\": false\n              }\n    ]\n  },\n  \"options\": {}\n}\n````\n##### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\n\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n\n```\n····chart\n代码区域\n····\n```\n\n这里我们使用扩展语法 chart来制作进度图图，此时，代码区域的内容会被执行。\n\n##### 知识点2：声明连线图\n\n````\n\"type\": \"line\",\n````\n\ntype为图表类型，line即为连线图。\n\n##### 知识点3：设置X轴标签名称\n\n````\n\"data\": {\n    \"labels\": [\n      \"January\",\n      \"February\",\n      \"March\",\n      \"April\",\n      \"May\",\n      \"June\",\n      \"July\"\n    ],\n````\n\nlabels即为标签，这里设置的是显示在X轴上面的各个标签名称。用双引号括起来，用逗号隔开。例子如下：\n\n![360截图20180116215700252.jpg](https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg)\n\n##### 知识点4：设置连线图外观\n\n````\n\"datasets\": [\n      {\n        \"label\": \"# of bugs\",\n        \"fill\": false,\n        \"lineTension\": 0.1,\n        \"backgroundColor\": \"rgba(75,192,192,0.4)\",\n        \"borderColor\": \"rgba(75,192,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 0,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(75,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(75,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(220,220,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 10,\n       }\n    ]\n````\n\nlabel 图例，显示在表格上方，如下：\n![360截图20180116215905927.jpg](https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg)\n\n其余参数介绍：\n\n**Line Configuration 线性设置**\n\n| Name             | Type    | Default           | Description                     |\n| ---------------- | ------- | ----------------- | ------------------------------- |\n| tension          | Number  | 0.4               | 默认贝塞尔曲线张力设置，设置为0时，没有曲线张力        |\n| backgroundColor  | Color   | 'rgba(0,0,0,0.1)' | 默认填充颜色                          |\n| borderWidth      | Number  | 3                 | 线的宽度                            |\n| borderColor      | Color   | 'rgba(0,0,0,0.1)' | 默认线的颜色                          |\n| borderCapStyle   | String  | 'butt'            | 默认线的一端的样式                       |\n| borderDash       | Array   | []                | 默认线条波折线样式                       |\n| borderDashOffset | Number  | 0.0               | 默认波折线间距                         |\n| borderJoinStyle  | String  | 'miter'           | 默认线波折连接样式                       |\n| capBezierPoints  | Boolean | true              | 如果值为`true`则控制图表内部点，为`false`则不控制 |\n| fill             | Boolean | true              | 如果是true则为线填充颜色                  |\n| stepped          | Boolean | false             | 如果是true则线的样式是折线，张力会无效           |\n\n **Point Configuration点型设置**\n\n| Name             | Type   | Default           | Description  |\n| ---------------- | ------ | ----------------- | ------------ |\n| radius           | Number | 3                 | 默认半径         |\n| pointStyle       | String | 'circle'          | 默认样式         |\n| backgroundColor  | Color  | 'rgba(0,0,0,0.1)' | 默认填充颜色       |\n| borderWidth      | Number | 1                 | 默认边的宽度       |\n| borderColor      | Color  | 'rgba(0,0,0,0.1)' | 默认边的颜色       |\n| hitRadius        | Number | 1                 | 鼠标悬浮时额外增加的半径 |\n| hoverRadius      | Number | 4                 | 鼠标放上去是的默认半径  |\n| hoverBorderWidth | Number | 1                 | 鼠标放上去时默认线宽   |\n\n **Rectangle Configuration矩形设置**\n\n| Name            | Type   | Default           | Description |\n| --------------- | ------ | ----------------- | ----------- |\n| backgroundColor | Color  | 'rgba(0,0,0,0.1)' | 默认条颜色       |\n| borderWidth     | Number | 0                 | 默认条的线宽      |\n| borderColor     | Color  | 'rgba(0,0,0,0.1)' | 默认条的线的颜色    |\n| borderSkipped   | String | 'bottom'          | 默认的跳跃边界     |\n\n##### 知识点5：录入数据\n\n````\n\"data\": [\n          65,\n          59,\n          80,\n          80,\n          50,\n          55,\n          40\n        ],\n````\n\n此部分代码还是要写在dataset里，data：数据。格式 \"data\":{data1,data2,data3……}\n\nx轴标签有多少个就录入多少个数据。\n\n\n\n下面是个简单实例：\n\n![1.gif](https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif)\n\n代码如下：\n\n````\n{\n  \"type\": \"line\",\n  \"data\": {\n    \"labels\": [\n      \"A\",\n      \"B\",\n      \"C\",\n      \"D\",\n      \"E\",\n      \"F\",\n      \"G\",\n      \"H\",\n      \"I\",\n      \"J\",\n      \"K\",\n      \"L\",\n      \"M\",\n      \"N\"\n    ],\n    \"datasets\": [\n      {\n        \"label\": \"# of bugs \",\n        \"fill\": true,\n        \"lineTension\": 0.6,\n        \"backgroundColor\": \"rgba(25,102,192,0.1)\",\n        \"borderColor\": \"rgba(75,92,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 1,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(175,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(175,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(225,225,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 11,\n        \"data\": [\n          65,\n          59,\n          80,\n          81,\n          56,\n          55,\n          40,\n          15,\n          5,\n          11.3,\n          21,\n          6,\n          5,\n          10\n        ],\n        \"spanGaps\": false\n      }\n    ]\n  },\n  \"options\": {}\n}\n````\n\n#### Curriculum/系列课程\n\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n- [怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram)\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-line-chart\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"mardownplus\",\"markdown\",\"chart\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\"],\"image\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\"],\"moderator\":{}}"
    }
  ]
}

{
  "trx_id": "dc42c10e27c9b5e11d483c2b3c0b9a50582e2bfe",
  "block": 19030796,
  "trx_in_block": 95,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:48:27",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "title": "怎么使用markdownplus画线图/How to use markdownplus to create a line chart",
      "body": "@@ -72,32 +72,22 @@\n  create \n-relation diagram\n+charts\n  . Today\n",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"mardownplus\",\"markdown\",\"chart\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\"],\"image\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\"]}"
    }
  ]
}

{
  "trx_id": "519b85528692e98cfaf43e11f800306fc934ed1a",
  "block": 19030776,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:47:27",
  "op": [
    "comment_options",
    {
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "allow_votes": true,
      "allow_curation_rewards": true,
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ]
    }
  ]
}

{
  "trx_id": "519b85528692e98cfaf43e11f800306fc934ed1a",
  "block": 19030776,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:47:27",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-line-chart",
      "title": "怎么使用markdownplus画线图/How to use markdownplus to create line chart",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create relation diagram . Today i will show you how to use markdownplus to create line chart.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建连线图。\n\n因为markdown-plus扩展支持了chart.js,所以我们只需要执行简短的代码就可以绘制精美的统计图，而不需要去学习太多chart.js的知识。\n\n#### What Will I Learn?/教程知识点\n\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明连线图\n- 设置X轴标签名称\n- 设置连线图外观\n- 录入数据\n\n#### Requirements/要求\n\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n\n#### Difficulty/难度\n\n简单\n\n#### Tutorial Contents/教程内容\n\n下面先看一个简单例子：\n\n![1.gif](https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif)\n\n演示代码如下：\n\n````\n{\n  \"type\": \"line\",\n  \"data\": {\n    \"labels\": [\n      \"January\",\n      \"February\",\n      \"March\",\n      \"April\",\n      \"May\",\n      \"June\",\n      \"July\"\n    ],\n    \"datasets\": [\n      {\n        \"label\": \"# of bugs\",\n        \"fill\": false,\n        \"lineTension\": 0.1,\n        \"backgroundColor\": \"rgba(75,192,192,0.4)\",\n        \"borderColor\": \"rgba(75,192,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 0,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(75,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(75,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(220,220,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 10,\n        \"data\": [\n          65,55,\n          59,55,\n          80,3,\n          81,3,\n          56,4,\n          55.5,\n          40\n        ],\n        \"spanGaps\": false\n              }\n    ]\n  },\n  \"options\": {}\n}\n````\n##### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\n\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n\n```\n····chart\n代码区域\n····\n```\n\n这里我们使用扩展语法 chart来制作进度图图，此时，代码区域的内容会被执行。\n\n##### 知识点2：声明连线图\n\n````\n\"type\": \"line\",\n````\n\ntype为图表类型，line即为连线图。\n\n##### 知识点3：设置X轴标签名称\n\n````\n\"data\": {\n    \"labels\": [\n      \"January\",\n      \"February\",\n      \"March\",\n      \"April\",\n      \"May\",\n      \"June\",\n      \"July\"\n    ],\n````\n\nlabels即为标签，这里设置的是显示在X轴上面的各个标签名称。用双引号括起来，用逗号隔开。例子如下：\n\n![360截图20180116215700252.jpg](https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg)\n\n##### 知识点4：设置连线图外观\n\n````\n\"datasets\": [\n      {\n        \"label\": \"# of bugs\",\n        \"fill\": false,\n        \"lineTension\": 0.1,\n        \"backgroundColor\": \"rgba(75,192,192,0.4)\",\n        \"borderColor\": \"rgba(75,192,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 0,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(75,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(75,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(220,220,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 10,\n       }\n    ]\n````\n\nlabel 图例，显示在表格上方，如下：\n![360截图20180116215905927.jpg](https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg)\n\n其余参数介绍：\n\n**Line Configuration 线性设置**\n\n| Name             | Type    | Default           | Description                     |\n| ---------------- | ------- | ----------------- | ------------------------------- |\n| tension          | Number  | 0.4               | 默认贝塞尔曲线张力设置，设置为0时，没有曲线张力        |\n| backgroundColor  | Color   | 'rgba(0,0,0,0.1)' | 默认填充颜色                          |\n| borderWidth      | Number  | 3                 | 线的宽度                            |\n| borderColor      | Color   | 'rgba(0,0,0,0.1)' | 默认线的颜色                          |\n| borderCapStyle   | String  | 'butt'            | 默认线的一端的样式                       |\n| borderDash       | Array   | []                | 默认线条波折线样式                       |\n| borderDashOffset | Number  | 0.0               | 默认波折线间距                         |\n| borderJoinStyle  | String  | 'miter'           | 默认线波折连接样式                       |\n| capBezierPoints  | Boolean | true              | 如果值为`true`则控制图表内部点，为`false`则不控制 |\n| fill             | Boolean | true              | 如果是true则为线填充颜色                  |\n| stepped          | Boolean | false             | 如果是true则线的样式是折线，张力会无效           |\n\n **Point Configuration点型设置**\n\n| Name             | Type   | Default           | Description  |\n| ---------------- | ------ | ----------------- | ------------ |\n| radius           | Number | 3                 | 默认半径         |\n| pointStyle       | String | 'circle'          | 默认样式         |\n| backgroundColor  | Color  | 'rgba(0,0,0,0.1)' | 默认填充颜色       |\n| borderWidth      | Number | 1                 | 默认边的宽度       |\n| borderColor      | Color  | 'rgba(0,0,0,0.1)' | 默认边的颜色       |\n| hitRadius        | Number | 1                 | 鼠标悬浮时额外增加的半径 |\n| hoverRadius      | Number | 4                 | 鼠标放上去是的默认半径  |\n| hoverBorderWidth | Number | 1                 | 鼠标放上去时默认线宽   |\n\n **Rectangle Configuration矩形设置**\n\n| Name            | Type   | Default           | Description |\n| --------------- | ------ | ----------------- | ----------- |\n| backgroundColor | Color  | 'rgba(0,0,0,0.1)' | 默认条颜色       |\n| borderWidth     | Number | 0                 | 默认条的线宽      |\n| borderColor     | Color  | 'rgba(0,0,0,0.1)' | 默认条的线的颜色    |\n| borderSkipped   | String | 'bottom'          | 默认的跳跃边界     |\n\n##### 知识点5：录入数据\n\n````\n\"data\": [\n          65,\n          59,\n          80,\n          80,\n          50,\n          55,\n          40\n        ],\n````\n\n此部分代码还是要写在dataset里，data：数据。格式 \"data\":{data1,data2,data3……}\n\nx轴标签有多少个就录入多少个数据。\n\n\n\n下面是个简单实例：\n\n![1.gif](https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif)\n\n代码如下：\n\n````\n{\n  \"type\": \"line\",\n  \"data\": {\n    \"labels\": [\n      \"A\",\n      \"B\",\n      \"C\",\n      \"D\",\n      \"E\",\n      \"F\",\n      \"G\",\n      \"H\",\n      \"I\",\n      \"J\",\n      \"K\",\n      \"L\",\n      \"M\",\n      \"N\"\n    ],\n    \"datasets\": [\n      {\n        \"label\": \"# of bugs \",\n        \"fill\": true,\n        \"lineTension\": 0.6,\n        \"backgroundColor\": \"rgba(25,102,192,0.1)\",\n        \"borderColor\": \"rgba(75,92,192,1)\",\n        \"borderCapStyle\": \"butt\",\n        \"borderDash\": [],\n        \"borderDashOffset\": 1,\n        \"borderJoinStyle\": \"miter\",\n        \"pointBorderColor\": \"rgba(175,192,192,1)\",\n        \"pointBackgroundColor\": \"#fff\",\n        \"pointBorderWidth\": 1,\n        \"pointHoverRadius\": 5,\n        \"pointHoverBackgroundColor\": \"rgba(175,192,192,1)\",\n        \"pointHoverBorderColor\": \"rgba(225,225,220,1)\",\n        \"pointHoverBorderWidth\": 2,\n        \"pointRadius\": 1,\n        \"pointHitRadius\": 11,\n        \"data\": [\n          65,\n          59,\n          80,\n          81,\n          56,\n          55,\n          40,\n          15,\n          5,\n          11.3,\n          21,\n          6,\n          5,\n          10\n        ],\n        \"spanGaps\": false\n      }\n    ]\n  },\n  \"options\": {}\n}\n````\n\n#### Curriculum/系列课程\n\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n- [怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram)\n\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-line-chart\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"mardownplus\",\"markdown\",\"chart\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\"],\"image\":[\"https://steemitimages.com/DQmUa79eB3nfisKDHMV7Rf4hTa6JxJdwg2qYvAVNo9rykvP/1.gif\",\"https://steemitimages.com/DQmUMsJ5tK6fSUuX972L4wHG6gFUNG9kTtwKcJ6DvQKozzp/360%E6%88%AA%E5%9B%BE20180116215700252.jpg\",\"https://steemitimages.com/DQmdZPKQnGJpYBhiMoMH6puQmfZyvZkcHF5muPknHNRhe2r/360%E6%88%AA%E5%9B%BE20180116215905927.jpg\",\"https://steemitimages.com/DQmNb1ndC8enRLnCtG29PsQxy2HZNUUJwXbzHJ5FbGGwRQN/1.gif\"]}"
    }
  ]
}

{
  "trx_id": "4f82558b29aaf16f26e6deff59e32e5f25cc5e9d",
  "block": 19030053,
  "trx_in_block": 25,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T14:11:18",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "author": "sachincool",
      "permlink": "re-dalao-steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag-20180116t141117985z",
      "title": "",
      "body": "The repository is wrong.   The steemit   frontend is in Steemit/condeser. please update",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "3a208c188a6bb9039d46c8e200b2306c5655c063",
  "block": 19027952,
  "trx_in_block": 11,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T12:26:15",
  "op": [
    "vote",
    {
      "voter": "jubi",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "613d9584262e79b8257fea772859f8aaec45f64d",
  "block": 19027859,
  "trx_in_block": 20,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T12:21:36",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "author": "utopian-io",
      "permlink": "re-dalao-markdownplus-how-to-use-markdownplus-to-create-relation-diagram-20180116t122136565z",
      "title": "",
      "body": "### Hey @dalao I am @utopian-io. I have just upvoted you!\n#### Achievements\n- You have less than 500 followers. Just gave you a gift to help you succeed!\n- Seems like you contribute quite often. AMAZING!\n#### Suggestions\n- Contribute more often to get higher and higher rewards. I wish to see you often!\n- Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!\n#### Get Noticed!\n- Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!\n#### Community-Driven Witness!\nI am the first and only Steem Community-Driven Witness. <a href=\"https://discord.gg/zTrEMqB\">Participate on Discord</a>. Lets GROW TOGETHER!\n- <a href=\"https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1\">Vote for my Witness With SteemConnect</a>\n- <a href=\"https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1\">Proxy vote to Utopian Witness with SteemConnect</a>\n- Or vote/proxy on <a href=\"https://steemit.com/~witnesses\">Steemit Witnesses</a>\n\n[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)\n\n**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "024456361a64b6e5f7d1f7cef429f870c087fa7c",
  "block": 19027858,
  "trx_in_block": 41,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T12:21:33",
  "op": [
    "vote",
    {
      "voter": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "weight": 190
    }
  ]
}

{
  "trx_id": "c4d37feb9dc5ea33bb9f25d63deaad95ff1998c9",
  "block": 19017533,
  "trx_in_block": 9,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T03:45:15",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "title": "怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create relation diagram . Today i will show you how to use markdownplus to create relation diagram.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建关系图。\n#### What Will I Learn?/教程知识点\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明时序图，定义时序图标题\n- 定义具体事件\n- 事件之间连接线、文字、箭头\n- 状态文字设置\n- 创建循环关系以及自我连接\n#### Requirements/要求\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n#### Difficulty/难度\n简单\n\n#### Tutorial Contents/教程内容\n下面先看一个简单例子：\n![360截图20180115111206263.jpg](https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg)\n其实现的代码为：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: 思考中……\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n老大-->老二:借钱\n老二-->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n````\n\n### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作进度图图，此时，代码区域的内容会被执行。\n### 知识点2：声明时序图，定义时序图标题\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\n````\nsequenceDiagram  :  声明下面代码执行为时序图\nTitle：时序图标题， 不需要使用引号括起来\n\n### 知识点3：定义具体事件\n````\n老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n![360截图20180115111947889.jpg](https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg)\n格式 obj1->>obj2:text，  不需要声明事件，可以直接进行使用。obj1，obj2 可以是任意内容。\n### 知识点4：事件之间连接线、文字、箭头\n````\n 老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n````\n老大-->老二:借钱\n老二->老大:不借\n````\n![360截图20180115112132043.jpg](https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg)\n可以看出有四中连接：\n-> 实线\n--> 虚线\n->> 实线带箭头\n-->>虚线带箭头\n### 知识点5：状态文字设置\n````\nNote right of 老大: 思考中……\n````\n![360截图20180115112520564.jpg](https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg)\n格式 Note [right,left] of obj: text\nright和left 任选\n### 知识点6：创建循环关系以及自我连接\n````\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n````\n![360截图20180115112740601.jpg](https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg)\n格式： \n````\nloop title\nobj1-->obj2\nend\n````\n也允许自己连接自己：\n![360截图20180115112933416.jpg](https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg)\n````\n老大->>老大:我去 ，涨能耐了\n````\n格式： obj1->>obj1:text\n\n下面是多个事件的时序图演示：\n![360截图20180115113417847.jpg](https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg)\n样例代码：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: thinking……\nloop 循环\n    A->>B: 你是我弟弟\n    B-->>A: 你是我哥哥\nend\n老大-->老二:借钱\n老二->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n老二-->>A:hello\n````\n\n#### Curriculum/系列课程\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"markdownplus\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\"],\"image\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\"],\"moderator\":{\"account\":\"manishmike10\",\"time\":\"2018-01-15T17:01:02.182Z\",\"reviewed\":true,\"pending\":false,\"flagged\":false}}"
    }
  ]
}

{
  "trx_id": "a98d12832f17330e8292d8c5aab17d9f4778afb1",
  "block": 19017531,
  "trx_in_block": 12,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T03:45:09",
  "op": [
    "vote",
    {
      "voter": "daijia",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "140128086ff3a452566cb7ddfe58a2b39f2fab37",
  "block": 19013570,
  "trx_in_block": 23,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T00:27:06",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "title": "怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create relation diagram . Today i will show you how to use markdownplus to create relation diagram.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建关系图。\n#### What Will I Learn?/教程知识点\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明时序图，定义时序图标题\n- 定义具体事件\n- 事件之间连接线、文字、箭头\n- 状态文字设置\n- 创建循环关系以及自我连接\n#### Requirements/要求\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n#### Difficulty/难度\n简单\n\n#### Tutorial Contents/教程内容\n下面先看一个简单例子：\n![360截图20180115111206263.jpg](https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg)\n其实现的代码为：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: 思考中……\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n老大-->老二:借钱\n老二-->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n````\n\n### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作进度图图，此时，代码区域的内容会被执行。\n### 知识点2：声明时序图，定义时序图标题\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\n````\nsequenceDiagram  :  声明下面代码执行为时序图\nTitle：时序图标题， 不需要使用引号括起来\n\n### 知识点3：定义具体事件\n````\n老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n![360截图20180115111947889.jpg](https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg)\n格式 obj1->>obj2:text，  不需要声明事件，可以直接进行使用。obj1，obj2 可以是任意内容。\n### 知识点4：事件之间连接线、文字、箭头\n````\n 老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n````\n老大-->老二:借钱\n老二->老大:不借\n````\n![360截图20180115112132043.jpg](https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg)\n可以看出有四中连接：\n-> 实线\n--> 虚线\n->> 实线带箭头\n-->>虚线带箭头\n### 知识点5：状态文字设置\n````\nNote right of 老大: 思考中……\n````\n![360截图20180115112520564.jpg](https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg)\n格式 Note [right,left] of obj: text\nright和left 任选\n### 知识点6：创建循环关系以及自我连接\n````\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n````\n![360截图20180115112740601.jpg](https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg)\n格式： \n````\nloop title\nobj1-->obj2\nend\n````\n也允许自己连接自己：\n![360截图20180115112933416.jpg](https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg)\n````\n老大->>老大:我去 ，涨能耐了\n````\n格式： obj1->>obj1:text\n\n下面是多个事件的时序图演示：\n![360截图20180115113417847.jpg](https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg)\n样例代码：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: thinking……\nloop 循环\n    A->>B: 你是我弟弟\n    B-->>A: 你是我哥哥\nend\n老大-->老二:借钱\n老二->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n老二-->>A:hello\n````\n\n#### Curriculum/系列课程\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"markdownplus\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\"],\"image\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\"],\"moderator\":{\"account\":\"manishmike10\",\"time\":\"2018-01-15T17:01:02.182Z\",\"reviewed\":true,\"pending\":false,\"flagged\":false}}"
    }
  ]
}

{
  "trx_id": "cba6f02a4c31defb7853e7b6a2dd12112d687eb3",
  "block": 19013569,
  "trx_in_block": 45,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-16T00:27:03",
  "op": [
    "vote",
    {
      "voter": "alphacore",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "weight": 2200
    }
  ]
}

{
  "trx_id": "7be985fac8e78382b954636d6d0cdf382a9febe3",
  "block": 19004672,
  "trx_in_block": 48,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T17:02:00",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "author": "manishmike10",
      "permlink": "re-dalao-markdownplus-how-to-use-markdownplus-to-create-relation-diagram-20180115t170157140z",
      "title": "",
      "body": "Thank you for the contribution. It has been approved.\n* Please improve the quality of the screenshots. They need to be at least over 720 px\nYou can contact us on [Discord](https://discord.gg/uTyJkNm).\n**[[utopian-moderator]](https://utopian.io/moderators)**",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"community\":\"utopian\",\"app\":\"utopian/1.0.0\"}"
    }
  ]
}

{
  "trx_id": "1a2077f1b1162e5eb8701436ff5485ce3cfbf50a",
  "block": 19004654,
  "trx_in_block": 3,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T17:01:06",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "markdownplus-how-to-use-markdownplus-to-create-relation-diagram",
      "title": "怎么使用markdownplus画时序图/How to use markdownplus to create relation diagram",
      "body": "Summary:\nMarkdown-plus is a markdown editor, but it also can help us to create relation diagram . Today i will show you how to use markdownplus to create relation diagram.\nMarkdown-plus从名字看是markdown的升级版，不仅仅可以让我们用md语法写文章，同时支持让我们创建图表，今天我介绍如何使用markdown-plus 创建关系图。\n#### What Will I Learn?/教程知识点\n- Markdown语法格式输入，以及如何支持扩展语言\n- 声明时序图，定义时序图标题\n- 定义具体事件\n- 事件之间连接线、文字、箭头\n- 状态文字设置\n- 创建循环关系以及自我连接\n#### Requirements/要求\n- 简单英文基础\n- 简单markdown语法基础\n- 下载markdown-plus编辑器\n#### Difficulty/难度\n简单\n\n#### Tutorial Contents/教程内容\n下面先看一个简单例子：\n![360截图20180115111206263.jpg](https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg)\n其实现的代码为：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: 思考中……\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n老大-->老二:借钱\n老二-->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n````\n\n### 知识点1：Markdown语法格式输入，以及如何支持扩展语言\nmarkdown 里面代码是使用 英文状态下的4个顿号括起来的，如下：\n````\n····\n代码  //此时，这部分内容是不被执行的，在markdown会直接显示出来。\n····\n````\n效果是代码高亮，区别于别的内容。\n\n想要实现进度图，markdown语法是不支持的，而markdown-plus支持语法扩展，所以我们可以在markdown-plus输入别的语法来实现我们需要的功能。\n````\n····mermaid\n代码区域\n····\n````\n这里我们使用扩展语法 mermaid来制作进度图图，此时，代码区域的内容会被执行。\n### 知识点2：声明时序图，定义时序图标题\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\n````\nsequenceDiagram  :  声明下面代码执行为时序图\nTitle：时序图标题， 不需要使用引号括起来\n\n### 知识点3：定义具体事件\n````\n老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n![360截图20180115111947889.jpg](https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg)\n格式 obj1->>obj2:text，  不需要声明事件，可以直接进行使用。obj1，obj2 可以是任意内容。\n### 知识点4：事件之间连接线、文字、箭头\n````\n 老大->>老二: 你是我弟弟\n老二-->>老大: 你是我哥哥\n````\n````\n老大-->老二:借钱\n老二->老大:不借\n````\n![360截图20180115112132043.jpg](https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg)\n可以看出有四中连接：\n-> 实线\n--> 虚线\n->> 实线带箭头\n-->>虚线带箭头\n### 知识点5：状态文字设置\n````\nNote right of 老大: 思考中……\n````\n![360截图20180115112520564.jpg](https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg)\n格式 Note [right,left] of obj: text\nright和left 任选\n### 知识点6：创建循环关系以及自我连接\n````\nloop 循环\n    老大->>老二: 你是我弟弟\n    老二-->>老大: 你是我哥哥\nend\n````\n![360截图20180115112740601.jpg](https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg)\n格式： \n````\nloop title\nobj1-->obj2\nend\n````\n也允许自己连接自己：\n![360截图20180115112933416.jpg](https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg)\n````\n老大->>老大:我去 ，涨能耐了\n````\n格式： obj1->>obj1:text\n\n下面是多个事件的时序图演示：\n![360截图20180115113417847.jpg](https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg)\n样例代码：\n````\nsequenceDiagram\nTitle:DEMO 这是一个例子@dalao\nNote right of 老大: thinking……\nloop 循环\n    A->>B: 你是我弟弟\n    B-->>A: 你是我哥哥\nend\n老大-->老二:借钱\n老二->老大:不借\n老大->>老大:我去 ，涨能耐了\nNote right of 老二: 思考中……\n老二-->>A:hello\n````\n\n#### Curriculum/系列课程\n- [怎么使用markdownplus画流程图/How to use markdownplus to create a flow chart](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart)\n- [怎么使用markdownplus画工作进度图/How to use markdownplus to create work schedule](https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-relation-diagram\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":31993596,\"name\":\"markdown-plus\",\"full_name\":\"tylingsoft/markdown-plus\",\"html_url\":\"https://github.com/tylingsoft/markdown-plus\",\"fork\":false,\"owner\":{\"login\":\"tylingsoft\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"tutorials\",\"tags\":[\"utopian-io\",\"markdownplus\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-a-flow-chart\",\"https://utopian.io/utopian-io/@dalao/markdownplus-how-to-use-markdownplus-to-create-work-schedule\"],\"image\":[\"https://steemitimages.com/DQmaiPHe1GAZAZoAc5JEZfCTcbLmpPPkiiBKYJaiaZ2BtMu/360%E6%88%AA%E5%9B%BE20180115111206263.jpg\",\"https://steemitimages.com/DQmeVYq9CMtP8brpvfb6Ee4AWg6EM9VFKHGgsuX7X1N81S8/360%E6%88%AA%E5%9B%BE20180115111947889.jpg\",\"https://steemitimages.com/DQmPvQYf7yCTGdDwbvfonNV2RKf7DqUwhqkarG9jAanTziQ/360%E6%88%AA%E5%9B%BE20180115112132043.jpg\",\"https://steemitimages.com/DQmTAWxAQ5HiTvpeBVoPFbj6KnTMVKQkdPMrvTUMTKoS1R3/360%E6%88%AA%E5%9B%BE20180115112520564.jpg\",\"https://steemitimages.com/DQmQZwQzkFnjKAc9yTM2VrzCwWJ4xSgpmHECeCETJvejdn7/360%E6%88%AA%E5%9B%BE20180115112740601.jpg\",\"https://steemitimages.com/DQmVdyZDdrSWy3QT2kuapQtfUGx25DBYMcyZNaQyaXxnd8c/360%E6%88%AA%E5%9B%BE20180115112933416.jpg\",\"https://steemitimages.com/DQmbQwXfxQPupX7izagCmo2Rh18LRj5yk7Jn975x4UGoLx5/360%E6%88%AA%E5%9B%BE20180115113417847.jpg\"],\"moderator\":{\"account\":\"manishmike10\",\"time\":\"2018-01-15T17:01:02.182Z\",\"reviewed\":true,\"pending\":false,\"flagged\":false}}"
    }
  ]
}

{
  "trx_id": "53e180ffc4e64c0b020289687228d4465f87fc16",
  "block": 19000151,
  "trx_in_block": 37,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:15:39",
  "op": [
    "vote",
    {
      "voter": "bobdos",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "weight": 500
    }
  ]
}

{
  "trx_id": "07d26b20257e3227511e579942525c5fbcad54c0",
  "block": 19000150,
  "trx_in_block": 8,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:15:36",
  "op": [
    "vote",
    {
      "voter": "claraquarius",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "weight": 500
    }
  ]
}

{
  "trx_id": "baceaa07168d732a8045dd356fdd5fe5659d543b",
  "block": 19000150,
  "trx_in_block": 1,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:15:36",
  "op": [
    "vote",
    {
      "voter": "steemitstats",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "weight": 500
    }
  ]
}

{
  "trx_id": "be8f45c1c8b2975703a6c5e0950eb77412ebba44",
  "block": 19000147,
  "trx_in_block": 41,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:15:27",
  "op": [
    "vote",
    {
      "voter": "chelsea.bear",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "weight": 500
    }
  ]
}

{
  "trx_id": "56ff2fef6eb71a7e024cd63ba6c753f5365c9ad7",
  "block": 19000077,
  "trx_in_block": 43,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:11:57",
  "op": [
    "comment",
    {
      "parent_author": "dalao",
      "parent_permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "author": "laxmikadariya",
      "permlink": "re-dalao-steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag-20180115t131158911z",
      "title": "",
      "body": "It would be quite meaningful using english tag.",
      "json_metadata": "{\"tags\":[\"utopian-io\"],\"app\":\"steemit/0.1\"}"
    }
  ]
}

{
  "trx_id": "c75c18f3e14f7c287e54c4ed7c20395bb5e657df",
  "block": 19000064,
  "trx_in_block": 10,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:11:18",
  "op": [
    "vote",
    {
      "voter": "laxmikadariya",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "weight": 10000
    }
  ]
}

{
  "trx_id": "cab3fae346ece0d06b1fe3a69f2e2905a306251e",
  "block": 19000060,
  "trx_in_block": 45,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:11:06",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "title": "Steemit allows English tag, But also can add Chinese, Japanese and other tag",
      "body": "\n#### Expected behavior\nWhen i add tags in steemit.  I try to add Chinese tag or Korean tag\n\n#### Actual behavior\nwe can add english tag, and if we enter Chinese or other language, it will tell me ,** its invalid** . but , i can add Chinese or other language.\n![360截图20180115205309146.jpg](https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg)\n![360截图20180115205408805.jpg](https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg)\n#### How to reproduce\n If you add two spaces before tag, you can enter Chinese or Japanese tag\n![360截图20180115205647332.jpg](https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg)\n\n* Browser:  ALL\n* Operating system: ALL\n\n#### Recording Of The Bug\ngif record:\n![1.gif](https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":54517947,\"name\":\"steem\",\"full_name\":\"steemit/steem\",\"html_url\":\"https://github.com/steemit/steem\",\"fork\":false,\"owner\":{\"login\":\"steemit\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"bug-hunting\",\"tags\":[\"utopian-io\",\"bug\",\"steemit\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"image\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"moderator\":{}}"
    }
  ]
}

{
  "trx_id": "e1e80c32c768db027748268bf810902da98da259",
  "block": 19000059,
  "trx_in_block": 34,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:11:03",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "title": "Steemit allows English tag, But also can add Chinese, Japanese and other tag",
      "body": "\n#### Expected behavior\nWhen i add tags in steemit.  I try to add Chinese tag or Korean tag\n\n#### Actual behavior\nwe can add english tag, and if we enter Chinese or other language, it will tell me ,** its invalid** . but , i can add Chinese or other language.\n![360截图20180115205309146.jpg](https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg)\n![360截图20180115205408805.jpg](https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg)\n#### How to reproduce\n If you add two spaces before tag, you can enter Chinese or Japanese tag\n![360截图20180115205647332.jpg](https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg)\n\n* Browser:  ALL\n* Operating system: ALL\n\n#### Recording Of The Bug\ngif record:\n![1.gif](https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":54517947,\"name\":\"steem\",\"full_name\":\"steemit/steem\",\"html_url\":\"https://github.com/steemit/steem\",\"fork\":false,\"owner\":{\"login\":\"steemit\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"bug-hunting\",\"tags\":[\"utopian-io\",\"bug\",\"steemit\"],\"users\":[\"dalao\"],\"links\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"image\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"]}"
    }
  ]
}

{
  "trx_id": "938d7d10f4ace424a7c44d6e5828e20a53ca31a9",
  "block": 19000042,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:10:12",
  "op": [
    "comment_options",
    {
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "max_accepted_payout": "1000000.000 SBD",
      "percent_steem_dollars": 10000,
      "allow_votes": true,
      "allow_curation_rewards": true,
      "extensions": [
        [
          0,
          {
            "beneficiaries": [
              {
                "account": "utopian.pay",
                "weight": 2500
              }
            ]
          }
        ]
      ]
    }
  ]
}

{
  "trx_id": "938d7d10f4ace424a7c44d6e5828e20a53ca31a9",
  "block": 19000042,
  "trx_in_block": 14,
  "op_in_trx": 0,
  "virtual_op": 0,
  "timestamp": "2018-01-15T13:10:12",
  "op": [
    "comment",
    {
      "parent_author": "",
      "parent_permlink": "utopian-io",
      "author": "dalao",
      "permlink": "steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag",
      "title": "Steemit only allows English tag, But also can add Chinese, Japanese and other tag",
      "body": "\n#### Expected behavior\nWhen i add tags in steemit.  I try to add Chinese tag or Korean tag\n\n#### Actual behavior\nwe can add english tag, and if we enter Chinese or other language, it will tell me ,** its invalid** . but , i can add Chinese or other language.\n![360截图20180115205309146.jpg](https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg)\n![360截图20180115205408805.jpg](https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg)\n#### How to reproduce\n If you add two spaces before tag, you can enter Chinese or Japanese tag\n![360截图20180115205647332.jpg](https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg)\n\n* Browser:  ALL\n* Operating system: ALL\n\n#### Recording Of The Bug\ngif record:\n![1.gif](https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif)\n\n<br /><hr/><em>Posted on <a href=\"https://utopian.io/utopian-io/@dalao/steemit-only-allows-english-tag-but-also-can-add-chinese-japanese-and-other-tag\">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>",
      "json_metadata": "{\"community\":\"utopian\",\"app\":\"utopian/1.0.0\",\"format\":\"markdown\",\"repository\":{\"id\":54517947,\"name\":\"steem\",\"full_name\":\"steemit/steem\",\"html_url\":\"https://github.com/steemit/steem\",\"fork\":false,\"owner\":{\"login\":\"steemit\"}},\"pullRequests\":[],\"platform\":\"github\",\"type\":\"bug-hunting\",\"tags\":[\"utopian-io\",\"bug\",\"steemit\"],\"links\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"],\"image\":[\"https://steemitimages.com/DQmQeAwSnV2e2Dq2Xskszgr4R7rXLQBAa7Esn4jAjJqoeY2/360%E6%88%AA%E5%9B%BE20180115205309146.jpg\",\"https://steemitimages.com/DQmQYCfEQtPsED5FbfSAhzeHpwKnaTB8dUrSz6n7uXrk4fe/360%E6%88%AA%E5%9B%BE20180115205408805.jpg\",\"https://steemitimages.com/DQmZGSRd5N3bcvPszuC3asaR5BVEFzg3aoQzhkeXnRs1PZs/360%E6%88%AA%E5%9B%BE20180115205647332.jpg\",\"https://steemitimages.com/DQmPEzGdp5f5KquyQtYBsSUFmHEHVh1cGZEeemXn7jP2t1P/1.gif\"]}"
    }
  ]
}