Github Pages (github 블로그)를 운영할때 추천하는 vscode 플러그인 1

github pages를 운영하기 시작하면서 포스팅 하나 쓰려고 하는데 기억해야 될 내용들이 많아서 귀찮았다. 이런 부분을 그냥 툴이 알아서 해줬으면 하는 바람에 vscode의 확장도구들을 찾아보고 추천한다.

아래 4가지를 추천할 생각이다.
Jekyll Run, Front Matter, markdownlint, Markdown All in One

우선 이번에 Jekyll Run, Front Matter에 대해 포스팅한다.

Jekyll Run

로컬 환경에서 Jekyll을 돌려주는 플러그인이다.
설치하고 단축기로 Jekyll을 동작시킬수 있다.
콘솔에 Jekyll Run을 치는 수고를 줄일 수 있다.

동작	단축키	설명
Jekyll Run	(ctrl+F5)	Builds Project, Starts Jekyll Server & Opens the local hosted site in Browser
Jekyll Stop	(ctrl+F6)	Stops Jekyll Server
Jekyll Restart	(ctrl+F7)	Restarts Jekyll Server
Jekyll Build	(ctrl+F8)	Builds Project

Front Matter

front matter의 내용을 수정해 주는 플러그인이다.
특히 template로 정해둔 내용으로 파일을 만들어주기도 한다.

우선 설치를 하면 왼쪽에 front matter 탭이 생긴다.

현재 문서에서 front matter를 분석하면 다음과 같은 화면이 나온다.

1. 날짜 생성/변경 기능

여기서 Set Modified date 버튼을 누르거나
명령 팔레트(ctrl + shift + p)에 > Front Matter: Set lastmod date를 입력하면 현재 시간으로 수정날짜가 생성/변경된다.
이외에도 Set publish date로 date를 생성/변경할 수도 있다.

설정 변경

나는 mmistakes/minimal-mistakes라는 테마를 사용하고 있으므로 몇가지 세팅을 바꾸었다.
vs code 확장의 설정에 들어가는 방법은 다른 포스팅을 참고하길 바란다. (필요하면 따로 포스팅하겠다. 댓글로 요청바란다.)

1. frontMatter.taxonomy.modifiedField
   • set modifed date 버튼을 눌렀을 때 변경값을 lastmod -> last_modified_at 로 변경
2. frontMatter.taxonomy.categories
   • 카테고리의 구분자를 - 로 바꾼다.
3. frontMatter.taxonomy.tags
   • 태그의 구분자를 - 로 바꾼다.

2. 기본 문서 생성 기능 (포스팅 생성 기능)

아래 그림처럼 _post 폴더에 미리 설정해둔 front matter로 파일을 생성하는 기능이다.
이 기능은 포스팅을 생성할 때 매우 유용한 것 같다. (2021-10-13 업데이트)

이것을 사용하려면 ctrl + shift + p를 눌러서 Front matter: Initialize project를 하면 ./frontmatter/templates 폴더에 article.md 파일이 생긴다.

해당 파일이 아티클을 만들때의 템플릿이 되므로 수정하여 사용하면 된다.

내 기본 post의 front matter

내 테마에서 date는 필요없지만 넣어두었고 last_modified_at은 마지막 수정날짜가 있어야 좋을 것 같아서 넣어두었다 나머지 설정값은 다 _config.yml의 default에 있다.

---

다음 포스트: 추천 플러그인 2

마지막으로 이상하거나 이해안되는 것이 있으면 피드백 부탁드립니다.