Hugo syntax highlight 변경

1. 원하는 테마 찾기 highlightjs.org에서 원하는 테마를 찾는다.2. css 찾기 highlightjs github에서 원하는 테마의 css파일 내용을 복사한다.3. 테마 변경 config.yml에 아래의 내용을 추가한다.pygmentsUseClasses:true(Hugo PaperMod 테마 기준)/themes/PaperMod/assests/css/hljs/an-old-hope.min.css 의 내용을 복사한 내용으로 바꾼다.=> 임시적으로 설정한것으로 theme overriding으로 변경 가능한지 찾아봐야 함.

April 16, 2021 · 1 min · icecat471

Hugo 블로그 댓글 기능 추가하기

1. 세팅하기 이곳을 클릭 하여 utterances 사이트로 이동한다.configuration 부분을 따라 utterances app을 설치하고 repository설정을 한다.그 외 Blog Post <=> Issue Mapping, Theme 설정등을 한다.설정을 끝내면 Enalble Utterances 부분에 코드가 생성된다 <script src="https://utteranc.es/client.js" repo="(account)/(repo)" issue-term="pathname" theme="github-dark" crossorigin="anonymous" async> </script> 2. hugo에 적용하기 테마마다 설정 방법이 다른데 내가 사용중인 PaperMod 기준 설정방법이다.ParperMod 깃허브 에서도 확인 가능하다./layouts/partials/comments.html 파일을 만들고 위에서 생성된 코드를 붙여넣기한다.그 후 config.yml 파일에 아래부분을 추가해준다....

April 16, 2021 · 1 min · icecat471

Hugo로 블로그 시작하기

출처: IALY’s BLOG 1. Hugo 설치 MacOS // 설치 $ brew install hugo // 설치 확인 $ hugo version hugo v0.82.0+extended darwin/amd64 BuildDate=unknown 2. Hugo Project 생성 hugo new site <프로젝트명> 3. Hugo 테마 다운로드 휴고 테마 사이트 위 사이트에서 원하는 테마를 확인 가능. 원하는 테마를 찾으면 프로젝트의 /themes 폴더에서 아래 명령어로 다운 $ git clone <테마 깃허브 주소> 그 후 config.toml 파일 수정 (여기서는 config.yml 파일로 변경하였다.)config 파일 예시는 각 테마 깃허브에서 확인 가능....

April 11, 2021 · 1 min · icecat471