본문 바로가기

IT/블로그

(23)
Hugo 블로그 자동 배포용 깃허브 액션 스크립트 소개 Hugo 블로그 자동 배포용 깃허브 액션 스크립트 설명 현재 사용중인 Hugo 페이지를 배포하는 스크립트 아래와 같다. 설명을 약간 첨부해서 공개해 두니, 아무나 가져가서 잘 쓰심 좋겠다. 이 글의 핵심은 master branch에 글을 포함한 휴고 파일들이 있고, 이 파일들의 변경이 생길때 마다 gh-pages 브랜치로 public에 생성된 사이트 내용을 자동으로 배포하는 것이다. 깃허브 페이지 덕분에 따로 호스팅 업체의 도움 없이도 간단한 블로그 사이트 운영을 가능하다. 물론 아래 이전 글 처럼 travis CI 같은 외부 CI 툴로도 가능하지만, 이미 깃허브 액션이 그 역할을 충분히 소화해 주니 외부로 눈을 돌릴 필요가 없다. 2020/02/18 - [IT/블로그] - Hugo GitHub Trav..
Hugo theme 정리하기 - git submodule 삭제 Hugo theme 정리하기 - git submodule 삭제 git submodule 로 등록되어 있는 안쓰는 테마들을 싹 다 정리해보자!! Git Submodule 삭제 방법 출처 : Git Submodule 삭제 방법 Git Submodule 삭제 방법 · snowdeer's Code Holic Git Submodule 삭제 방법 01 Aug 2018 | git Git Submodule 삭제 방법 먼저 git submodule deinit -f 명령어를 통해서 해당 모듈을 deinit 해줍니다. git submodule deinit -f test_app 그 다음 .git/modules 폴더에 들어가서 해당 폴더를 삭제합니다. rm -rf .git/modules/test_app 마지막으로 git에서 ..
Hugo - 외부 링크 새 탭 새 창 에서 열기 Hugo - 외부 링크 새 탭 새 창 에서 열기 답답하게도 기본 값이 같은 창에서 모든 링크가 열리도록 설정되어 있나 보다. 외부 사이트는 그냥 새로운 탭이나 창에서 로딩 되면 훨씬 편할 것 같아서 찾아보기 시작~~ 결론적으로, 자신의 휴고 사이트에서 마크다운 번역기를 어떤 것으로 쓰는 가에 따라 다르다. 아래글 참고해 주시고, How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer How to Open Link in New Tab with Hugo's new Goldmark Markdown Renderer | Prasad's Pen Hugo is a blazing fast static site generator, which make..
구글 애드센스 팁 - 사이드 광고 추가하기 구글 애드센스 사이드바 광고 추가하기...여백이 있는 사이드에 광고를 추가하고 싶다면 필독!! 구글 애드센스 화면 왼쪽 사이드에 추가하기 본문 왼쪽 사이드에 구글 애드센스 공간을 추가하고 싶다면 아래 내용을 보고 따라하면 아주 쉽게 할 수 있다. 특별히 테마나 스킨의 영향을 줄 만큼 큰 공사는 벌어지지 않는다. 특히, 본문 텍스트 바로 옆으로 조정하고 싶다면, (멀리 창 끝에 붙어 있으면 보기 싫어요 ㅠㅠ) 이 글을 참고해서 하면 굿굿 👍🏻👍🏻 화면 왼쪽 사이드에 구글 애드센스 광고를 넣기 위해서 수정한 내용은 아래와 같다. 먼저, 스킨에서 를 찾아서 그 아래에 아래 코드를 삽입한다. left 의 마이너스 값은 본문에서 얼마나 떨어지게 할까에 대한 포인트 즉, width 랑 똑같은 사이즈로 하는 것이 좋..
구글 애드센스 팁 - 블로그 티스토리 추가 방법 (여러 개 동시에) 구글 애드센스 블로그 추가 방법 - 특히 여러 개 동시에 올리는 방법 구글에서 승인이 난 사용자라면, 한페이지에 구글 애드센스 Adsense 를 최소 하나 이상은 추가하게 되어 있다. 이때 애드센스 모듈을 추가할 때 애매한 구석이 있다. (중복된 javascript 코드가 여기저기 심어지는 것을 느끼게 된다. ) 찝찝함을 참지 못하고 여기저기 살펴보고 있다. 먼저, 구글 애드센스 블로그에 올리기 한개 정도면 별 고민할 필요도 없다. ¯_(ツ)_/¯ 아주 간단하게 구글애드센스 페이지에 제공하는 아래의 예제 코드 같은 것을 가져와서 스킨페이지나, 자신의 테마에 붙여넣기 하면 끝~~😁 전체를 그냥 페이지 스킨에 넣으면 대충 나오긴 한다. 구글 애드센스 여러 개 한페이지에 추가하는 방법 2개 이상의 구글 애드센..
Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기 Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기 External links in new tab? 사용하다보면, 괜히 신경쓰인다. 찾아보니 방법이 있긴하다. Render Hook Templates 방법을 사용하는 것이다. 원본글 : Configure Markup 결국 아래 파일을 만들어 주면 된다. 마크다운 렌더링 중에 아래 처럼 링크내용을 내가 원하는 대로 만들 수 있다. 아래 코드를 보면 http://로 시작되는 외부링크는 새로운 창에 오픈되도록 작성되어 있다. Here is a code example for how the render-link.html template could look: 파일 위치는 여기 => layouts/_default/_markup/render-lin..
Hugo GitHub TravisCI 설정 - 웹사이트 블로그 자동 배포하기 Hugo GitHub TravisCI 설정으로 블로그 자동 배포하기 휴고 블로그 플랫폼으로 개인 블로그를 사용하는 경우, 매번 생성된 결과물을 Git 을 통해서 저장소로 push 하는 것이 쉬운 일은 아니다. 이럴 때 사용하는 것이, Travis CI, Circle CI, GitHub Action 등의 툴을 활용하면 된다. 즉, 문서의 변경이나 새로운 글을 추가하는 등의 commit 이 발생할 때 마다 자동으로 hugo 플랫폼 엔진으로 정적 사이트 파일을 생성하고, 원하는 저장 공간으로 업로드를 자동으로 수행하게 되므로, 사용자는 단순히 블로그 글에만 신경 쓰면 된다. 이론적인 내용이야 찾아보면 많이 있다. 더 자세히 잘 적어놓은 글을 참고하는 것이 좋다. 그냥 여기는 실제로 동작하는 결과물을 저장해 두..
Hugo (휴고) 테마 적용 후 에러 발생시 대처한 내용 Hugo (휴고) 테마 적용 후 에러 발생시 대처한 내용 저장용으로 남겨두기 에러 내용은 아래와 같다. 적용한 테마는 docsy 라는 Google 에서 제공하고 있는 documentation 을 위한 테마이다. 막상 쓸 문서는 없는데, 시작한 거 데모는 돌려봐야지...흠 테마 홈페이지 : https://www.docsy.dev/ $ hugo --debug INFO 2020/02/07 18:43:51 No translation bundle found for default language "en" INFO 2020/02/07 18:43:51 Translation func for language no not found, use default. INFO 2020/02/07 18:43:51 i18n not ini..