블로그관리7

• KaTeX: 더 빠른 성능의 수식 입력 라이브러리 더 빠른 성능의 KaTeX 한창 MathJax를 써오다가 속도하락을 경험한 후, 더 빠른 KaTeX를 알게되었다. 티스토리 HTML편집에서 사이에 아래와 같이 집어넣었다. auto-render extension이 왜 따로 필요한지는 모르겠다. 사용법 인라인은 $로 감싸고, 블록 표기는 $$로 감싼다. $ 1+1=2 $ $$ 1+2 = 3 $$ $ 1+1=2 $ $$ 1+2 = 3 $$ 블로그관리 2022. 6. 20.

• 복사 방지 설정 (웹 / 티스토리 블로그) 티스토리 블록 복사 방지 설정 역시 HTML편집으로 들어간다. 태그가 끝난 후 태그 이전에, 태그에 아래와 같은 속성을 넣어준다. 원래 body태그의 id속성만 지정되어있었다면 oncontextmenu, onselectstart, ondragstart 3개의 속성을 추가해주는 것이다. 속성 각 속성에 대한 설명은 아래와 같다 onselectstart 드래그 시작 영역 선택 이벤트 oncontextmenu 우클릭 이벤트 ondragstart 이미지 드래그 이벤트 블로그관리 2022. 6. 15.

• 티스토리 마크다운 코드블럭에 highlight.js 적용하기 Highlight.js 마크다운에서 코드블럭을 사용할 때, 작성한 코드 문법에 따라 색을 이쁘게 입혀주는 자바스크립트 라이브러리이다 적용방법 아래의 코드를 스킨 편집 -> HTML 편집 -> HTML 에 입력하면 바로 적용되는것을 확인할 수 있다. 블로그관리 2022. 6. 10.

• 깃허브 스타일 마크다운 적용하기 깃허브 ccs 마크다운 적용하기 깃허브 스타일의 마크다운 방식을 티스토리에 적용한다. 특히나 코드 입력 부분에서 티스토리 기본 양식은 너무 구리기때문에.. 1. css파일 추가 스킨 편집 -> HTML 편집 -> HTML 들어가서 아래 코드를 한 줄 추가한다. Contents Delivery Network에서 js파일을 받아와 알아서 적용한다. 2. 마크다운 클래스 추가(선택사항) 위의 1번 과정만 해주어도 정상 작동하지만, 패딩을 바꾼다던지 손보고 싶은 부분이 있다면 markdown-body 클래스를 직접 수정할 수 있다. 스킨 편집 -> HTML 편집 -> CSS 부분에서 아래와 같이 입력한다. 깃허브는 max-width 980px, 45px padding을 쓰고 모바일은 15px 패딩을 쓴다. 공간.. 블로그관리 2022. 6. 10.

• 티스토리 기준 마크다운 기본적인 사용법 마크다운 마크다운을 이용하여 글을 작성하면, 결국 텍스트 파일이기때문에 매우 가볍다는 장점이 있다. 그 경량성으로 인해 여러 텍스트에디터나 블로그같은 웹에서도 많이 지원한다. 하지만 표준 규격이 없어 툴마다, 에디터마다 디테일이 다르다는 단점이 있다. 사용법 문단 제목 샵(#)를 이용하여 작성한다. 깃허브 스타일 마크다운은 샵 2단계까지 언더라인이 들어가고, 티스토리에서는 샵 3단계에 단락나눔 효과가 들어가있다. # 1단계 ## 2단계 ### 3단계 #### 4단계 ##### 5단계 ###### 6단계 문단 줄바꿈 두 번으로 문단을 구분하거나, 강제로 개행을 하려면 줄 끝에 공백 두칸, 또는 역슬래시(\) 를 사용한다. 가독성 문제로 역슬래시를 쓰는게 더 낫다. 목록 *또는 -로 목록을 사용할 수 있다... 블로그관리 2022. 6. 7.

• 

  [SEO] 구글 서치 콘솔 등록하기 구글 서치 콘솔 등록 구글 서치콘솔은 사용자의 웹페이지가 구글에서 검색되는 것을 모니터링하기위한 서비스이다. 서치콘솔에 가입하지 않아도 구글 검색결과에 포함되지만, 검색 유입 경로, 색인 생성 문제 파악, 스팸 등 트래픽 모니터링을 통해 사이트를 파악하고 개선할 수 있다. 무료 서비스다. 구글 서치콘솔 소유권 확인 우선 웹페이지가 사용자의 것인지 소유권을 확인하는 과정이 필요하다. 속성 추가를 누르면 도메인과 URL 접두어 두 가지 중 속성 유형을 선택해야 하는데, 도메인을 직접 소유하고있다면 도메인으로, DNS인증을 거쳐 도메인의 소유권이 본인 것임을 증명한다. 티스토리의 경우 URL 접두어를 클릭해 웹페이지가 본인 소유임을 밝혀야한다. 아래의 다섯 가지 방법이 제시되는데, 1) HTML파일 2) HT.. 블로그관리 2021. 12. 19.

• [js] MathJax - 자바스크립트 수식 입력 라이브러리 MathJax MathJax는 TeX 에서 쓰는 수식기호를 그대로 가져와, 브라우저에서도 쓸 수 있게 해주는 자바스크립트 라이브러리다. 티스토리에 이 라이브러리를 적용하면 손쉽게 수식을 입력할 수 있다. 적용하는법 스킨 편집 -> html 편집 -> HTML 아래 코드 추가 js파일을 다운받아 티스토리에 아래와 같이 직접 적용하려 하면, 폰트가 다르게 나온다. 문서에서는 이를 same origin policy 때문이라고 설명하는 것 같다. 아파치 웹서버일 경우 해볼 수 있는 부분이 있는걸로 보이는데, ... 티스토리에서는 어떻게 할 수 있을지 모르겠다. Typically, you want to have MathJax installed on the same server as your web pages th.. 블로그관리 2021. 12. 16.