233 lines
5.3 KiB
Markdown
233 lines
5.3 KiB
Markdown
# Hello, **World**!
|
|
|
|
Build Status [](https://github.com/longbridge/gpui-component/actions/workflows/ci.yml) of [GPUI Component](https://github.com/longbridge/gpui-component).
|
|
|
|
This is first paragraph, there have **BOLD**, _italic_, and ~strikethrough~, `code` text [^1] [^2].
|
|
|
|
This is an additional demonstration paragraph in English demonstrating more content for [Markdown GFM]. It includes various stylistic elements and plain text.
|
|
|
|
|
|
|
|
这是一个中文演示段落，用于展示更多的 [Markdown GFM] 内容。您可以在此尝试使用使用**粗体**、*斜体*和`代码`等样式。これは日本語のデモ段落です。Markdown の多言語サポートを示すためのテキストが含まれています。例えば、、**ボールド**、_イタリック_、および`コード`のスタイルなどを試すことができます。
|
|
|
|
[Markdown GFM]: https://github.github.com/gfm/
|
|
|
|
[^1]: This is a footnote example.
|
|
|
|
[^2]: Here is another footnote.
|
|
|
|
## Basic formatting
|
|
|
|
### **Bold** text
|
|
|
|
You can mark some text as bold with **two asterisks**
|
|
or **two underscores**.
|
|
|
|
### **Italic** text
|
|
|
|
You can mark some text as italic with _asterisks_
|
|
or _underscores_.
|
|
|
|
### **_Bold and italic_**
|
|
|
|
Three stars gives **_bold and italic_**
|
|
|
|
### ~~Strikethrough~~
|
|
|
|
Using `~~two tildes~~` will strikethrough: ~~two tildes~~
|
|
|
|
## Blockquotes
|
|
|
|
> Blockquote: More complex nested inline style like **bold: _italic_**.
|
|
> This is second paragraph, it includes a block quote.
|
|
|
|
And this is next blockquote
|
|
|
|
> Hello, world!
|
|
|
|
### Nested blockquotes
|
|
|
|
> First level
|
|
>
|
|
> > Second level
|
|
> > Third level
|
|
>
|
|
> ```rs
|
|
> const FOO: &str = "bar";
|
|
> ```
|
|
|
|
## Code block
|
|
|
|
```rust
|
|
struct Repository {
|
|
/// Name of the repository.
|
|
name: String,
|
|
}
|
|
|
|
fn main() {
|
|
let _ = Repository {
|
|
name: "GPUI Component".to_string(),
|
|
};
|
|
|
|
println!("Hello, World!");
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## Heading for [Links](https://www.google.com)
|
|
|
|
Here is a link to [Google](https://www.google.com), and another to [Rust](https://www.rust-lang.org).
|
|
|
|
## Image
|
|
|
|
|
|
|
|
### SVG
|
|
|
|
|
|
|
|
## Table
|
|
|
|
| Header 1 | Centered | Header 3 | Align Right |
|
|
| -------- | :------: | ------------------------------------ | ----------: |
|
|
| Cell 0 | Cell 1 | This is a long cell with line break. | Cell 3 |
|
|
| Row 2 | Row 2 | Row 2<br>[Link](https://github.com) | Row 2 |
|
|
| Row 3 | **Bold** | Row 3 | Row 3 |
|
|
|
|
See the way the text is aligned, depending on the position of `':'`
|
|
|
|
| Syntax | Description | Test Text |
|
|
| :-------- | :---------: | ----------: |
|
|
| Header | Title | Here's this |
|
|
| Paragraph | Text | And more |
|
|
|
|
## Lists
|
|
|
|
### Bulleted List
|
|
|
|
- Bullet 1, this is very long and needs to be wrapped to the next line, display should be wrapped to the next line as well.
|
|
- Bullet 2, the second bullet item is also long and needs to be wrapped to the next line.
|
|
- Bullet 2.1
|
|
- Bullet 2.1.1
|
|
- Bullet 2.1.1.1
|
|
- Bullet 2.1.2
|
|
- Bullet 2.2
|
|
- Bullet 3
|
|
|
|
### Numbered List
|
|
|
|
1. Numbered item 1
|
|
1. Numbered item 1.1
|
|
1. Numbered item 1.1.1
|
|
1. Numbered item 1.2
|
|
2. Numbered item 2
|
|
3. Numbered item 3
|
|
|
|
### To-Do List
|
|
|
|
- [x] Task 1, a long long text task, this line is very long and needs to be wrapped to the next line, display should be wrapped to the next line as well.
|
|
- [ ] Task 2, going to do something if there is a long text that needs to be wrapped to the next line.
|
|
- [ ] Task 3
|
|
|
|
## Heading
|
|
|
|
Add `##` at the beginning of a line to set as Heading.
|
|
You can use up to 6 `#` symbols for the corresponding Heading levels
|
|
|
|
## Heading 2
|
|
|
|
This is paragraph of the heading 2.
|
|
|
|
### Heading 3
|
|
|
|
This is paragraph of the heading 3.
|
|
|
|
#### Heading 4
|
|
|
|
This is paragraph of the heading 4.
|
|
|
|
##### Heading 5
|
|
|
|
This is paragraph of the heading 5.
|
|
|
|
###### Heading 6
|
|
|
|
This is paragraph of the heading 6.
|
|
|
|
## HTML
|
|
|
|
### Paragraph and Text
|
|
|
|
<div>
|
|
Here is a test in div.
|
|
<p>This is a paragraph inside a div element, have <a href="https://google.com">link</a>, <strong>bold</strong>, <em>italic</em>, and <code>code</code> text.</p>
|
|
<div>
|
|
<p>This is second paragraph.</p>
|
|
</div>
|
|
A text after div.
|
|
</div>
|
|
|
|
### List
|
|
|
|
<ol>
|
|
<li>Numbered item 1</li>
|
|
<li>Numbered item 2</li>
|
|
</ol>
|
|
|
|
<ul>
|
|
<li>Bullet 1</li>
|
|
<li>Bullet 2</li>
|
|
</ul>
|
|
|
|
### Table
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td>Head 1</td>
|
|
<td>Head 2</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>Cell</strong> 1</td>
|
|
<td>Cell 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Cell 3</td>
|
|
<td>Cell 4</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
### Image
|
|
|
|
<img src="https://miro.medium.com/v2/resize:fit:1400/format:webp/1*QY36p64kSGfBQsIFci8WBw.png" alt="The Best Programming Languages to Learn in 2025" width="100%" />
|
|
|
|
## Unsupported
|
|
|
|
### HTML
|
|
|
|
<details>
|
|
<summary>Click to expand</summary>
|
|
<div>
|
|
<p>This is a paragraph <a href="https://google.com">inside</a> a details element.</p>
|
|
<p>This is second paragraph.</p>
|
|
</div>
|
|
</details>
|
|
|
|
### Math
|
|
|
|
This is an inline math $x^2 + y^2 = z^2$.
|
|
|
|
This is a block math:
|
|
|
|
$$
|
|
\begin{aligned}
|
|
x^2 + y^2 &= z^2 \\
|
|
x^3 + y^3 &= z^3
|
|
\end{aligned}
|
|
$$
|
|
|
|
This is final paragraph, it includes a code block and a list of items.
|