홈페이지

Jesusiswith.us 기능 소개 – 매일의 QT JIWU Mission Network의 홈페이지 https://jesusiswith.us 는 HUGO 정적 홈페이지(HugoPlate 테마)로 제작되었습니다. 홈페이지에 접속을 하면 맨 처음 맞이하는 것은 ‘매일의 QT’ 팝업 모달입니다. 성서유니온의 ‘매일성경’ 본문을 바탕으로 QT 자료를 보실 수 있습니다. 본 내용은 AI Agent에 의해 작성이 되었으며, 복음주의 신학을 바탕으로 면밀히 정리되었습니다. ‘내용 요약 – 역사적/문화적 배경 –…

💡 아래 토글 버튼(►)을 클릭하시면 펼쳐서 보실 수 있습니다. 준비물 홈페이지 소스 준비를 위한 Gemini Gems 인터뷰 링크 알고 있으면 도움이 되는 내용 AI Agent를 이용하여 정적 홈페이지 만들기(초안 작성) 디자인의 도움을 받을 수 있는 툴 소개

Cloudflare Pages로 홈페이지 배포하기 왜 이 과정이 필요한가요? Hugo로 만든 정적 사이트는 그대로는 인터넷에 공개되지 않습니다. 반드시 “빌드된 결과물(public 폴더)”을 누군가의 서버가 대신 호스팅해줘야 합니다. Cloudflare Pages는 이 과정을 초보자에게 가장 단순하게 만들어 줍니다. GitHub와 연결하면 git push만으로 자동 빌드·배포(업데이트)됩니다. 무료 플랜만으로도 전 세계 CDN을 통해 빠르게 제공됩니다. HUGO_VERSION 환경 변수를 지정하면, 내 로컬과 같은…

이 시리즈에 대하여 이 글은 여러분이 지금 보고 계신 jesusiswith.us 사이트가 어떻게 만들어졌는지를, 실제 코드와 폴더를 열어 보며 처음부터 끝까지 소개하는 4부작 시리즈입니다. “홈페이지를 코딩 없이 만들 수 있다”는 말이 정확히 무슨 뜻인지, 그리고 그 안에서 어떤 자동화가 매일 밤 조용히 돌아가고 있는지를 초보자도 이해할 수 있게 풀어씁니다. 1부 (이 글) — 왜 정적 홈페이지인가…

사이트 제작기 시리즈 · 1부 — 왜 정적 홈페이지인가 / 2부 (이 글) — 콘텐츠 3구역 대해부 / 3부 — 자동화 파이프라인 / 4부 — 커스터마이징과 관리자 패널 1부에서 “우리가 글을 쓰는 곳은 content/ 폴더뿐”이라고 했습니다. 그런데 그 안을 열어 보면 글이 아무렇게나 쌓여 있는 게 아니라, 성격이 뚜렷한 세 개의 구역으로 정돈되어 있습니다. 이번…

사이트 제작기 시리즈 · 1부 — 왜 정적 홈페이지인가 / 2부 — 콘텐츠 3구역 / 3부 (이 글) — 자동화 파이프라인 / 4부 — 커스터마이징과 관리자 패널 2부 마지막에서 “AI가 매일 자동으로 글을 올린다”고 했습니다. 이번 편은 그 무인 자동화 라인을 통째로 열어 봅니다. 사람이 잠든 밤사이 이 사이트에서는 세 개의 톱니바퀴가 맞물려 돌아갑니다. 하나씩…

사이트 제작기 시리즈 · 1부 — 왜 정적 홈페이지인가 / 2부 — 콘텐츠 3구역 / 3부 — 자동화 파이프라인 / 4부 (이 글, 완결) — 커스터마이징과 관리자 패널 1부에서 “Hugoplate 테마를 바닥부터 만들지 않고 가져와 필요한 부분만 고쳐 썼다”고 했습니다. 이번 완결편은 바로 그 길들이기(커스터마이징) 이야기입니다. 남이 만든 옷을 사서 내 몸에 맞게 수선한 셈인데,…

홈페이지 구축 기초 개념 이해하기 도메인, 호스팅, 그리고 홈페이지를 만드는 여러 가지 방법 이 챕터는 본 강좌(Hugo + GitHub + Cloudflare Pages)를 시작하기 전에 알아두면 좋은 배경지식을 다룹니다. 미국 거주자 기준으로 설명하며, 한국의 서비스도 함께 언급합니다. 🎯 목표 홈페이지가 인터넷에 존재하기 위해 필요한 3요소(도메인, 호스팅, 사이트)를 구분할 수 있다. 도메인을 어디서 어떻게 구입하는지, 무엇을 주의해야…

🚀 개인 홈페이지 제작부터 도메인 연결까지: 전 과정 따라하기 매뉴얼 이 문서는 Hugo 정적 사이트를 GitHub에 올리고, Cloudflare Pages로 무료 배포한 뒤, 내 도메인(ccumgol.net)으로 서비스하기까지의 전 과정을 초보자가 따라 할 수 있도록 정리한 매뉴얼입니다. 로컬 개발 환경과 프로젝트 구조에 대한 기초는 manual.md를, 이 과정에서 실제로 겪은 문제들은 issue-report.md를 함께 참고하세요. 0. 전체 그림 이해하기 먼저…