깃허브 블로그를 구글 검색 엔진에 등록했지만 검색이 안된다면?

깃허브 블로그가 검색이 왜 안됨?은 사실 본인 이야기다. 예전에 구글 서치 콘솔에 본인의 블로그를 검색 가능하게끔 만드는 과정을 포스팅했었는데, 분명 sitemap 제출, robot.txt 추가 등등 사람들이 올려놓은 방법들을 모두 깃허브 블로그에 적용하였고, 심지어 사이트맵 제출 상태가 성공임에도 불구하고 검색이 안되는 문제가 발생하였다. ...
Published on February 20, 2023 | 2 min read

스크롤 내릴 때 페이지 상단에 가로축으로 내려온 정도(퍼센트) 표시하기

물론 스크롤바가 오른쪽에 있기 때문에 굳이 표시해주지 않더라도 포스트를 읽는 과정에서 본인이 어디쯤까지 읽었는지 확인할 수 있지만, 포스팅 상단의 가로축을 통해 스크롤 정도를 표시해주면 훨씬 가독성이 좋은 것 같아보였다. 해당 내용을 구현하기 위해 참고한 블로그는 다음과 같다(참고 링크). 기존에 블로그 테마 작업했던 수준에 비하면 그리 어려운 일은 아닌 것 같아보였다. 해야할 일은 세 가지로 나눌 수 있다....
Published on February 20, 2023 | 3 min read

마크다운 파일을 notion으로 업로드하기

요즘따라 느끼는 사실은 github blog가 자유도는 높지만 그만큼 용량 제한이나 여러모로 사용하는데 불편함이 있다는 점이 많다는 것이다. 가장 주요하게 작용하는 단점은 Velog나 티스토리와 같이 마크다운 기반 사이트와 함께 사용하기엔 좋지만 notion과 함께 활용하기엔 부적절하다는 점인데, notion에서 markdown 파일을 추출하는 건 간단하지만 반대로 markdown에서 notion으로 포스팅하는 것이 불편하기 때문이다.<h1 id="how-to-markdo...
Published on January 30, 2023 | 2 min read

Github blog 코드 블럭 하이라이트 적용해보기

