정적홈페이지

가져온 테마를 그대로 쓰지 않고 우리 사이트로 길들인 이야기입니다. 반응형 카드 개수 제어, 다크 모드 로고 반전, 설정으로 정렬 바꾸기, 그리고 코딩 없이 브라우저에서 설정을 고치는 관리자 패널까지. 마지막으로 제작 중 실제로 부딪힌 문제와 해결법을 정리합니다.

사람이 잠든 사이, 이 사이트에서는 세 개의 자동화가 조용히 돌아갑니다. AI가 IT뉴스를 쓰고, 스케줄러가 밤 11시 30분에 자동 업로드하며, 아침엔 예약된 글이 스스로 공개됩니다. 그리고 접속하면 그날의 QT가 팝업으로. 그 원리를 코드와 함께 풀어봅니다.

이 사이트의 글은 Blog·Class·Databank 세 구역으로 나뉘어 삽니다. 각 구역이 어떤 성격을 갖는지, 메뉴 드롭다운은 어떻게 만들어지는지, 그리고 글이 어떤 세 갈래 경로로 채워지는지를 실제 글 개수까지 세어 가며 해부합니다.

jesusiswith.us는 서버도, 데이터베이스도 없이 돌아갑니다. 동적 홈페이지와 무엇이 다른지, 그리고 이 사이트를 떠받치는 Hugo·GitHub·Cloudflare라는 세 기둥을 초보자 눈높이에서 풀어봅니다.

정적 홈페이지 Hugo용으로 최신 AI들이 추천한 27개의 무료 오픈소스 테마를 목적별로 정리하고, 각 테마의 특징, 사용 방법 및 다운로드 링크를 제공하는 가이드입니다

정적 홈페이지와 관련된 주요 용어와 개념, 제작·배포 도구, 도메인·SEO 등 웹사이트 구축에 필요한 핵심 용어들을 한국어로 정리한 사전입니다.

이 챕터에서는 GitHub 저장소를 만들고 로컬 프로젝트와 연결한 뒤, 자동 배포 워크플로우 파일을 설정·커밋하고 첫 푸시를 통해 Hugo 기반 교회 홈페이지를 GitHub Pages에 배포하는 전체 과정을 단계별로 안내합니다.

이 챕터는 교회 홈페이지에 적합한 Hugo 테마(PaperMod)를 선택·다운로드·설치하고, hugo.toml 설정, 테스트 콘텐츠 작성, 로컬 미리보기, Git 커밋까지 단계별로 자세히 안내한다.

이 챕터는 Hugo 프로젝트를 초기화하고 폴더 구조, 설정 파일(hugo.toml) 수정, Git 저장소 초기화, 로컬 서버 실행 등 교회 홈페이지를 만들기 위한 기본 단계들을 상세히 안내한다.