程序笔记   发布时间:2022-07-12  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Welcome to MWeb大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_436_0@mWeb is a professional Markdown wriTing, note taking, and static blog generator app for Mac, iPad, and iPhone. Here are some special features of MWeb.

The software

    @H_466_7@made with supporTing native technologies in mind. it is always a perfect integration with the platform.
  • Aiming for modern UI and high perfoRMANce, also being powerful, easy-to-use, and fully-featured.

@H_240_4@markdown

The powerful syntax

  • Use the GitHub Flavored Markdown (GFM) by default.
  • Included with the support of creaTing tables, TOCs, LaTeX math, fenced code blocks, task lists, footnotes, and many more.
  • Easily generate graphics with any of mermaid, Graphviz, ECharts, PlantUML, js-sequence-diagrams, and flowchart.js.

EdiTing assistant

  • Gracefully handle image insertion: direct copy and paste, drag and drop, and full-colored preview in the editor.
  • Specify the image size in Markdown-compatible syntax.
  • InserTing tables and LaTeX equations with ease.

Note taking

  • Store and manage all documents in a tree-like categoring library with a tagging system. Categories can be gracefully exported or turned into static websites.
  • Put quick notes.
  • Instantly search from the entire library.

Output

  • ExporTing contents as various formats, including HTML, EPUB, PDF, RTF, Docx, and even image.
  • Publishing the articles to Wordrpess, Metaweblog API, Wordpress.com, Evernote, Blogger, Medium, Ghost, and Tumblr.
  • Smooth support for image upload services: using Imgur, Sm.MS, Qiniu, Upyun, Tencent Cloud COS, Aliyun OSS or your custom API.

External documentation

  • There is an external mode in MWeb that enables imporTing exisTing markdown files in directories. It also handles contents from Gitbook, jekyII and Hexo.

@H_240_4@mWeb official Help

Before use MWeb, we suggest that reading the MWeb official Help document: https://www.mweb.im/Help.html first. If you use the Library Mode, please check out this link https://www.mweb.im/mweb-library.html first.

Help us to make MWeb better!

  1. Spread the words! Tell your friends about MWeb if you like it.
  2. Send FeedBACk: coderforart+2333@gmail.com
  3. Leave a review or at least a raTing in the Mac App Store.

GFM syntax guide

Newlines

End a line with two or more spaces + enter. Just typing enter to newline,please go to SetTings and enable "Translate newlines to <br> tags" ( default is enable ).

Task lists

Example:

- [ ] task one not finish `- + SPACE + [ ]`
- [x] task two finished `- + SPACE + [x]`

Result:

  • task one not finish - + SPACE + [ ]
  • task two finished - + SPACE + [x]

Image size and alignment (Only in MWeb)

SetTing image width, align left, align right, align center syntax. For example: ![image description-w450](pic.jpg), -w450 mean set the image width: 450. ![-l500](pic.jpg) --> align left, width:500. ![-r500](pic.jpg) --> align right, width:500. ![-c500](pic.jpg) --> align center, width:500.

@H_240_4@multi-line code

Example:

```js
function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }

}
```

Result:

function fancyAlert(arg) {
  if(arg) {
    $.facebox({div:'#foo'})
  }

}

Tables

Example:

First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separaTing each column with a pipe |:

Result:

First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column

Strikethrough

Example:

 (like ~~this~~)

Result:

Any word wrapped with two tildes (like this) will appear crossed out.

LaTeX

@H_436_0@markdown syntax:

Block-level formula:
```math
x = dfrac{-b pm sqrt{B^2-4ac}}{2a}
```

In-line formula: ``GAMMa(n) = (n-1)!quadforall ninmathbb N``

The resut is (enable LaTeX in the setTings pagE):

Block-level formula:

x = dfrac{-b pm sqrt{B^2-4ac}}{2a}

In-line formula: GAMMa(n) = (n-1)!quadforall ninmathbb N

Note: For compatibility with MWeb 3, $GAMMa(n) = (n-1)!quadforall ninmathbb N$ is also supported And block-level syntax $$ x = dfrac{-b pm sqrt{B^2-4ac}}{2a} $$ But it is recommended to use the new syntax.

@H_240_4@mWeb drawing

@H_240_4@mermaid

@H_436_0@mermaid is a popular drawing gallery. It supports flowcharts, sequence diagrams and Gantt charts. Its official website is: https://mermaidjs.github.io/. The syntax of mermaid in MWeb is to declare code blocks. The language is mermaid, and the mermaid drawing grAMMar can be written in the code block. You can copy the following grAMMar to MWeb to view the result.

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
```

The result is:

sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!

echarts

echarts is a js drawing gallery produced by Baidu. Its website is: https://echarts.apache.org/zh/index.html. It has very powerful functions. MWeb supports some basic usages of echarts, but not too advanced. . You can copy the following syntax to MWeb to try. You can also go to https://echarts.apache.org/examples/zh/index.html to view some examples. Note that MWeb can only parse the simple option = {}, but it should it is enough to use.

```echarts
option = {
    xAxis: {
        type:'category',
        data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
    },
    yAxis: {
        type:'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type:'line'
    }]
};
```

The result is:

option = {
    xAxis: {
        type:'category',
        data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
    },
    yAxis: {
        type:'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type:'line'
    }]
};

Footnote

Example:

This is a footnote:[^1]

Result:

This is a footnote:1

Comment And Read More..

  1. footnote text detail... ↩

大佬总结

以上是大佬教程为你收集整理的Welcome to MWeb全部内容,希望文章能够帮你解决Welcome to MWeb所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。