Skip to content
Kang Log
Go back

옵시디언 css 설정

Updated:

옵시디언 Css 설정

#옵시디언


옵시디언에서 원하는 기능이 있다면 CSS 를 찾아보자

내가 보기엔 DataView 로 원하는대로 표현하는데에는 어느정도 제한이 있음

==적절한 CSS 를 찾아서 Snippets 에서 활성화 시켜주면 됨==

제목

mcl/list-card 를 통해 이렇게 만들수 있다 (카드)

List Grid Example - Goals and Objectives

mcl/list-grid 를 통해 이렇게 만들 수 있다

사진

[!white|left-side] univercity

고양이(cat) 는 식육목 고양이과 고양이속의 한 종 (Felis catus) 이다. 고양이의 신체적 특성과 습성은 다른 고양이과 동물들과 유사하게 빠른 반사신경, 탁월한 유연성, 날카로운 이빨, 넣고 꺼낼 수 있는 발톱 등이 있다.

매우 긴 수면 시간을 가지고 있어 하루 종일 자는 시간이 굉장히 많으나 기본적으로 야생에서는 포식자 동물이라는 특성상 박명박모성 () 으로, 해 뜰 녘과 해 질 녘에 주로 행동한다. 또한 여타 고양잇과 동물들과 같이 고양이는 육식동물로, 야생에 사는 들고양이는 다람쥐, 작은  등을 사냥해 잡아먹는다.

한국 에서는 사는 곳에 따라 들고양이길고양이집고양이 등으로 구분된다. 고양이는 19 세기 후반 이후 인간에 의해 품종이 개량 되어 다양한 묘종 이 있으며, 품종 등록을 관장하는 국제고양이협회 (TICA) 는 71 개 묘종을 인정한다.

==[!callout|left-side] or [!callout|right-side] 로 위와같이 만들 수 있다==





H1

H2

H3

H4

H5
H6

asdasd asda asdasd

asdadsad asdasd

warning

asd asd

MultiColumn 제목있는경우

[!multi-column]

title: 하얀색
내용1
~~~ js
const a = 1;
~~~
title:하늘색
내용2

MultiColumn 제목 없는 경우

[!multi-column]

내용1
내용2

Multi-Column 으로 DataView 를 쓰는게 좋아보임

[!multi-column]

~~~ dataview
TABLE WITHOUT ID
link(file.path,file.name) AS "옵시디언",
dateformat(file.mtime, "yyyy년 MM월 dd일- HH:mm") AS ""
FROM #옵시디언 AND "Studied"
SORT series ASC
~~~
~~~ dataview
TABLE WITHOUT ID
link(file.path,file.name) AS "학습정리",
dateformat(file.mtime, "yyyy년 MM월 dd일- HH:mm") AS ""
FROM #학습정리 AND "Studied"
SORT series ASC
~~~

커스텀 CSS

대부분의 내 커스텀 CSS 는 wide-page.css 의 커스텀 부분에 전부 작성해 두었다.

이상이 생기면 거기서 하나씩 확인해보자


Share this post on:

Previous Post
타입가드
Next Post
(맥북) 유용한 앱들