feat(mdx): 헤딩 앵커 링크 추가 및 h4~h6 등록#66
Merged
Merged
Conversation
- rehype-autolink-headings 추가: h2~h6 전체에 hover 시 링크 아이콘 자동 삽입 - HeadingAnchor 클라이언트 컴포넌트: 클립보드 복사 + 툴팁 전환 - mdxComponents a 컴포넌트: heading-anchor 클래스 분기로 인라인 링크와 구분 - h2/h3: group relative 추가로 앵커 hover 제어 - h4/h5/h6 신규 등록 (타이포그래피 스케일 적용) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
한글 헤딩의 fragment를 encodeURI로 퍼센트 인코딩하여 공유 시 URL 호환성 보장 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
개요
h2~h6 헤딩에 hover 시 링크 아이콘 표시, 클릭 시 섹션 URL을 클립보드에 복사한다.
관련 이슈
Closes #65
변경 유형
변경 내용
rehype-autolink-headings설치 및mdx-options.ts등록 (rehype-slug → autolink → pretty-code 순서)behavior: append)HeadingAnchor클라이언트 컴포넌트 신규 생성encodeURI인코딩 적용mdxComponentsa컴포넌트:heading-anchor클래스 분기로 HeadingAnchor 위임group relative추가체크리스트
코드 품질
npm run build통과npm run lint통과npx tsc --noEmit통과기능 검증