기타영역 공부 기록 34

[오디세이 스킨] 제목 스타일 수정

제목 스타일이란? 글을 작성하실 때 글씨 스타일을 설정할 수 있습니다. 아래 예는 제목1을 설정했습니다. 제목 스타일은 Html 태그에서 Header태그로 치환됩니다. 예로 제목1 스타일은 H2태그에 해당합니다. 오디세이 스킨 제목 스타일 불편한점 오디세이 스킨에서 H1 css는 뚜렷한 차이가 없습니다. 저는 대제목 용도로 본문을 나눌 때 사용합니다, 하지만 제목 스타일을 적용했을 때, 적용 안 했을 때와 차이가 없어 분리구간을 구분하기가 어려웠습니다. 변경방법 원리 ".article-view {hx}" css를 수정하면 됩니다. 제목1 스타일을 변경하고 싶으면 ".article-view h1"을 수정하면 됩니다. 제목1 스타일 저는 border속성과 padding을 사용하여 스타일을 꾸몄습니다. .ar..

[오디세이 스킨] 글 제목 폰트크기 수정(PC판)

글 제목 폰트크기를 변경 전/후 비교 오디세이 스킨 기본설정을 사용하면, 글 제목이 여백이 있음에도 불구하고 다음 줄로 넘어갑니다. 폰트 크기를 수정하면 아래처럼 예쁘게 한 줄로 나옵니다. 변경방법 ".article-header" css에서 font-size와 font-weight를 적절히 줄이면 됩니다. .article-header .title-article { display: block; width: 100%; max-width: 816px; margin: 0 0 33px 0; # 아래 줄 변경 font-size: 33px; # 아래 줄 변경 font-weight: 200; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -..

[오디세이 스킨] 글 제목 배경을 검정색으로 변경

글 제목 검정색 변경이란? 오디세이 스킨을 사용하면 글 제목에 자동으로 썸네일이 삽입됩니다. 썸네일을 삽입하지 않고 검정색으로만 표시할 수 있습니다. 또는 배경자체를 삭제하는 방법이 있습니다. 이 방법은 https://malwareanalysis.tistory.com/571를 참고해주세요. 변경방법 article-header:before css에서 barckground-color를 검정색으로 변경하면 됩니다. .article-header:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; # 아래 코드를 수정 background-color: rgba(0, 0, 0, 1); z-index: 1; } 참고자료 [1] ..

[오디세이 스킨] 글 제목 배경 제거

오디세이 스킨 글 제목 배경 오디세이 스킨을 사용하면, 글 제목에 배경이 항상 삽입됩니다. 저는 아래 그림처럼 배경을 꾸미지 않습니다. 그래서 그림 비율이 깨져서 나옵니다. 배경을 제거하면 아래처럼 글 제목만 나옵니다. 글 배경제거 하는 방법 css를 수정하여 글 배경을 제거할 수 있습니다. 먼저 블로그 스킨편집창으로 이동합니다. 스킨 편집창에서 css를 수정할 수 있습니다. "#tt-body-page .main"필드 값을 40px로 수정합니다. #tt-body-page .main { padding-top: 40px; } ".article-header"를 아래와 같이 수정합니다. .article-header { background-image: none!important; } .article-header:..

[오디세이 스킨] 본문 너비 조절(PC버전만)

오디세이 스킨 레이아웃과 비율 오디세이 스킨 레이아웃은 본문과 사이드바로 구성되어 있습니다. 저는 기본으로 설정된 본문과 사이드바 비율이 마음에 안들어 비율을 변경했습니다. 기본 레이아웃 비율은 약 5:3비율로 되어 있습니다. 나머지 20%는 좌우 여백으로 설정되어 있습니다. 변경방법 css편집기로 이동합니다. CSS편집기에서 /* area-main */ 을찾습니다. 총 4곳을 변경해야합니다. 본문 + 사이드바 전체 (가로)길이를 설정합니다. 본문 비율을 설정합니다. 저는 80%로 설정했습니다. 사이드바 비율을 설정합니다. 저는 80%로 설정했습니다. 본문 그림? 크기를 설정합니다.

2023 1.16 ~ 1.21 기억에 남는 자료 정리

1.16 ~ 1.21에 봤던 글, 영상 중에 기억에 나는 것을 정리했습니다. devops코드를 chatgpt로 작성하는 가이드 영상 3시 50분에 출근하는 사람들 Nosql DB가 빠른 이유 DB 원자성 devops코드를 chatgpt로 작성하는 가이드 영상 nana유투브 채널에 chatgpt로 devops코드를 작성하는 방법을 업로드했습니다. 처음 입문하시는 분에게 큰 도움이 되는 영상입니다. 요즘 업무에서도 chatgpt를 이용하여 쿠버네티스 manifest를 생성하고 CS지식을 공부할 때 많은 도움을 받고 있습니다. 유투브 링크: https://youtu.be/l-kE11fhfaQ 3시 50분에 출근하는 사람들 새벽에 일찍 출근하는 근로자를 위해 3시 50분 첫차가 생겼다는 뉴스입니다. 영상을 보면..

맥북 oh-my-zsh 플러그인 설치시, "Not found"오류 해결

맥북에서 oh-my-zsh 플러그인을 설치할 경우 "Not found"오류가 발생합니다. oh-my-zsh의 플러그인 위치가 달라서 플러그인 설치를 실패한 것입니다. 그래서 맥북에서는 플러그인을 수동으로 설치한 후, 플러그인을 로드해야 플러그인을 로드할 수 있습니다. 수동 설치는 git clone으로 할수 있고 저장위치는 "~/.oh-my-zsh/custom/plugins"입니다. git clone https://github.com/zsh-users/zsh-autosuggestions ~/.oh-my-zsh/custom/plugins/zsh-autosuggestions 수동 설치 후 .zshrc파일에 plugins필드에 설치한 플러그인을 설정해야 합니다. 참고자료 github issue: https://..