Reference
반응형
글쓰기를 위한 자료
강조색 색상코드
#00A572 , 배경 #F4F4F4
프라치노 설정들
<!-- 낮, 새벽, 밤 -->
<div class="fraccino-setas-day"></div>
<div class="fraccino-setas-dawn"></div>
<div class="fraccino-setas-night"></div>
<!-- 전체 화면 커버이미지 -->
<div class="fraccino-enabledfullcover"></div>
저작권 걱정 없는 무료 사진 사이트
빅풋 주석 사용하기
[footnote] 내용 [/footnote ]
코드 사용하기
티스토리 기본: https://highlightjs.readthedocs.io/en/latest/css-classes-reference.html
prismjs.com/plugins/command-line/
<pre class="line-numbers lang-c match-braces"><code>
printf("Hello");
</code></pre>printf("Hello");
커피 배너 버튼 달기
<p style="text-align: center;"><a href="https://www.buymeacoffee.com/coffeepersona" target="_blank" rel="noopener"><img style="height: 60px !important; width: 217px !important;" src="https://cdn.buymeacoffee.com/buttons/v2/arial-yellow.png" alt="Buy Me A Coffee" /></a></p>
스킨 업데이트 요약
추가할 파일
- 로고
- Bigfoot.min.js
- prism.js
- prism.css
my-prism.css
0.01MB
my-prism.js
0.08MB
<head> 에 추가
- 네이버 메타태그
- Buy Me a Coffee
- BIg Foot 주석
- Prism
<!-- 네이버메타태그 -->
<meta name="naver-site-verification" content="60ab58132bd558f247b40e2c9b1b505af0280380" />
<!-- BuyMeACoffee -->
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="coffeepersona" data-description="Support me on Buy me a coffee!" data-message="Support this blog!" data-color="#FFDD00" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
<!-- 빅풋각주 -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="./images/bigfoot.min.js"></script>
<script type="text/javascript"> $.bigfoot( { actionOriginalFN: "hide", activateOnHover: "true", deleteOnUnhover: "true", } ) </script>
<!--Code hight light-->
<link href="./images/my-prism.css" rel="stylesheet" />
<body> 맨 밑에 추가
<script src="./images/my_prism.js"></script>
CSS 에 추가
- bigfoot-default.css 내용 전체 복붙
기타설정
- CDN 끄기
- Code Highlight 기능 끄기
// 프리즘 적용 테스트용
int main(){
printf("Hello World!\n");
}
// 기본 코드블럭
int main(){
cout << "This is C++\n";
}반응형