Blogging 12
- Custom Dev Container로 로컬 미리보기 환경 세팅 VS Code의 Dev Container로 Jekyll 블로그를 로컬에서 미리보기 하는 방법 정리 Dev Container가 뭔지, 왜 쓰는지 미리보기 켜고 끄는 명령어 글 작업/커밋 흐름(jekyll-theme-chirpy 기준)1️⃣ Dev Container란?“준비물이 ...
-
더보기 커스텀 더보기(summary) 커스텀 접기/펼치기 박스 커스텀 다크 모드 대응(jekyll-theme-chirpy 7.2.4 기준)1️⃣ assets\css\jekyll-theme-chirpy.scss 코드 추가12345678910111213141516171819202122232425...
-
서브 카테고리 정렬 커스텀 YML 파일로 정의지난번에 큰 카테고리만 내가 원하는대로 정렬하도록 구현했는데, 이번엔 서브카테고리도 보기 좋게 정렬하려고 한다.1️⃣ _data/categories.yml 파일 수정12345678910111213141516171819# _data/categories.ymlProj...
- Custom 유튜브 임베드 시작 시간 포함 유튜브 영상 임베드에 시작 시간을 포함시키고 싶다._includes\embed\youtube.html 수정start 옵션을 받을 수 있도록 src에 조건문 추가1234567891011<iframe class="embed-video" loading="lazy" src="h...
-
하이퍼링크 미리보기 jekyll-linkpreview 플러그인을 이용한 하이퍼링크 미리보기 구현 GitHub - ysk24ok/jekyll-linkpreview: Jekyll plugin to generate link preview ...
- Custom home화면에서 특정 태그 포스트 숨기기 YML 파일로 정의숨기고 싶은 태그가 더 늘어날지도 모르니 추가하기 쉽게 yml파일로 만들고자한다.(jekyll-theme-chirpy 7.2.4 기준)1️⃣ _data/hidden_tags.yml 파일 생성12hidden: - music후에 홈 화면에서 숨기고싶은 포스트가 있다...
-
갤러리 뷰 카테고리, 태그의 포스트 목록을 갤러리 뷰 형태로 커스텀 기존 테마와 동일하게 라이트/다크 모드 전환 가능 마우스 호버 시 애니메이션 썸네일 줌인 description 표시 카테고리별 뷰 타입 설정 파일(yml)(jekyll-theme-chirpy 7.2.4 기준)1️⃣ ...
-
카테고리 정렬 커스텀 YML 파일로 정의Jekyll은 기본적으로 site.categories를 알파벳 오름차순으로 정렬한다.이를 내가 원하는대로 바꾸고자 한다.(jekyll-theme-chirpy 7.2.4 기준)1️⃣ _data/categories.yml 파일 생성1234# _data/categori...
- Tutorial 마크다운 메모 for blog 줄바꿈끝에 공백 2칸줄바꿈을 여러번 하고싶다면 <br/>수평선1234* * ****- - ----제목 (Header)123456# 제목 1## 제목 2### 제목 3#### 제목 4##### 제목 5###### 제목 6제목 1제목 2제목 3제목 4제목 5제목 6코드블럭 ...
- Tutorial Getting Started Creating a Site RepositoryWhen creating your site repository, you have two options depending on your needs:Option 1. Using the Starter (Recommended)This appr...
- Tutorial Writing a New Post This tutorial will guide you how to write a post in the Chirpy template, and it’s worth reading even if you’ve used Jekyll before, as many features require s...
-
Text and Typography HeadingsH1 — headingH2 — headingH3 — headingH4 — headingParagraphQuisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesu...