-
Notifications
You must be signed in to change notification settings - Fork 182
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #93 from Junweif2/develop
Translation: Getting Started & Developers & Technology & Learn [zh]
- Loading branch information
Showing
83 changed files
with
5,632 additions
and
3,582 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,164 @@ | ||
--- | ||
section: gettingStarted | ||
title: "Article Components" | ||
date: Last Modified | ||
lang: "en" | ||
permalink: "/article-components" | ||
excerpt: "Learn more about the topics of Ethereum Scalability and Zero Knowledge Cryptography" | ||
whatsnext: { "Next Up Page 1": "/", "Second Next Up Page": "/" } | ||
--- | ||
|
||
import ClickToZoom from "../../../components/ClickToZoom.astro" | ||
import priceAggr from "../../../assets/images/contract-devs/price-aggr.png" | ||
import ToggleElement from "../../../components/ToggleElement.astro" | ||
import Aside from "../../../components/Aside.astro" | ||
import MarkmapView from "../../../components/MarkmapView/index.astro" | ||
|
||
This is body text right under the article title. It typically is just paragraph text that's pretty straightforward. Then there's **bold text**, and _italic text_, and **_bold-italic text_**, and `inline-code` and **`bold inline code`** and even _`italic inline code`_ and **_`bold italic inline code`_**. And of course don't forget [links](#), and [**bold links**](#), and [_italic links_](#), and [**_bold-italic links_**](#). | ||
|
||
## Markdown Components (also an H2 Heading) | ||
|
||
- We've also got unordered lists! | ||
- They can have multiple items. | ||
- And some sub-items. | ||
- That get into details | ||
- That's an unordered list. | ||
|
||
What else do we have? | ||
|
||
1. Of course there's also ordered lists. | ||
1. They look like this. | ||
1. They're pretty useful. | ||
|
||
### H3 Heading | ||
|
||
#### H4 Heading | ||
|
||
##### H5 Heading | ||
|
||
Let's see a horizontal rule. | ||
|
||
--- | ||
|
||
We define the Square-Fibonacci sequence[^1], a variation of the Fibonacci sequence: | ||
|
||
### Math | ||
|
||
- Let $f_0 = 1, f_1 = 1$ | ||
- For $$i \geq 2$$, define $f_{i} := (f_{i-2})^2 + (f_{i-1})^2 \mod q$ | ||
- Where $q$ is a large prime integer. We use this modulus to bound the size of each element, so that it can be represented by some predetermined number of bits. | ||
|
||
### Tables | ||
|
||
| Syntax | Description | | ||
| --------- | ----------- | | ||
| Header | Title | | ||
| Paragraph | Text | | ||
|
||
### Blockquotes | ||
|
||
> #### Success | ||
> | ||
> Vitae reprehenderit at aliquid error voluptates eum dignissimos. | ||
### Footnotes | ||
|
||
Here's a simple footnote,[^1] and here's a longer one.[^bignote] | ||
|
||
[^1]: This is the first footnote. | ||
[^bignote]: Here's one with multiple paragraphs and code. | ||
|
||
### Callout that worked in MD, but might not in MDX? | ||
|
||
:::tip[Did you know?] | ||
Astro helps you build faster websites with “Islands Architecture”. | ||
::: | ||
|
||
## Imported MDX Components | ||
|
||
### Callouts | ||
|
||
<Aside type="note" title="note"> | ||
{" "} | ||
Astro helps you build faster websites with “Islands Architecture”.{" "} | ||
</Aside> | ||
<Aside type="caution" title="caution"> | ||
{" "} | ||
Astro helps you build faster websites with “Islands Architecture”.{" "} | ||
</Aside> | ||
<Aside type="danger" title="danger"> | ||
{" "} | ||
Astro helps you build faster websites with “Islands Architecture”.{" "} | ||
</Aside> | ||
|
||
<Aside type="tip" title="tip"> | ||
For .md file you can use this code. | ||
</Aside> | ||
|
||
``` | ||
:::tip[Did you know?] | ||
Astro helps you build faster websites with “Islands Architecture”. | ||
::: | ||
``` | ||
|
||
### Images zoom | ||
|
||
<ClickToZoom src={priceAggr} /> | ||
|
||
### Toggle | ||
|
||
<ToggleElement anchor="Why build on Scroll?"> | ||
<div slot="title">Why build on Scroll?</div> | ||
<p> | ||
Scroll enables creators to turn their content into interactive, explorable experiences. With Scroll, you can create | ||
rich, interactive stories that engage readers, provide a better user experience, and help you stand out from the | ||
crowd. | ||
</p> | ||
</ToggleElement> | ||
<ToggleElement anchor="How does Scroll work?"> | ||
<div slot="title">How does Scroll work?</div> | ||
<p> | ||
Scroll combines powerful technologies like WebGL and WebRTC to create immersive, interactive experiences. The | ||
platform allows you to build 3D environments, add interactivity, and embed content from popular web services to | ||
create a unique, engaging experience for your audience. | ||
</p> | ||
</ToggleElement> | ||
<ToggleElement anchor="What can I build with Scroll?"> | ||
<div slot="title">What can I build with Scroll?</div> | ||
<p> | ||
You can build a wide range of experiences with Scroll, from interactive articles to immersive product demos and | ||
virtual tours. Scroll is designed to help you create engaging, interactive experiences that elevate your content and | ||
captivate your audience. | ||
</p> | ||
</ToggleElement> | ||
|
||
### Markmap | ||
|
||
#### Referenced File | ||
|
||
<MarkmapView src="/samples/markmap.md" /> | ||
|
||
<MarkmapView> | ||
[](#markmap)markmap | ||
=================== | ||
|
||
- beautiful2 | ||
- useful | ||
- easy | ||
- interactive | ||
|
||
</MarkmapView> | ||
|
||
### Mermaid | ||
|
||
```mermaid | ||
stateDiagram | ||
Step --> StepState | ||
Step --> CellManager | ||
ConstraintBuilder --> CellManager | ||
CellManager --> ProofSystem(Halo2) | ||
StepState --> ExecutionState | ||
StepState --> step_context | ||
ExecutionState --> ConstraintBuilder | ||
step_context --> ConstraintBuilder | ||
``` |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.