TODO 아이콘 표시 및 구조 파악해서 이를 적용하기 2022-09-08 - 내용 수정, 그림파일 링크 관련 추가 PaperMod screen shot Intro hugo의 테마 중에 가장 간결하고 안정적이며 많은 사람들이 사용하고 있다. hugo 프로젝트는 ~/www로 가정한다. 주의할 것은 hugo의 구조가 ~/www/contents/이하에 markdown 파일을 넣어주어야 하고, 이하 폴더는 적절히 만들되 index.md파일은 만들면 웹페이지 메인 화면에 내용이 뜨질 않는다는 점이다. 설정은 ~/www/config.yml이다. 설정을 변경하면 hugo -D server 동작시 자동으로 반영된다. 만약 설정 변경 사항이 브라우저에서 보이지 않으면 서버를 재실행 한다. Install and Update Install $ cd ~/www $ git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 Update $ cd themes/PaperMod $ git pull Setup 관련 링크 아래 사이트에 config.yml 및 post.md 샘플이 있으니 참고한다. https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/ 테마 설정 papermod 의 테마는 light/dark/auto 가 있다. 홈화면 좌측 상단에 해/달 아이콘 클릭 baseURL: "https://your_idname.github.io/" # 자신의 깃페이지 URL title: My Blog and wiki # 블로그홈 제목 paginate: 5 # 홈에서 보여줄 블로그 표시 갯수 theme: "PaperMod" # 테마 PaperMod로 지정 params: # defaultTheme: light # defaultTheme: light defaultTheme: auto # auto로 설정하면 사용자가 바꿀 수 있다. # disableThemeToggle: true # 해/달 아이콘을 보이지 않게 하기 메뉴설정 홈 우측 상단 메뉴를 다음과 같이 추가한다. menu: main: - identifier: categories # 블로그 카테고리 메뉴 name: categories url: /categories/ weight: 10 - identifier: search # 블로그 검색 메뉴 name: Search url: /search weight: 30 - identifier: tags # 블로그 태그 메뉴 name: tags url: /tags/ weight: 20 - identifier: archives # 블로그 태그 메뉴 name: tags url: /tags/ weight: 20 Archive Page - 아카이브 페이지, 날짜별로 올린 포스트문서가 정리됨 $ cat << EOF > ~/www/content/archives.md --- title: "Archive" layout: "archives" # url: "/archives" summary: "archives" --- EOF Search Page - 검색페이지, 퍼지 스타일의 빠른 검색 $ cat << EOF > ~/www/content/search.md --- title: "Search" # in any language you want layout: "search" # is necessary # url: "/archive" # description: "Description for Search" summary: "search" placeholder: "검색어를 입력하세요" --- EOF tags와 categories는 올릴 포스트문서 post.md 등의 frontmatter에 기록하면 자동으로 분류되고 홈 상단 메뉴에서 볼 수 있다. Post Cover Image ~/www/config.yml에 설정해주고 아래 설명대로 포스트문서에 링크를 걸어주면 된다. cover: image: "<image path/url>" # can also paste direct link from external site # ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png alt: "<alt text>" caption: "<text>" relative: false # To use relative path for cover image, used in hugo Page-bundles 이미지 사이즈를 줄이고 처리속도를 높이려면 아래 설정 추가 params: cover: responsiveImages: false 그러나 실제로 적용해도 페이지는 변화하지 않는다. ...

