在 Webstorm 中调试 Vue 项目
2021-05-14 16:29
标签:cores www block rip long xxx inline strong otn 目录 Markdown is created by Daring Fireball; the original guideline is here. Its syntax, however, varies between different parsers or editors. Typora is using GitHub Flavored Markdown. A paragraph is simply one or more consecutive lines of text. In markdown source code, paragraphs are separated by two or more blank lines. In Typora, you only need one blank line (press Press Headers use 1-6 hash ( In Typora, input ‘#’s followed by title content, and press Markdown uses email-style > characters for block quoting. They are presented as: In Typora, inputting ‘>’ followed by your quote contents will generate a quote block. Typora will insert a proper ‘>’ or line break for you. Nested block quotes (a block quote inside another block quote) by adding additional levels of ‘>’. Input Input Task lists are lists with items marked as either [ ] or [x] (incomplete or complete). For example: You can change the complete/incomplete state by clicking on the checkbox before the item. Typora only supports fences in GitHub Flavored Markdown. Original code blocks in markdown are not supported. Using fences is easy: Input ``` and press You can render LaTeX mathematical expressions using MathJax. To add a mathematical expression, input $$ In the markdown source file, the math block is a LaTeX expression wrapped by a pair of ‘$$’ marks: You can find more details here. Input After a table is created, putting focus on that table will open up a toolbar for the table where you can resize, align, or delete the table. You can also use the context menu to copy and add/delete individual columns/rows. The full syntax for tables is described below, but it is not necessary to know the full syntax in detail as the markdown source code for tables is generated automatically by Typora. In markdown source code, they look like: You can also include inline Markdown such as links, bold, italics, or strikethrough in the table. Finally, by including colons ( A colon on the left-most side indicates a left-aligned column; a colon on the right-most side indicates a right-aligned column; a colon on both sides indicates a center-aligned column. will produce: You can create footnotes like this1. Hover over the ‘footnote’ superscript to see content of the footnote. Inputting Typora now supports YAML Front Matter. Input Input Span elements will be parsed and rendered right after typing. Moving the cursor in middle of those span elements will expand those elements into markdown source. Below is an explanation of the syntax for each span element. Markdown supports two styles of links: inline and reference. In both styles, the link text is delimited by [square brackets]. To create an inline link, use a set of regular parentheses immediately after the link text’s closing square bracket. Inside the parentheses, put the URL where you want the link to point, along with an optional title for the link, surrounded in quotes. For example: will produce: This is an example inline link. ( This is This link has no title attribute. ( This link has no You can set the href to headers, which will create a bookmark that allow you to jump to that section after clicking. For example: Command(on Windows: Ctrl) + Click This link will jump to header Reference-style links use a second set of square brackets, inside which you place a label of your choosing to identify the link: In Typora, they will be rendered like so: This is an example reference-style link. The implicit link name shortcut allows you to omit the name of the link, in which case the link text itself is used as the name. Just use an empty set of square brackets — for example, to link the word “Google” to the google.com web site, you could simply write: In Typora, clicking the link will expand it for editing, and command+click will open the hyperlink in your web browser. Typora allows you to insert URLs as links, wrapped by Typora will also automatically link standard URLs. e.g: www.google.com. Images have similar syntax as links, but they require an additional You are able to use drag & drop to insert an image from an image file or your web browser. You can modify the markdown source code by clicking on the image. A relative path will be used if the image that is added using drag & drop is in same directory or sub-directory as the document you‘re currently editing. If you’re using markdown for building websites, you may specify a URL prefix for the image preview on your local computer with property You can find more details here. Markdown treats asterisks ( output: single asterisks single underscores GFM will ignore underscores in words, which is commonly used in code and names, like this: wow_great_stuff do_this_and_do_that_and_another_thing. To produce a literal asterisk or underscore at a position where it would otherwise be used as an emphasis delimiter, you can backslash escape it: Typora recommends using the A double output: double asterisks double underscores Typora recommends using the To indicate an inline span of code, wrap it with backtick quotes (`). Unlike a pre-formatted code block, a code span indicates code within a normal paragraph. For example: will produce: Use the GFM adds syntax to create strikethrough text, which is missing from standard Markdown. Underline is powered by raw HTML. Input emoji with syntax User can trigger auto-complete suggestions for emoji by pressing To use this feature, please enable it first in the To trigger inline preview for inline math: input “$”, then press the You can find more details here. To use this feature, please enable it first in the To use this feature, please enable it first in the To use this feature, please enable it first in the You can use HTML to style content what pure Markdown does not support. For example, use Some websites provide iframe-based embed code which you can also paste into Typora. For example: You can use the You can find more details here. Here is the text of the footnote.? 在 Webstorm 中调试 Vue 项目 标签:cores www block rip long xxx inline strong otn 原文地址:https://www.cnblogs.com/cnbzys/p/11984087.html
Markdown For Typora
Overview
Block Elements
Paragraph and line breaks
Return
once) to create a new paragraph.Shift
+ Return
to create a single line break. Most other markdown parsers will ignore single line breaks, so in order to make other markdown parsers recognize your line break, you can leave two spaces at the end of the line, or insert
.Headers
#
) characters at the start of the line, corresponding to header levels 1-6. For example:# This is an H1
## This is an H2
###### This is an H6
Return
key will create a header.Blockquotes
> This is a blockquote with two paragraphs. This is first paragraph.
>
> This is second pragraph. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.
Lists
* list item 1
will create an unordered list - the *
symbol can be replace with +
or -
.1. list item 1
will create an ordered list - their markdown source code is as follows:## un-ordered list
* Red
* Green
* Blue
## ordered list
1. Red
2. Green
3. Blue
Task List
- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed
(Fenced) Code Blocks
return
. Add an optional language identifier after ``` and we‘ll run it through syntax highlighting:Here's an example:
?```
function test() {
console.log("notice the blank line before this function?");
}
?```
syntax highlighting:
?```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
?```
Math Blocks
$$
and press the ‘Return‘ key. This will trigger an input field which accepts Tex/LaTex source. For example:
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \
\end{vmatrix}
$$$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\end{vmatrix}
$$
Tables
| First Header | Second Header |
and press the return
key. This will create a table with two columns.| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
:
) within the header row, you can define text in that column to be left-aligned, right-aligned, or center-aligned:| Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Footnotes
You can create footnotes like this[^footnote].
[^footnote]: Here is the *text* of the **footnote**.
Horizontal Rules
***
or ---
on a blank line and pressing return
will draw a horizontal line.
YAML Front Matter
---
at the top of the article and then press Return
to introduce a metadata block. Alternatively, you can insert a metadata block from the top menu of Typora.Table of Contents (TOC)
[toc]
and press the Return
key. This will create a “Table of Contents” section. The TOC extracts all headers from the document, and its contents are updated automatically as you add to the document.Span Elements
Links
This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.
)
)Internal Links
Block Elements
. To see how to write that, please move cursor or click that link with ?
key pressed to expand the element into markdown source.Reference Links
This is [an example][id] reference-style link.
Then, anywhere in the document, you define your link label on a line by itself like this:
[id]: http://example.com/ "Optional Title Here"
[Google][]
And then define the link:
[Google]: http://google.com/
URLs
brackets
>
. becomes i@typora.io.
Images
!
char before the start of the link. The syntax for inserting an image looks like this:![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")
typora-root-url
in YAML Front Matters. For example, input typora-root-url:/User/Abner/Website/typora.io/
in YAML Front Matters, and then ![alt](/blog/img/test.png)
will be treated as ![alt](file:///User/Abner/Website/typora.io/blog/img/test.png)
in Typora.Emphasis
*
) and underscores (_
) as indicators of emphasis. Text wrapped with one *
or _
will be wrapped with an HTML tag. E.g:
*single asterisks*
_single underscores_
\*this text is surrounded by literal asterisks\*
*
symbol.Strong
*
or _
will cause its enclosed contents to be wrapped with an HTML tag, e.g:
**double asterisks**
__double underscores__
**
symbol.Code
Use the `printf()` function.
printf()
function.Strikethrough
~~Mistaken text.~~
becomes Mistaken text.Underlines
Underline
becomes Underline.Emoji ??
:smile:
.ESC
key, or trigger it automatically after enabling it on preference panel. Also, inputting UTF-8 emoji characters directly is also supported by going to Edit
-> Emoji & Symbols
in the menu bar (macOS).Inline Math
Preference
Panel -> Markdown
Tab. Then, use $
to wrap a TeX command. For example: $\lim_{x \to \infty} \exp(-x) = 0$
will be rendered as LaTeX command.ESC
key, then input a TeX command.Subscript
Preference
Panel -> Markdown
Tab. Then, use ~
to wrap subscript content. For example: H~2~O
, X~long\ text~
/Superscript
Preference
Panel -> Markdown
Tab. Then, use ^
to wrap superscript content. For example: X^2^
.Highlight
Preference
Panel -> Markdown
Tab. Then, use ==
to wrap highlight content. For example: ==highlight==
.HTML
this text is red
to add text with red color.Embed Contents
Video
HTML tag to embed videos. For example:
Other HTML Support