Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

i18n(ko-KR): update syntax-highlighting.mdx #10427

Merged
merged 2 commits into from
Dec 18, 2024
Merged

i18n(ko-KR): update syntax-highlighting.mdx #10427

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
559f472
i18n(ko-KR): update `syntax-highlighting.mdx`
jsparkdev Dec 18, 2024
eaecb1f
Merge branch 'main' into syntax-highlighting
dreyfus92 Dec 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/content/docs/ko/guides/syntax-highlighting.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ var fun = function lang(l) {

Astro의 Markdown 코드 블록은 기본적으로 Shiki에 의해 스타일이 지정되며, `github-dark` 테마로 미리 구성됩니다. 컴파일된 출력은 불필요한 CSS 클래스, 스타일시트 또는 클라이언트 측 JS가 없는 인라인 `스타일`로 제한됩니다.

[Prism 스타일시트를 추가하여 Prism의 강조 표시로 전환](#prism-스타일시트-추가)하거나, [`markdown.syntaxHighlighting`](/ko/reference/configuration-reference/#markdownsyntaxhighlight) 구성 옵션을 사용하여 Astro의 구문 강조 표시를 완전히 비활성화할 수 있습니다.
[Prism 스타일시트를 추가하여 Prism의 강조 표시로 전환](#prism-스타일시트-추가)하거나, [`markdown.syntaxHighlight`](/ko/reference/configuration-reference/#markdownsyntaxhighlight) 구성 옵션을 사용하여 Astro의 구문 강조 표시를 완전히 비활성화할 수 있습니다.

<ReadMore>Shiki와 함께 사용할 수 있는 Markdown 구문 강조 옵션의 전체 목록은 [`markdown.shikiConfig` 참조](/ko/reference/configuration-reference/#markdownshikiconfig)를 확인하세요.</ReadMore>

Expand Down Expand Up @@ -214,7 +214,7 @@ import { Prism } from '@astrojs/prism';

## Prism 스타일시트 추가

Prism을 사용하기로 했다면 (`markdown.syntaxHighlighting: 'prism'`을 구성하거나 `<Prism />` 컴포넌트를 사용하여) Astro는 코드에 Shiki 대신 Prism의 CSS 클래스를 적용합니다. 구문 강조를 표시하려면 자체 CSS 스타일시트를 가져와야 합니다.
Prism을 사용하기로 했다면 (`markdown.syntaxHighlight: 'prism'`을 구성하거나 `<Prism />` 컴포넌트를 사용하여) Astro는 코드에 Shiki 대신 Prism의 CSS 클래스를 적용합니다. 구문 강조를 표시하려면 자체 CSS 스타일시트를 가져와야 합니다.

<Steps>
1. 사용 가능한 [Prism 테마](https://github.com/PrismJS/prism-themes)에서 미리 만들어진 스타일시트를 선택합니다.
Expand Down
Loading