CommonMark 사용 튜 토리 얼:Markdown 문법 을 Html 로 변환 합 니 다.

마크 다운 글 쓰기
2016 년 부터 블 로 그 를 쓰기 시 작 했 는데 제 창작 방식 이 계속 바 뀌 었 습 니 다.정확히 말 하면 계속 발전 하고 있 습 니 다.효율 이 점점 높 아 지기 때 문 입 니 다.
처음에 CSDN 에 글 을 쓸 때 매우 어 설 펐 다.그들 편집기 에 글 을 쓰 고 형식 을 조정 한 다음 에 썼 다.그림 에 닿 으 면 그림 을 삽입 하고 그림 의 크기 위 치 를 조정 하 는 등 후속 글 씨 를 조정 해 야 했다.
효율 이 매우 낮다.
뒤에 Markdown 을 알 게 되 었 고 MD 로 글 을 쓰 면 효율 이 매우 빠르다.그 다음 에 Markdown 을 바탕 으로 자신의 창작 방식 을 천천히 최적화 시 켰 다.
일반적으로 제 가 MD 문법 으로 다 쓴 후에 얻 은 것 은 MD 기호 가 있 는 문자 입 니 다.다음은 MD 텍스트 라 고 부 릅 니 다.

그리고 도 구 를 통 해 Html 태그 텍스트 로 전환 하여 블 로그 편집 상자 에 복사 합 니 다.이것 이 마지막 으로 표 시 된 글 입 니 다.


이 단계 까지 여러분 이 발견 하 셨 는 지 모 르 겠 습 니 다.코드 를 통 해 MD 텍스트 를 해당 하 는 Html 텍스트 로 변환 할 수 있다 고 가정 하면 글 의 MD 텍스트 를 얻 을 수 있 으 면 글 의 마지막 디 스 플레이 를 얻 을 수 있 습 니 다.
만약 에 저희 가 글 을 자동 으로 생산 하 는 사 이 트 를 만 들 려 면 한 걸음 만 남 았 습 니 다.MD 텍스트 를 어떻게 자동 으로 계속 가 져 오 는 지,그 다음 에 해당 하 는 글 로 계속 전환 해서 발표 할 수 있 습 니 다.만약 에 모두 내용 을 위주 로 하 는 사이트 에 대해 MD 텍스트 를 계속 얻 을 수 없다.내용 을 위주 로 하기 때문에 많은 것들 이 고정 되 지 않 는 다.
하지만 사이트 가 다운로드 사이트 라면?다운로드 소 는 주로 파일 다운 로드 를 제공 합 니 다.내용 은 파일 에 대한 간단 한 소개 일 뿐 기본 적 인 것 은 바 이 두 백과 내용 입 니 다.전체 글 은 사실 고정 되 어 있 고 일정한 규칙 이 있 습 니 다.그러면 MD 텍스트 를 계속 가 져 올 수 있 습 니 다.
이상 의 내용 은 모두 CommonMark 의 중요성 을 설명 하 는 것 이다.
CommonMark
사용 하기 쉬 워 요.여기 서 저 는 주로 그 중의 일부 라벨 을 조작 하 는 방법 을 소개 합 니 다.여러분 은 하 나 를 들 어 다른 여러 가지 라벨 을 사용자 정의 할 수 있 습 니 다.여기 서 나 는 두 개의 탭 의 사용자 정의:그림,하이퍼링크 를 예 로 들 었 다.

CommonMark 가 기본 값 으로 바 꾼 Html 은 그림 크기 와 위 치 를 가지 고 있 지 않 기 때 문 입 니 다

4.567917.하이퍼링크 도 기본 값 으로 전환 한 후에 링크 를 클릭 하면 본 홈 페이지 에서 하이퍼링크 홈 페이지 로 이동 합 니 다.제 가 원 하 는 효 과 는 하이퍼링크 를 클릭 한 후에 브 라 우 저 에서 다른 웹 페이지 를 열 것 입 니 다.이렇게 하면 사이트 의 유 존 률 에 좀 좋 을 것 이다Maven 의존

<dependency>
<groupId>com.atlassian.commonmark</groupId>
<artifactId>commonmark</artifactId>
<version>0.11.0</version>
</dependency>

사용자 정의 탭 속성 조작 클래스

static class PAttributeProvider implements AttributeProvider {
@Override
public void setAttributes(Node node, String tagName, Map<String, String> attributes) {
if (node instanceof Image) {
attributes.put("style", "width:150px;height:200px;position:relative;left:50%;margin-left:-100px;");
}
if(node instanceof Link){
attributes.put("target", "_blank");
}
}
}

위 와 같이 제 가 두 개의 탭 을 작 동 했 습 니 다.Image 와 Link 는 각각 탭 에 속성 을 추 가 했 습 니 다.여기 서 나 는 단지 예 를 들 었 을 뿐,반드시 이렇게 조작 해 야 하 는 것 은 아니 며,라벨 을 조작 하지 않 아 도 된다.
이 단계 의 목적 은 이 방법 이 있다 는 것 을 설명 하기 위해 서 일 뿐이다.
markdown html 로 전환

Parser parser = Parser.builder().build();
Node document = parser.parse(md);
HtmlRenderer renderer = HtmlRenderer.builder().
attributeProviderFactory(new AttributeProviderFactory() {
@Override
public AttributeProvider create(AttributeProviderContext attributeProviderContext) {
return new PAttributeProvider();
}
}).
build();
String mdHtml = renderer.render(document);

ok,html 로 바 뀌 었 습 니 다.방법 은 이렇게 간단 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.