스타일 Lookatme 슬라이드 좀 더 개인적인

나는 최근에 python web conf 2022에서 강연을 했고, 프레젠테이션 작업을 해야 할 때 내가 한 일 중 하나는 내 프레젠테이션이 어떻게 보이는지에 대해 작업하는 것이었습니다... 고전적인 미루는 기술.

슬라이드 1

이 섹션을 사용하여 스타일을 변경할 때 어떻게 보이는지 보여드리겠습니다.

from markata import Markata Markata() markata.run()

☝ This is how my website is built

마크다운 쓰기

빌드 사이트

게시

기본

이것이 lookatme에서 위의 슬라이드처럼 보이는 것입니다.

가장 중요한 요소에 포커스 설정

내가 슬라이드를 작성하는 방식에서 가장 눈에 띄는 요소는 프레젠테이션 제목이 아니라 슬라이드 제목이 되기를 원합니다. 슬라이드 제목은 일반적으로 내가 만들려고 하는 요점입니다. 원하는 경우 지원 정보를 남길 수 있지만 때로는 제목만 있습니다.

styles:
    title:
        bg: default
        fg: '#e1af66'
    headings:
        '1':
            bg: default
            fg: '#ff66c4,bold,italics'
            prefix: ' ⇁ '
            suffix: ' ↽ '

by default he prefix/suffix was a full block that just went transparant into
the slide. I thought the harpoons were fun and went with them on a whim

상자 문자가 나를 귀찮게

박스 캐릭터는 정말 괜찮은데 연결이 안되어 있는게 정말 귀찮습니다. 작성자는 아마도 대부분의 시스템에서 괜찮아 보이고 많은 터미널이 글꼴이 올바르지 않고 정렬되지 않기 때문에 이 작업을 수행하는 것 같습니다. 상자 문자를 제대로 연결하는 새 터미널 이외의 Windows 터미널이 있는지 확실하지 않습니다.

    quote:
        side: '│'
        style:
            bg: default
            fg: '#aaa'
        top_corner: '╭'
        bottom_corner: '╰'

`

저자 추가

문서의 머리말 루트에 작성자를 추가하면 슬라이드 왼쪽 하단에 추가됩니다.
yaml
author: '@_waylonwalker'


작성자 스타일 지정

We can style the foreground and background of this text by adding something like this to the styles section of the frontmatter.

yaml
author:
bg: default
fg: '#368ce2'


바닥글의 나머지 부분

While we are at it, lets style the rest of the footer to my own theme. Let's pop this into the style and see what it looks like.

yaml
date:
bg: default
fg: '#368ce2'
slides:
bg: default
fg: '#368ce2'


패딩 줄이기

When I am presenting I am punched in as big as I can go, and which makes the padding massive. I want as much as the screen real estate devoted to making big readable text as I can.

yaml
padding:
bottom: 0
left: 0
right: 0
top: 0


최종 결과

Here is what the final frontmatter looks like to fully style my talk.

`얌 날짜: 2022-03-24 templateKey: til title: Style Lookatme Slides a little more 개인 태그: 파이썬 클리 파이썬 작성자: '@_waylonwalker' 스타일: 심: 하단: 0 왼쪽: 0 오른쪽: 0 상단: 0 제목: bg: 기본값 fg: '#e1af66' 데이트: bg: 기본값 fg: '#368ce2' 슬라이드: bg: 기본값 fg: '#368ce2' 제목: '1': bg: 기본값 fg: '#ff66c4,굵게,이탤릭체' 접두사: ' ⇁ ' 접미사: ' ↽ ' 인용하다: 면: '│' 스타일: bg: 기본값 fg: '#아아' top_corner: '╭' bottom_corner: '╰' 작가: bg: 기본값 fg: '#368ce2' --- `