History 2025-06-27 - tip 추가: tags, categories list에 cover image 표시하기 2022-09-08 - 내용 수정, 그림파일 링크 관련 추가 PaperMod screen shot Intro hugo의 테마 중에 가장 간결하고 안정적이며 많은 사람들이 사용하고 있다. hugo 프로젝트는 ~/www로 가정한다. 주의할 것은 hugo의 구조가 ~/www/contents/이하에 markdown 파일을 넣어주어야 하고, 이하 폴더는 적절히 만들되 index.md파일은 만들면 웹페이지 메인 화면에 내용이 뜨질 않는다는 점이다. 설정은 ~/www/config.yml이다. 설정을 변경하면 hugo -D server 동작시 자동으로 반영된다. 만약 설정 변경 사항이 브라우저에서 보이지 않으면 서버를 재실행 한다. Install and Update Install $ cd ~/www $ git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 Update $ cd themes/PaperMod $ git pull Setup 관련 링크 아래 사이트에 config.yml 및 post.md 샘플이 있으니 참고한다. https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/ 테마 설정 papermod 의 테마는 light/dark/auto 가 있다. 홈화면 좌측 상단에 해/달 아이콘 클릭 baseURL: "https://your_idname.github.io/" # 자신의 깃페이지 URL title: My Blog and wiki # 블로그홈 제목 paginate: 5 # 홈에서 보여줄 블로그 표시 갯수 theme: "PaperMod" # 테마 PaperMod로 지정 params: # defaultTheme: light # defaultTheme: light defaultTheme: auto # auto로 설정하면 사용자가 바꿀 수 있다. # disableThemeToggle: true # 해/달 아이콘을 보이지 않게 하기 메뉴설정 홈 우측 상단 메뉴를 다음과 같이 추가한다. menu: main: - identifier: categories # 블로그 카테고리 메뉴 name: categories url: /categories/ weight: 10 - identifier: search # 블로그 검색 메뉴 name: Search url: /search weight: 30 - identifier: tags # 블로그 태그 메뉴 name: tags url: /tags/ weight: 20 - identifier: archives # 블로그 태그 메뉴 name: tags url: /tags/ weight: 20 Archive Page - 아카이브 페이지, 날짜별로 올린 포스트문서가 정리됨 $ cat << EOF > ~/www/content/archives.md --- title: "Archive" layout: "archives" # url: "/archives" summary: "archives" --- EOF Search Page - 검색페이지, 퍼지 스타일의 빠른 검색 $ cat << EOF > ~/www/content/search.md --- title: "Search" # in any language you want layout: "search" # is necessary # url: "/archive" # description: "Description for Search" summary: "search" placeholder: "검색어를 입력하세요" --- EOF tags와 categories는 올릴 포스트문서 post.md 등의 frontmatter에 기록하면 자동으로 분류되고 홈 상단 메뉴에서 볼 수 있다. Post Cover Image ~/www/config.yml에 설정해주고 아래 설명대로 포스트문서에 링크를 걸어주면 된다. cover: image: "<image path/url>" # can also paste direct link from external site # ex. https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png alt: "<alt text>" caption: "<text>" relative: false # To use relative path for cover image, used in hugo Page-bundles 이미지 사이즈를 줄이고 처리속도를 높이려면 아래 설정 추가 params: cover: responsiveImages: false 그러나 실제로 적용해도 페이지는 변화하지 않는다. ...

2023-08 2023-08-07: openrc, doas 문서 정리, 업로드 2023-08-06: vimwiki hugo github: 프로젝트를 자동 업데이트하도록 nvim 추가 2023-08-06: blogen.lua: 수정: vimwiki-hugo와 githubio 모두 git push 하도록 수정 nvim에 등록, 는 ~/git/* git pull 2023-08-05: blogen.lua 스크립트 nvim내 실행시 출력 깨지는 문제 해결 2023-08-03: windows wsl + alpine + docker + git 설치 완료 및 문서 정리 2022-09 2022-09-08 nvim에서 왜 autosave가 되지 않는가 nvim lua 공부 lua 공부 계속 2022-09-02 nvim lua 공부 lua 공부 계속 ssh keygen 문서 정리 2022-09-01 yadm 설치 및 설정, 문서 정리 lua 공부 계속 2022-08 2022-08-31 rclone 설치 및 설정 그리고 문서 정리 2022-08-26 nvim lua 공부 www 프로젝트 문서 업데이트 hugo project: blog.sh 링크 필터링 부분 수정 2022-08-25 nvim 플러그인 공부 www 프로젝트 문서 업데이트 2022-08-24 vim 공부 www 프로젝트 문서 업데이트 generate.sh 파일명 수정: blog.sh {gen|push} 그리고 ~/bin 링크 2022-08-23 vimwiki 문서 정리 깃허브에 만든 블로그 올리고 테스트 www 프로젝트 정리하고 수정 보완 papermod 에 lastmod 표시하기 vim 에 abbr 추가 및 설정: generate.sh 실행

markdown은 일반 텍스트 기반의 경량 마크업 언어다.

github에서 무료로 제공하는 개발자용 홈페이지이다. 예를 들어 github.com/user_name의 계정을 가지고 있다면 https://user_name.github.io의 도메인 이름으로 자신의 홈페이지를 개설할 수 있다. github에 user_name.github.io라는 저장소를 새로 생성하고 공개(public)하면 바로 사용할 수 있다. README.md < index.md < index.html 우선권 순서로 동작한다. 처음 테스트 파일을 깃허브에 올린 후 브라우저에서 2-3분 후 확인 가능하다.