Quarto 웹사이트 영상 시리즈

이 네 파트 YouTube 영상 시리즈를 따라 Quarto로 개인 웹사이트를 만들어보세요.

학습
워크숍
Authors

Charlotte Wickham

Mine Çetinkaya-Rundel

Published

December 4, 2024

작업물을 소개할 전문적인 웹사이트가 필요하신가요? 이미 Quarto로 문서를 만들었다면 기술적으로 Quarto 웹사이트를 만들 준비가 된 것입니다. Charlotte WickhamEmil Hvitfeldt이 진행하는 이 영상 시리즈에서 웹사이트 구축과 외형 커스터마이징에 필요한 모든 내용을 배울 수 있습니다.

YouTube 재생목록

Quarto 웹사이트 1: 홈페이지 만들기

이 영상에서는 기능적이고 보기 좋은 템플릿으로 시작해 시리즈 나머지 강의의 기반을 다집니다. 홈페이지 콘텐츠와 디자인을 커스터마이징하며 Quarto 웹사이트의 핵심 파일인 index.qmd_quarto.yml을 익히고, 최종적으로 웹사이트를 배포하는 방법도 배웁니다.

링크: 소개 페이지 | YAML 외형 옵션

코드: 시작 코드 | 완성 코드

Quarto 웹사이트 2: 페이지와 탐색 추가

홈페이지를 준비했다면 다른 페이지도 추가하고 사람들이 쉽게 찾을 수 있도록 탐색 메뉴에 넣어 보세요.

링크: Bootstrap 아이콘 | 탐색 바 옵션 | Quarto 웹사이트 탐색

코드: 시작 코드 | 완성 코드

Quarto 웹사이트 3: CSS/SCSS로 외형 맞춤

웹사이트 콘텐츠가 준비되었다면 YAML 옵션을 넘어서 사이트의 느낌을 어떻게 꾸밀지 알아봅니다. 먼저 CSS/SCSS 기본 지식과 좋은 디자인 선택을 배우고, 이를 Quarto 웹사이트에 적용합니다.

링크: 색 대비 검사기 | Google Fonts

코드: 시작 코드 | 완성 코드

Quarto 웹사이트 4: listings로 콘텐츠 목록 추가

listings 페이지를 추가하면 프로젝트, 강연, 발표, 블로그 글처럼 관련 콘텐츠를 멋지게 소개할 수 있습니다. 이번 영상에서는 Quarto에서 listings 페이지를 만들고, Quarto 문서 또는 YAML 파일로 콘텐츠를 채우는 두 가지 방법을 보여줍니다.

링크: listings 안내 | Andrew Heiss의 teaching listings

코드: 시작 코드 | 완성 코드

Subscribe

Enjoy this blog? Get notified of new posts by email: