블로그 IDE 환경과 잡담

이 글은 Markdown의 기본 개념과 다양한 소프트웨어에서의 활용을 소개하고, VSCode를 IDE로 추천하며 관련 플러그인을 제시합니다. 또한 Hexo에서 Hugo로 전환한 경험을 공유하며 Hugo의 유연성과 사용자 정의 기능을 강조합니다. 마지막으로 새로운 기술을 빠르게 시작하기 위한 팁과 함께 Hugo 테마 스타일 업데이트 문제 해결 방법도 제공합니다.

서론

Markdown

가볍고 사람이 읽기 쉽고 쓰기 쉬운 일반 텍스트 형식으로 문서를 작성할 수 있게 해주는 경량 마크업 언어입니다

상세한 Markdown 문법 설명은 생략하고, 전자책을 추천합니다. 点击此处

시판되는 많은 소프트웨어들이 이미 md를 작성 방식으로 지원합니다. csdn 블로그 시스템은 md 문법을 지원하는 온라인 편집기를 출시했으며, 처음 사용할 때 md 문법에 대한 소개 글이 있는데 괜찮습니다. 에버노트도 2018년에 md 노트 지원을 추가했고, 단축키 바에 다양한 md 마크업 옵션이 있어 일반 문서 편집과 거의 비슷하며 전반적인 인터페이스는 초보자에게 친숙합니다.

IDE 추천

글을 쓰고 있을 때 2020년이었고, vscode는 이미 많이 들어봤을 것이다. git page를 사용하여 블로그 시스템을 구축할 생각을 하는 사람은 어차피 업계 관계자일 테니까. 과거에는 sublime이나 atom도 괜찮은 선택이었지만, 2년간의 오픈소스 커뮤니티 주도로 vscode가 빠르게 발전하여 초보자가 입문하기에 가장 좋은 선택이 되었다.

마이크로소프트의 거대한 변화와 오픈소스 커뮤니티와의 관계가 단절 상태에서 훈정기로 성공적으로 전환되었습니다. 오픈소스에 대한 포용적인 태도죠. 저희 회사 역시 최근 2년간 Java 생태계를 적극적으로 도입했습니다. 바꿔 말하면, 현재 국내에서의 Java 환경은 정말 매력적입니다.

VS Code 플러그인 추천

插件清单

플러그인에는 자체 Readme 파일이 있어 기본 사용법과 핵심 기능을 설명하고 있으며, 일부 플러그인 제작자는 동적 효과 시연 이미지를 제공합니다

INLINE_CODE_0, Hugo의 이미지 플러그인 방식과 함께 사용하면 간편하게 이미지를 추가할 수 있습니다

단축키를 외우지 못해서, VS Code 단축키 관리 메뉴에서 md를 검색하고 여러 번 보고, 플러그인 사용 설명서를 다시 확인해 봐

hugo

글쓰는 일이 내 본성과는 거리가 멀다. 참지 못하고 덤비는 성향 때문이다.

Hugo는 이미지와 md 문서를 별도의 폴더에 배치하는 것을 지원합니다
학술 주제는 디자인에서 다양한 문서 스타일을 지원합니다
다양한 맞춤형 확장 기능

academic

공식 웹사이트 기본 인라인_5 굵게_3__인라인__인라인_6__ 굵게_4__인라인__

URL 패턴은 클릭하면 단일 페이지로 이동하고, 홈페이지에서 스크롤하는 방식이 아니라서 개인적인 취향입니다

스타일별: 에세이, 강연, 전자책
유연성: 전체 스타일 사용자 정의, CSS 스타일 사용자 정의

이 테마는 중국어 지원이 아직 완벽하지 않은데, 주로 시각적인 측면에서 폰트 크기가 중국어 읽기 습관에 잘 맞지 않습니다. Hexo 개발팀의 대부분이 중국인이므로 이 점에서는 Hugo보다 우수합니다.

하지만, 직접 만들어서 입고 먹는 것처럼, 브라우저에서 요소들을 검사합니다. 요소를 찾았으면 수정해야 할 CSS 스타일 이름이 궁금할 때 사이드바에서 Insert Style Rule Below을 클릭하면 여러 겹으로 중첩된 CSS에서도 노드 이름을 쉽게 얻을 수 있습니다.

죄송합니다, 번역할 중국어 텍스트가 제공되지 않았습니다. 텍스트를 제공해 주시면 번역해 드리겠습니다.
죄송합니다, 번역할 중국어 텍스트가 제공되지 않았습니다. 텍스트를 제공해 주시면 번역해 드리겠습니다.
주제 내장 문법 강조 설정, 官方链接

마무리

애가 또 뭐라 하네, 처음부터 끝까지 얼버무려 말하고 구체적인 내용은 하나도 안 짚어주잖아

이것들만 있으면 충분할 거예요:

공식 매뉴얼
플러그인 설명

새로운 기술을 빠르게 익히려면 먼저 공식 문서를 읽어보는 것이 좋습니다. 한 번에 다 이해하려고 하기보다는, 적어도 대략적인 내용을 파악하는 것이 중요합니다. 검색 엔진 결과는 최신 버전과 일치하지 않아 오해를 불러일으킬 수도 있습니다. 새 책도 마찬가지입니다. 목차를 살펴보고 저자가 무엇을 설명하려 하는지 파악한 후 읽으면 좋습니다. 때로는 서문을 먼저 읽는 것도 좋은데, 일부 외국 저작물의 경우 번역자의 서문이 책의 핵심 내용을 담고 있는 경우도 있습니다.

이스터 에그

Hugo Academic 내장 스타일 시선을 변경하고 사이트에 게시했지만, 방문했을 때 스타일이 변하지 않았습니다. 똑똑한 분들은 이미 생각했을 겁니다. 로컬 브라우저 캐시를 지우면 문제가 해결됩니다. 저의 기발한 방법은 F12 개발자 모드로 들어가 __INLINE_CODE_0__BOLD_2disable cache로 변경 후 새로 고침하면 됩니다!

network