블로그원 개발 설정 가이드
블로그원에서 SimpleMemory 주제를 사용하고 다음과 같은 설정을 적용합니다.
1. 주제 설치 및 설정
- 블로그원 계정에 JavaScript 사용 권한을 신청하세요.
- 블로그원 > 설정 > 주제에서 SimpleMemory 주제를 선택합니다.
- 렌더 엔진을 highlight.js로 설정하고 "mac 스타일" 체크를 해제합니다.
- 테마를 "cnblogs"로 설정합니다.
2. CSS 설정
/* 글꼴 설정 */
@font-face {
font-family: 'LongCang';
src: url('https://img.justpureh2o.cn/fonts/HYJiangJun-55W.woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* 기본 글자 크기 */
html {
font-size: 62.5%;
}
body {
background-color: #fff;
font-size: 12px;
font-family: Merriweather, "Open Sans", "Microsoft Jhenghei", "Microsoft Yahei", sans-serif;
color: #3A4145;
}
/* 배너 및 제목 효과 */
.article-title, button {
text-transform: uppercase;
}
/* 읽기 편리성 */
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: none;
}
3. JavaScript 설정
4. 추가 커스텀 설정
- 페이지 배경 이미지를 설정합니다.
- 읽기모레 버튼 및 기타 UI 요소를 커스텀합니다.
- 특정 폰트를 추가 설치하고 적용합니다.
5. 참고 및 유지보수
- 변경된 설정이 마음에 들지 않으면 원래 설정으로 복원하세요.
- 플러그인 설치 전에 문서를 반드시 확인하세요.
- 코드 수정 시에는 테스트 환경에서 작업后再 적용하세요.