Category: Hexo

Hexo 블로그에 카카오페이 후원버튼 삽입하기

얼마 전에 도움이 되는 블로그 포스트를 읽고 포스트를 작성해주신 개발자분께 후원하고자 Buymeacoffee를 시도했는데, 결제에 실패해서 후원을 할 수 없었다. 무슨 이유였는지 모르겠지만, 현대카드를 통한 해외결제가 되지 않았다. 다른 후원방법이 없었기에 결국 그 분께 후원을 하지 못했다. 그래서 더 쉬운 후원이 없을까 고민하다가 내 블로그엔 페이팔

본문 읽는 시간 보여주기

Medium을 이용하다보면, 해당 아티클을 읽는데 몇 분이 소요되는지 알려주는 아이콘이 있는데, 이걸 내 블로그에도 적용시켜보고 싶었다. 그러다 우연히 Eric Han님의 블로그에서 방법을 찾게되어 허락을 구하고 공유하게 되었다. 순서는 아래와 같다. 플러그인 설치 _config.yml 설정 코드 작성 플러그인 설치1$ npm install hexo

시간에 따라 광고배너 다르게 노출하기

광고배너를 삽입(포스트: hexo블로그에 쿠팡광고 적용하기)해보면서 Hexo 프레임워크에 대해 훨씬 더 이해를 하게되었다. ejs 파일 형식에 대해 잘 모르지만, ejs 파일들을 보니 자바스크립트 코드로 구성되어 있었다. 짧게 구글링해보니 ejs는 Embedded JavaScript의 약자로 자바스크립트가 내장된 템플릿엔진이라는 설명을 보았다. 그래서

Hexo 블로그에 쿠팡광고 적용하기

구글 애드센스를 일주일정도 적용해보았는데 클릭당 $ 0.1 이 수익으로 발생하는 것 같았다. 이 정도로는 지나치게 작은 수익을 위해 블로그의 분위기를 해치는(?) 광고를 삽입하는 것 같아서 다른 광고를 찾아보았다. 그래서 찾은게 쿠팡 파트너스이다. 쿠팡 파트너스는 구글 애드센스와 달리 클릭만으로는 수익을 지급하는 것과 달리 광고배너를 통해 접속한 유저가

Hexo 블로그에 Utterances 적용하기

Hexo 블로그를 운영하며, 댓글 라이브러리로 Disqus를 사용했었는데, 현재 내 블로그를 접속하는 사람들은 아마도 개발자들일 것이고, 개발자들이라면 Github UI가 익숙할 것 같다는 생각이 들었다. 그래서 Disqus대신 Github UI를 경험할 수 있는 Utterances 라이브러리를 블로그 댓글로 사용해보기로 결정하였다. 아웃사이더님

Hexo에서 Highlight 변경하기

블로그를 사용하다가 코드를 문법에 맞춰 가독성있게 표시해주는 코드 하이라이트 테마가 맘에들지 않았다. 처음 설정때부터 Androidstudio 테마를 사용하고 있었는데, 흰 블로그 배경에 다소 어두운 테마가 들어가다보니 이질감도 있고, 별로 가독성이 좋다고 생각하지 않았다. 평소에도 가독성 있는 텍스트는 흰 배경에 어두운 글자여야 한다는 생각을 갖고 있