Markdown(및 Hugo)에서 내가 놓친 것

저는 Markdown의 단순함을 좋아합니다. 단순함에는 한계가 따릅니다. Markdown에서 놓친 몇 가지 기능이 있거나 Markdown을 확장하여 이러한 경우를 지원하는 것이 가능하지만 Hugo 측(내가 사용하는 정적 사이트 생성기)의 지원은 없습니다.

참고: 다음과 같은 이유로 JS를 사용하여 클라이언트 측에서 추가 렌더링을 수행할 수 없습니다.

내 기사를 교차 게시합니다. 즉, 기사에는 HTML과 이미지만 포함되어야 합니다(JS는 타사 웹 사이트에서 작동하지 않음)

내 웹 사이트의 속도에 관심이 있는데 각 JS 스크립트는 성능 저하입니다

.

특징

다이어그램

Markdown을 사용하여 다이어그램을 만들고 싶습니다. 이 같은:

``mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
``

다음을 렌더링합니다.



다이어그램은 예를 들어 다음과 같이 설명할 수 있습니다.

지원하다 :

마크다운: 예

휴고: flowchart.js

편집기 미리보기: js-sequence-diagrams

내 해결 방법: 다이어그램이 있는 코드 블록을 감지하고 렌더링하고 코드 블록을 렌더링된 이미지로 대체하는 JS 스크립트를 사용합니다.

인어 오일러 다이어그램

여기에서 예를 참조하십시오.

PlantUML

WaveDrom

지원하다 :

마크다운: 예

휴고: 아니요

편집기 미리보기: 아니요

Viz.js XKCD 스타일

무언가를 설명하기 위한 것이지만 과학적 데이터를 기반으로 하지 않는 다이어그램에 XKCD 스타일을 사용하고 싶습니다.

예를 들어, vega:

ditaa

지원하다 :

마크다운: 예

휴고: 아니요

편집기 미리보기: 중요하지 않음

아니 수학 표기법

멋진 것은 필요하지 않습니다. 그리스 문자, 위 첨자 및 아래 첨자입니다. 대부분의 경우 유니코드 문자를 복사하여 붙여넣습니다. 예: Σ¹ . 그러나 예를 들어 별표( * )에 대한 위첨자 변형이 없는 경우와 같은 몇 가지 극단적인 경우가 있습니다.

다음과 같이 Markdown 내에서 AsciiMath를 사용하는 것이 좋을 것입니다.

인라인:

$Sigma^**$

그러면 다음과 같이 렌더링됩니다. Σ*

차단하다:

$$
sum_(i=1)^n i^3=((n(n+1))/2)^2
$$

다음을 렌더링합니다.

Yes

지원하다 :

마크다운: 확장 가능

휴고: 아니요

편집기 미리 보기: 예 , eulerAPE

VENN 다이어그램을 그리는 데 가장 적합한 소프트웨어는 무엇입니까? 2열 레이아웃

독자가 쉽게 비교할 수 있도록 두 개의 이미지를 나란히 표시해야 하는 경우가 있습니다. 이를 위해 테이블을 사용할 수 있지만 보기 흉해 보입니다(테이블에는 머리글과 테두리가 있음). Plus 테이블은 코드 블록에서 작동하지 않습니다.

지원하다 :

마크다운: 아니요

사이드 노트

xkcd #1064 과 같이 사이드 노트를 지원하면 좋을 것입니다. 이론적으로 각주를 재사용할 수 있습니다.

Here's a simple footnote,[^1] and here's a longer one.[^bignote]
Indent paragraphs to include them in the footnote.
`{ my code }`
Add as many paragraphs as you like.

지원하다 :

마크다운: 네?

휴고:

편집기 미리 보기: 아니요

다른 아이디어

, 위첨자 ( 30^th^ ), 아래첨자 ( H~2~O ).

1 대안

2 휴고

을 고려하고 있습니다. 또한 확인해야 합니다 .

술 레이아웃 가격 인하

No , 참조

Collspan and rowspan for tables