> 개발 도구 > VSCode > 본문

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

藏色散人
풀어 주다: 2021-12-20 16:14:39
앞으로
8281명이 탐색했습니다.

MD 문서를 작성할 때 Typora를 사용하곤 했습니다. 이 편집기는 매우 간단하고 편리하지만 이미지 처리 시에는 약간 고통스럽습니다. 물론 유료 플러그인을 사용하면 자동으로 업로드할 수 있지만 부지런함의 특성이 있습니다. 그리고 알뜰하게 쇼핑하러 갔어요. 다른 옵션도 찾아봤죠. 그러다가 vscode를 사용하여 Markdown을 작성하는 것이 실제로 매우 멋지다는 것을 발견했습니다.

테마 플러그인

이 단계는 실제로 매우 중요합니다. 기사를 작성할 때 한편으로는 잘 작성되고 다른 한편으로는 보기 쉽습니다. Github 테마의 md 렌더링 방식이 제가 가장 좋아하는 방식인데, 단순하고 신선하며 전문성을 잃지 않는다고 하더군요. [추천: vscode 사용법 튜토리얼]

Markdown Preview Github Styling

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

그림 자동 도구

PicGo

사진을 원격으로 업로드할 수 있는 단축키를 지원하는 vscode 플러그인입니다. 끝, 기본은 그림 침대 sm.ms(무료)입니다. 하지만 개인적으로 Qiniu Cloud Storage나 Alibaba☁️ 등을 직접 구성하는 것이 좋습니다. 결국, 자신의 물건이 더 안전하고 신뢰할 수 있습니다.

스크린샷 업로드, 로컬 업로드 및 기타 방법을 지원하여 온라인 주소로 직접 변환할 수 있습니다. 이미지 베드에 수동으로 업로드하고 앞뒤로 붙여넣을 필요가 없습니다.

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

Gif 녹음 도구

강력 추천 Gifox. 물론 Kap도 있는데, 생성된 gif가 너무 큽니다.

이것은 아름답고 고품질의 GIF 생성 도구입니다. 일반적으로 생성되는 GIF는 수백 킬로바이트에 불과합니다. 내 기사의 기본 gif는 약 100k에 불과합니다.

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

목차 및 단축키

마크다운 올인원

은 다음 기능과 단축키를 지원합니다.

shift + command + p를 누르면 보실 수 있습니다.

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

Key Command
Ctrl+B 굵게 전환
C trl+I 기울임꼴로 전환
Alt+S 밑줄 전환
Ctrl+Shift+] 제목 업그레이드
Ctrl+Shift +[ 제목 다운그레이드
Ctrl+M 수학 환경 전환
Alt+C 작업 확인/선택 취소
Ctrl+ Shift+V 스위치 미리보기
Ctrl+KV 미리보기를 옆으로 전환

스크린샷 도구

QQ/WeChat에 내장된 바로가기 기능이면 충분합니다.

물론, 그림자가 있는 이런 고급 스크린샷을 원한다면 말이죠.

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

이것은 사실 Mac에 기본으로 제공되는 기능입니다.

Command + Shift + 3

이 키 조합을 사용하면 현재 화면의 전체 이미지를 캡처한 후 "스크린샷 + 날짜"라는 숫자 형식으로 이름을 지정하고 바탕화면에 자동으로 .PNG 형식으로 저장할 수 있습니다.

Command + Shift + 4

이 키 조합은 현재 화면의 모든 영역을 이미지로 캡처할 수 있습니다. 키 조합을 누른 후 손을 떼면 마우스가 자동으로 표준 도구로 전환됩니다. 커서(마우스로 클릭 및 드래그) 캡처 영역을 선택하면(트랙패드에서 세 손가락으로 동시에 이동 또는 드래그) 즉시 변경되는 길이 및 너비 픽셀 값이 옆에 표시됩니다. 확인 후 제스처를 놓습니다. 또는 마우스)를 클릭하여 캡처를 완료하세요. 이번에도 이 작업은 "스크린샷 + 날짜" 숫자 형식으로 이름이 지정되며 데스크탑에 .PNG 형식으로 자동 저장됩니다.

Command + Shift + 4 + 스페이스바

화면에 있는 특정 창의 이미지를 완전히 캡처하려면 먼저 Command + Shift + 4 키 조합을 누른 다음 스페이스바(또는 Command + Shift)를 누르면 됩니다. + 4 + 스페이스바를 동시에 누르면 커서가 자동으로 카메라 아이콘으로 변경됩니다. 이때 모든 영역은 마스크된 상태로 커서를 대상 창으로 이동한 후 클릭하면 스크린샷이 완성됩니다.

창을 선택하지 않고 바탕화면에 커서만 올려놓으면 클릭하면 자동으로 전체 배경화면 이미지가 캡쳐됩니다. 이번에도 이 작업은 "스크린샷 + 날짜" 숫자 형식으로 이름이 지정되며 데스크탑에 .PNG 형식으로 자동 저장됩니다.

특수 효과

코드 섀도우: carbon.now.sh/(설치 필요)

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!mockuphone.com/

생성된 이미지는 더 크며, 이 이미지는 약 1.7M입니다. 따라서 후속 이미지 압축이 필요합니다.

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

사진 압축

Tinypng

효과가 엄청나는 걸 보실 수 있어요.

VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!

끝까지 쓰겠습니다

이런 강력한 도구만 있으면 누구나 즐겁게 X인 척 할 수 있어요, 음, 정말 맛있어요.

위 내용은 VSCode에서 Markdown을 작성하는 것은 정말 멋집니다!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.im
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!