본문으로 바로가기

Jeffrey Oh's Notepad

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    Jeffrey Oh

    IT 관련 내용을 메모하는 곳입니다.

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

티스토리 복사 버튼 검색 결과

해당 글 1건

티스토리 설정 (7) - Markdown Code Snippet Copy to Clipboard Button 만들기

티스토리에서는 마크다운으로 글을 작성할 수 있다. 마크다운에는 코드를 이쁘게 삽입할 수 있는데 글을 작성하고나면 해당 코드블럭이 태그로 감싸진다. 이를 이용하여 해당소스를 버튼으로 내용복사가 되게끔하는 Style, Script를 추가해보도록 하겠다. (스타일을 1도 모르는 개발자로써 이쁘지않은건 눈감아주기 ㅎㅎ 대충만듦.. 스타일 잘하시는 분들은 커스텀해서 쓰세요 !) Style 부분 (스크립트도 잘 못함..) Script 부분 위의 소스들을 스킨편집에서 html 편집으로 들어간 다음 태그 안에 붙여넣는다. 실행결과 Markdown으로 추가한 Code Snippet 부분에 마우스를 올려보면 hover 기능을 통해 svg 태그가 보인다. 해당 버튼에 마우스를 올려보면 다음과 같이 Copy to Clipbo..

티스토리 설정 2020. 12. 10. 14:20
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 전체 보기
MORE+

CATEGORY

  • 연습장
    • Frontend
      • HTML
      • CSS
      • Javascript
      • jQuery
      • Typescript
      • React
    • Backend
      • Java
      • JSP
      • Spring
      • PHP
      • Python
      • Go
      • Kotlin
      • Architecture
    • Server
      • SHELL
      • Linux
      • Nginx
    • AWS
    • DevOps
      • Kafka
      • Docker
      • ELK
      • Jenkins
      • CI CD
      • Sonarqube
    • Database
      • MySQL
      • Oracle
      • Mongo
      • Cassandra
    • Mobile
      • Android
    • IDE
      • Visual Studio Code
      • Intellij
    • 코딩 예제
    • JAR
    • 유용한 것
    • 알고리즘 + CS
    • 티스토리 설정

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

TAG

  • nginx
  • docker
  • 젠킨스
  • 블로그 설정
  • MYSQL
  • 스프링부트
  • AWS STS
  • mongodb
  • spring boot
  • Mongo
  • 몽고DB
  • Jenkins
  • 몽고
  • 티스토리 설정
  • AWS
MORE+

ARCHIVE

CALENDAR

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT Jeffrey Oh's Notepad, ALL RIGHT RESERVED.
Jeffrey Oh's Notepad
블로그 이미지 Jeffrey Oh 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
CATEGORY
  • 연습장
    • Frontend
      • HTML
      • CSS
      • Javascript
      • jQuery
      • Typescript
      • React
    • Backend
      • Java
      • JSP
      • Spring
      • PHP
      • Python
      • Go
      • Kotlin
      • Architecture
    • Server
      • SHELL
      • Linux
      • Nginx
    • AWS
    • DevOps
      • Kafka
      • Docker
      • ELK
      • Jenkins
      • CI CD
      • Sonarqube
    • Database
      • MySQL
      • Oracle
      • Mongo
      • Cassandra
    • Mobile
      • Android
    • IDE
      • Visual Studio Code
      • Intellij
    • 코딩 예제
    • JAR
    • 유용한 것
    • 알고리즘 + CS
    • 티스토리 설정
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바