3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-20 12:37:01 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(website): improve prism themes (#6214)

Browse source 
* feat(website): modify Prism dark theme

* update

* Use vsDark

* update crowdin config

* fix light theme as well

* revert comment changes
This commit is contained in:
Joshua Chen 2021-12-29 21:25:01 +08:00 • committed by GitHub
parent ae9f43fbc0
commit 96dbb8e7ef
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 221 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

16
website/docs/guides/markdown-features/markdown-features-assets.mdx
View file

@ -26,13 +26,13 @@ You can display images in three different ways: Markdown syntax, CJS require, or
Display images using simple Markdown syntax:
```mdx
```md
![Example banner](./assets/docusaurus-asset-example-banner.png)
```
Display images using inline CommonJS `require` in JSX image tag:
```mdx
```jsx
<img
src={require('./assets/docusaurus-asset-example-banner.png').default}
alt="Example banner"
@ -41,10 +41,10 @@ Display images using inline CommonJS `require` in JSX image tag:
Display images using ES `import` syntax and JSX image tag:
```mdx
```jsx
import myImageUrl from './assets/docusaurus-asset-example-banner.png';
<img src={myImageUrl} alt="Example banner" />
<img src={myImageUrl} alt="Example banner" />;
```
This results in displaying the image:
@ -65,14 +65,10 @@ If you are using [@docusaurus/plugin-ideal-image](../../api/plugins/plugin-ideal
In the same way, you can link to existing assets by requiring them and using the returned url in videos, links, etc.
```mdx
```md
# My Markdown page
<a
target="_blank"
href={require('./assets/docusaurus-asset-example.docx').default}>
Download this docx
</a>
<a target="\_blank" href={require('./assets/docusaurus-asset-example.docx').default}> Download this docx </a>
or