목차
옵시디언(Obsidian)에서 텍스트 색상을 변경하는 방법에 대해 기술했습니다. 옵시디언은 마크다운 기반의 노트 작성 도구로, CSS를 활용하여 다양한 텍스트 스타일링을 할 수 있습니다.
사용자 정의 CSS 파일을 생성하고, CSS 코드를 작성하여 텍스트 색상과 스타일을 변경하는 방법을 상세히 설명했습니다.
또한, 옵시디언에서 특정 단어를 강조하기 위한 다양한 방법들(기울임체, 굵게, 배경색 강조, 코드 블록 등)에 대해 알아보았습니다.
마지막으로, 이러한 내용을 시각적으로 설명하는 이미지를 제공하여 실제 적용 방법을 이해하기 쉽게 도왔습니다.
오라클 리눅스
옵시디언(Obsidian)에서 글자 색을 변경하는 방법을 알아보겠습니다. 옵시디언은 마크다운(Markdown)을 기반으로 한 노트 작성 도구로, CSS를 활용하여 글자 색을 포함한 다양한 스타일을 변경할 수 있습니다.
사용자 스타일 시트(Custom CSS) 파일 생성
옵시디언은 사용자 정의 CSS 파일을 통해 노트의 스타일을 변경할 수 있습니다. 이를 위해 먼저 CSS 파일을 생성합니다.
1. 옵시디언에서 설정(Settings)을 엽니다.
2. 'Appearance' 탭을 선택합니다.
3. 'CSS snippets' 섹션에서 'Open snippets folder' 버튼을 클릭하여 CSS 스니펫 폴더를 엽니다.
4. 스니펫 폴더에 .css 파일을 생성합니다. 예를 들어, custom.css라고 이름을 지을 수 있습니다.
CSS 코드 작성
생성한 CSS 파일에 원하는 스타일을 추가합니다. 예를 들어, 특정 텍스트 색상을 변경하려면 다음과 같은 코드를 사용할 수 있습니다.
/* custom.css */
.markdown-preview-section p {
color: red; /* 모든 본문 텍스트를 빨간색으로 변경 */
}
.markdown-preview-section h1 {
color: blue; /* 모든 H1 제목 텍스트를 파란색으로 변경 */
}
/* 특정 클래스에 스타일 적용하기 */
.markdown-preview-section .highlight {
color: green; /* highlight 클래스가 적용된 텍스트를 초록색으로 변경 */
}
CSS 스니펫 적용
작성한 CSS 파일을 적용하려면 다음 단계를 따릅니다.
- 옵시디언 설정(Settings)에서 'Appearance' 탭을 다시 엽니다.
- 'CSS snippets' 섹션에서 생성한 custom.css 파일을 찾고 토글 스위치를 켜서 활성화합니다.
특정 텍스트에 클래스 적용하기
마크다운 파일에서 특정 텍스트에 CSS 클래스를 적용하여 색상을 변경할 수도 있습니다. 예를 들어, highlight 클래스를 적용하려면 다음과 같이 작성합니다.
This is a normal text.
<span class="highlight">This text will be green.</span>
옵시디언에서는 기본적으로 HTML 태그를 사용할 수 있으므로, <span> 태그를 이용하여 특정 텍스트에 클래스를 적용할 수 있습니다.
위 단계를 통해 옵시디언에서 텍스트 색상을 변경할 수 있습니다.
옵시디언에서 특정 텍스트 색을 변경하기 위해 주로 사용하는 CSS 속성
옵시디언에서 특정 텍스트의 색을 변경하기 위해 주로 사용하는 CSS 속성은 color입니다. color 속성은 텍스트의 색상을 지정할 수 있으며, 다양한 색상 값을 사용할 수 있습니다.
color: red;는 텍스트 색상을 빨간색으로, color: #00ff00;는 텍스트 색상을 초록색으로 변경합니다.
옵시디언에서 사용자가 정의한 CSS 파일을 저장할 폴더 경로 찾기
옵시디언에서 사용자 정의 CSS 파일을 저장할 폴더 경로를 찾는 방법은 다음과 같습니다.
1. 옵시디언을 엽니다.
2. 설정(Settings) 아이콘을 클릭하여 설정 메뉴를 엽니다.
3. 왼쪽 메뉴에서 'Appearance' 탭을 선택합니다.
4. 'CSS snippets' 섹션으로 스크롤합니다.
5. 'Open snippets folder' 버튼을 클릭합니다.
'Open snippets folder' 버튼을 클릭하면 운영체제의 파일 탐색기가 열리면서 스니펫 폴더가 표시됩니다. 이 폴더에 사용자 정의 CSS 파일을 생성하고 저장할 수 있습니다.
옵시디언에서 특정 단어를 강조하기 위해 사용할 수 있는 다른 방법들
옵시디언에서 특정 단어를 강조하는 방법은 여러 가지가 있습니다. 여기서는 텍스트 스타일링과 관련된 다양한 방법들을 살펴보겠습니다.
1. 기본 마크다운 강조
마크다운에서는 텍스트를 굵게 또는 기울임체로 표시할 수 있습니다.
기울임체: 단어 또는 구문을 별표(*) 또는 언더스코어(_)로 감쌉니다.
*이것은 기울임체 텍스트입니다*
_이것도 기울임체 텍스트입니다_
굵게: 단어 또는 구문을 두 개의 별표(또는 언더스코어)로 감쌉니다.
**이것은 굵은 텍스트입니다**
__이것도 굵은 텍스트입니다__
굵게 기울임체: 단어 또는 구문을 세 개의 별표(또는 언더스코어)로 감쌉니다.
***이것은 굵고 기울임체 텍스트입니다***
___이것도 굵고 기울임체 텍스트입니다___
2. 색상 강조 (CSS 사용)
마크다운 자체로는 색상을 변경할 수 없지만, HTML과 CSS를 함께 사용하여 색상을 강조할 수 있습니다.
HTML <span> 태그와 CSS 클래스 사용
<span class="highlight">이 텍스트는 강조 표시됩니다.</span>
CSS 파일에서 해당 클래스 정의
.highlight {
color: red; /* 원하는 색상으로 변경 */
font-weight: bold; /* 텍스트를 굵게 */
}
3. 배경색 강조
HTML과 CSS를 사용하여 텍스트 배경색을 강조할 수 있습니다.
HTML <span> 태그 사용
<span class="bg-highlight">이 텍스트는 배경색으로 강조됩니다.</span>
CSS 파일에서 해당 클래스 정의
.bg-highlight {
background-color: yellow; /* 원하는 배경색으로 변경 */
color: black; /* 텍스트 색상 설정 */
}
4. 코드 블록 강조
코드 블록을 사용하여 텍스트를 강조할 수 있습니다.
백틱(``)을 사용하여 인라인 코드 블록 만들기
세 개의 백틱(```)을 사용하여 여러 줄 코드 블록 만들기
이 방법들은 모두 특정 단어를 시각적으로 강조하는 데 유용하며, 필요한 스타일에 따라 적절히 선택할 수 있습니다.