소개 페이지

개요

Quarto를 사용하면 개인 또는 조직을 위한 간단한 소개 페이지를 쉽게 만들 수 있습니다. 문서에 about 옵션을 제공하면, 사람이나 조직을 소개하도록 설계된 사용자 정의 레이아웃 템플릿이 현재 페이지 콘텐츠에 적용됩니다.

예:

---
title: "Finley Malloc"
about:
  template: jolla
  image: profile.jpg
  links:
    - icon: twitter
      text: twitter
      href: https://twitter.com
    - icon: github
      text: Github
      href: https://github.com
---

Finley Malloc is the Chief Data Scientist at Wengo Analytics. When not innovating on data platforms, Finley enjoys spending time unicycling and playing with her pet iguana.

## Education

University of California, San Diego | San Diego, CA
PhD in Mathematics | Sept 2011 - June 2015

Macalester College | St. Paul, MN
B.A in Economics | Sept 2007 - June 2011

## Experience

Wengo Analytics | Head Data Scientist | April 2018 - present

GeoScynce | Chief Analyst | Spet 2012 - April 2018

이 페이지 콘텐츠는 profile.jpg 이미지를 사용해 jolla 템플릿으로 배치되며, links에 지정된 항목에 대해 링크 집합을 생성합니다.

페이지 콘텐츠는 원하는 방식으로 작성/서식 지정할 수 있습니다. 페이지가 렌더링되면 Quarto는 about 옵션에 제공된 콘텐츠와 옵션을 사용해 소개 페이지를 만들고, about 옵션의 콘텐츠를 페이지의 나머지 콘텐츠와 함께 배치합니다.

템플릿

Quarto에는 Postcards R Package에서 영감을 받은 5가지 내장 템플릿이 있습니다. 내장 템플릿은 다음과 같습니다:

jolla
trestles
solana
marquee
broadside

각 템플릿은 소개 요소와 콘텐츠를 서로 다른 레이아웃으로 배치합니다. template 옵션으로 템플릿을 선택합니다:

about:
  template: trestles

각 템플릿의 미리보기는 다음과 같습니다:

jolla 템플릿의 소개 페이지 스크린샷. 사진은 중앙 원형으로 이름 제목 위에 있고, 아래에는 중앙 정렬된 문단이 있습니다. 구분선 아래에는 중앙에 twitter와 github 버튼이 있습니다.

trestles 템플릿의 소개 페이지 스크린샷. 왼쪽에는 직사각형 사진과 이름, 그 아래에 twitter와 github 버튼이 있습니다. 오른쪽에는 본문 문단과 Education, Experience 섹션이 있습니다.

solana 템플릿의 소개 페이지 스크린샷. 왼쪽에는 이름 제목과 그 아래 twitter/githib 버튼, 이어서 본문 문단과 Education, Experience 섹션이 있습니다. 오른쪽 상단 열에는 직사각형 이미지가 있습니다.

marquee 템플릿의 소개 페이지 스크린샷. 상단에 큰 정사각형 이미지가 있고, 아래에는 이름 제목과 본문 문단, Education, Experience 섹션이 있습니다. 페이지 하단 중앙에는 Twitter와 GitHub 링크가 아이콘과 함께 표시됩니다.

broadside 템플릿의 소개 페이지 스크린샷. 왼쪽에 직사각형 이미지가 있고 오른쪽에는 이름 제목, 본문 문단, Education, Experience 섹션이 있습니다. 페이지 하단 중앙에는 Twitter와 GitHub 링크가 아이콘과 함께 표시됩니다.

이미지

소개 페이지의 이미지는 문서 수준 image 옵션에서 읽습니다:

title: Finley Malloc
image: profile.jpg
about:
  template: jolla

또한 다음 옵션을 설정해 페이지에서 이미지가 표시되는 방식을 사용자 정의할 수 있습니다.

옵션	설명	템플릿
`image-width`	이미지의 유효한 CSS 너비.	all
`image-shape`	소개 페이지 이미지의 형태. `rectangle`, `round`, `rounded` 중 선택	`jolla`, `solana`, `trestles`
`image-alt`	이미지 대체 텍스트	all
`image-title`	이미지 제목	all

예:

title: Finley Malloc
image: profile.png
about:
  template: trestles
  image-width: 10em
  image-shape: round

링크

소개 페이지에는 본인 또는 조직에 관한 다른 리소스로 연결되는 링크 집합을 포함할 수도 있습니다. 각 템플릿은 이 링크를 약간 다른 방식으로 렌더링합니다. 각 링크에 대해 지정할 수 있는 옵션은 다음과 같습니다:

옵션	설명
`href`	프로젝트 내 파일 또는 외부 URL 링크.
`text`	내비게이션 항목에 표시할 텍스트(제공하지 않으면 문서 `title` 기본값 사용).
`icon`	표준 Bootstrap 5 아이콘 이름(예: “github”, “twitter”, “share” 등).
`aria-label`	내비게이션 항목의 접근성 레이블.

부분 페이지 콘텐츠

기본적으로 소개 페이지는 페이지 전체 콘텐츠를 사용해 생성됩니다. 그러나 소개 템플릿에 사용할 페이지 콘텐츠 일부만 사용하고 싶다면, 문서 프론트매터에서 소개 페이지의 id를 지정할 수 있습니다. 페이지 렌더링 시 Quarto는 해당 id를 가진 div를 찾아 그 div의 내용을 소개 템플릿으로 사용합니다. 콘텐츠를 제공한 div는 서식화된 소개 콘텐츠로 대체됩니다. 예:

---
title: "Finley Malloc"
about:
  id: hero-heading
  template: jolla
  image: profile.jpg
  links:
    - icon: twitter
      text: twitter
      href: https://twitter.com
    - icon: github
      text: Github
      href: https://github.com
---

### This content appears above the formatted about page content.

:::{#hero-heading}

Finley Malloc is the Chief Data Scientist at Wengo Analytics. When not innovating on data platforms, Finley enjoys spending time unicycling and playing with her pet iguana.

## Education

University of California, San Diego | San Diego, CA
PhD in Mathematics | Sept 2011 - June 2015

Macalester College | St. Paul, MN
B.A in Economics | Sept 2007 - June 2011

## Experience

Wengo Analytics | Head Data Scientist | April 2018 - present

GeoScynce | Chief Analyst | Sept 2012 - April 2018

:::

### This content appears below the formatted about page content.