코드 하이라이트를 적용해보기로 하였다. 깃허브 블로그 테마마다 조금씩 다르겠지만, 내가 사용하고 있는 테마에서는 코드 블럭 문구를 사용해서 코드를 삽입해도 키워드가 하이라이팅이 안되는 문제가 있었다. 키워드가 하이라이팅된다는 것은 다음과 같다. 흔히 우리가 마크다운에 파이썬 코드를 넣고 싶다면 `를 3개 붙인 뒤 python을 넣게 되고, 결과물은 다음과 같다. 만약 코드 하이라이팅이 적용되지 않는다면, 결과는 그냥 다음과 같이 나올 것이다.<div class="language-plaintext h...
Published on January 06, 2023 | 3 min read

Mathjax 수식 입력 시 렌더링이 안될 경우

수식 입력 시 오류 발생예전에 작성했던 것과 같이 현재 블로그에는 Mathjax를 기반으로 수식을 입력하고 있다. 인라인 수식 입력 같은 경우에는 달러 싸인을 두 개 사용하고, 수학 공식 블록의 경우에는 역슬래쉬 + 대괄호를 사용하고 있다. 예를 들어, 다음과 같이 작성하면 잘 나오는 것을 볼 수 있다.<pre class="hig...
Published on December 19, 2022 | 1 min read

카테고리별 다른 게시물 추천하기(이전글, 다음글)

카테고리별 게시글 넘어갈 수 있는 버튼 만들기시험공부하면서 농땡이 피울때마다 홈페이지를 업데이트했다. 하루에 기능 하나씩 추가하는게 초반 목표였는데, 어느 정도는 달성되어서 거의 완성되는 중이다. Course work 끝나기 전까지 웹 커스터마이즈는 끝내고 이후에 논문리뷰나 공부할 내용들을 올리는 것이 목표였는데, 한 1/3 정도는 마무리한 것 같다. 그래서 이번에 하고자 했던 것은 바로 네이버 블로그나 이런저런 포스팅 사이트에 가면 볼...
Published on December 16, 2022 | 9 min read

홈페이지 로딩창 구현하기

지루하다..홈페이지의 특정 글을 클릭하고 로딩될 때까지 기다려야한다. 뭐 물론 참을성이 없는 나는 그냥 로딩되는 중간부터 쭉 읽기 시작하기는 하는 편이다. 암튼 블로그에 들어온 사람들이 포스팅에 들어갈라하는데, 해당 글이 이미지도 많고 gif도 많아서 로딩될 때까지 넘 오래걸린다면 중간에 귀찮아서 나가버릴 것이다. 그럼 굉장히 슬플 것이다. <img src="https://user-images.githubusercontent.com/798...
Published on December 16, 2022 | 2 min read

프로필에 텍스트 애니메이션 적용한 소개 단락 만들기

소개 프로필 꾸미기 기존 소개 페이지가 너무 밋밋해서 script를 활용한 새로운 소개 단락을 만들기로 결정하였다. 결과본은 위에 나와있는 것과 같다. 스크롤을 내리면 텍스트가 등장하고, “...
Published on December 14, 2022 | 7 min read

스크롤 내릴 때 컨텐츠 fade out(페이드 아웃) 구현하기

스크롤에 따른 페이드 아웃 기능 구현하기 본인 블로그의 경우 여러 개의 글이 하나의 포스팅 페이지에 세로로 나열되어있다. 그렇다보니 스크롤할 때 위로 올라간 포스트 카드에 대해서는 살짝 페이드 아웃처럼...
Published on December 13, 2022 | 4 min read

github.io 검색 엔진(구글/네이버/다음)에 노출시키기

검색 엔진에 노출시키는 것이란?말 그대로 내가 작성한 글들이 구글이나 네이버와 같은 검색 엔진에 검색될 수 있게 해주는 방법이다. 그냥 github.io 블로그 만들었다!!..가 끝이 아니라 실제로 내가 작성한 글들이 구글로 검색이 되어야만 사람들이 유입되기 때문. 네이버 블로그에서 이사를 오면서 초반에 블로그 테마 정리나 코드 정리 때문에 시간을 좀 들였으니, 이제 슬슬 사람들도 내 블로그를 봐도 괜찮지 않을까 싶다....
Published on December 12, 2022 | 3 min read

github.io 댓글 다크모드 적용 방법

지난번엔,,,저번에는 다크모드를 지금 내가 가지고 있는 테마에 적용했었는데, 그 후로 몇가지 바뀐 점이 있다. 우선 첫번째로는 게시물의 태그랑 하이퍼링크 색에 대해서 아예 테마를 맞춰버렸다. <img sr...
Published on December 12, 2022 | 1 min read

github.io 다크모드/라이트모드 (테마 밝기 조절) 만들기

테마 바꾸기 기능밤에 핸드폰을 켜고 블로그에 들어왔다. 방에 불은 끈 상태였는데, 본인 블로그는 다크 모드를 지원하지 않는 바람에 눈뽕을 당해버렸다. 그래서 눈 건강을 위해 다크 모드를 도입하기로 했다. 대강 생...
Published on December 10, 2022 | 7 min read

github.io에 카테고리 기능 추가해보기

기존 방식의 블로그본인은 현재 WHATATHEME이라는 jekyll 테마를 적용해서 사용 중이다. 그러나 해당 테마의 불편했던 점은 바로 포스팅을 하면 각 카테고리별로 글이 정리되지 않아서 블로그 정리 팁, 이런저런 딥러닝 페이퍼 리뷰 그리고 소소한 일기장같이 구분이 잘 안된다는 점이었다. 그래서 아예 그냥 슥 뜯어고치려고 했다. 기존 블로그 테마에서 ...
Published on December 08, 2022 | 3 min read

github.io에 마크다운 작성 및 수식 입력하기

Post 방법본인은 블로그를 사용할 때 github desktop을 설치해두고, 글은 로컬 컴퓨터의 visual studio code에서 작성한다. 왜냐하면 보통 다음과 같은 커맨드를 통해 jekyll 로컬 서버를 열고, 내가 제대로 홈페이지를 관리하고 있는지 확인하기 위해서인데,bun...
Published on December 07, 2022 | 7 min read

LaTex 자주 쓰는 수식 및 심볼 정리

깃허브 블로그나 레이텍에서 수식을 작성하다보니 모르는 심볼이나 문법들이 많아서 자주 사용할 것들만 모아놓는 용도..Font typesABCDEF\mathcal{ABCDEF}</sp...
Published on November 16, 2022 | 12 min read