[tool] 코드블럭 복사 기능 플러그인 설치

[Parkjju]

관련 이슈

80

요약

코드블럭 복사 기능 플러그인을 설치하였습니다. 코드블럭에 마우스 hover시 코드를 복사할 수 있는 버튼이 생깁니다.

//config,js
module.exports = {
    plugins: [['vuepress-plugin-code-copy', true]]
}

옵션

plugins: [
    [
        'vuepress-plugin-code-copy',
        {
            selector: String,
            align: String,
            color: String,
            backgroundTransition: Boolean,
            backgroundColor: String,
            successText: String,
            staticIcon: Boolean,
        },
    ],
];

다음은 옵션들에 대한 설명입니다.

1. selector : 코드블럭 복사 컴포넌트를 선택할 CSS selector 입니다.
2. align : 코드블럭 복사 버튼의 위치입니다. (Default : bottom)
3. color: 코드블럭 복사 버튼의 색상을 지정합니다.
4. backgroundTransition: Boolean 타입의 값으로, 버튼 클릭 시 코드블럭 바탕에 애니메이션 효과를 부여합니다.
5. backgroundColor: backgroundTransition 애니메이션 효과에 색을 부여합니다.
6. successText: 복사 완료시 표시할 문구입니다.
7. staticIcon: Default: true이며, 코드블럭에 마우스 hover시에만 복사 아이콘이 표시됩니다.

[Parkjju]

@padosum 안녕하세요 연정님! PR 커밋관련 수정하다가 해당 PR이 닫혀버려서 새로 열게 되었습니다😭 수정사항 반영해보았습니다 !!

반영 전

반영 후