2024년 10월 31일 목요일
윈도우 에서 Hugo로 개인블로그를 만들고 github으로 호스팅하는 법2
오늘의 목표
윈도우 에서 Hugo로 개인블로그를 만들고 github으로 호스팅하는 법을 위한 사용 툴 버전
설치 날짜 : 10-31-2024
hugo version : hugo v0.82.0
git version : git version 2.31.1.windows.1
windows : 10
windows terminal: v1.7.572.0
Chocolatey : v0.10.15
필요한 툴 설치
windows terminal 설치
github에 가입
2024년 10월 28일 월요일
Hugo로 개인블로그 만들어 보기(1)
Hugo로 개인블로그를 만들기
오늘은 윈도우 에서 Hugo로 개인블로그를 만들고 github으로 호스팅하는 법을 알아보겠습니다. 우선 기본 개념을 알고 시작해야조.
개념설명
hugo란 무엇일까요? 휴고? 여기서 Hugo란 static site generator입니다. 정적사이트static site를 명령어 몇개로 자동 생성해주는 커맨드 기반 프로그램입니다.
다음은 사이트를 설명합니다. 정적,동적 사이트입니다.
static site Vs. dynamic site
dynamic site는 우리가 보통 생각하는 쇼핑몰 싸이트를 생각하면 됩니다. 클릭 혹은 마우스 움직임에 따라 바로바로 반응하도록 만든 사이트 입니다. 그에 반해서 static site는 기본적으로 페이지를 하나 열고 나면 반응하지 않습니다. 블로그나 글이 많은 사이트에 적합합니다.
front matter란 무엇일까요? 이건 왜 사용하지?
front matter란 휴고에서 글을 분류하기위해 표기하는 일종의 양식입니다. 테마마다 지원하는 방식이 다르지만 기본적으로 지원하는 것은 title, date, draft이며, 글의 맨 앞쪽에 작성을 하게 됩니다.
예시)
---
title: "첫번째 글"
date: 2021-03-31
draft: true
---
커맨드 기반 프로그램
커맨드 기반 프로그램입니다. 윈도우에서 버튼 클릭으로 실행되는 프로그램이 아닌, 특정한 키워드를 터미널에서 타이핑하여 사용하는 프로그램을 뜻합니다.
터미널
터미날은 명령어를 넣어서 프로그램을 조작할수 있게 해주는 프로그램을 뜻합니다. 리눅스 혹은 os X의 경우에는 명령어 기반으로 되는 터미널이 어디에서나 존재하지만 윈도우는 그렇지 않습니다. 그래서 윈도우용 터미널은 여러가지 많이 존재합니다. git bash, command prompt, windows terminal, powershell..etc. 각각 다른 특징들이 있으나 여기서는 중요하지 않습니다. 저는 windows terminal를 사용하겠습니다.
git이란
깃이란 무엇일까요? 깃은 프로그래밍용, 버전 관리용 커맨드 기반 프로그램입니다. 어떤 파일을 수정할 시 그 수정한 시간이나 어떻게 수정했는지 등의 정보를 가지고 있는 파일을 생성합니다.
markdown guide(링크): https://www.markdownguide.org/getting-started/
- archetypes : front matter 설정을 위한 default.md이 존재
- content : 블로그에 올릴 글들이 저장되는 곳
- data : 데이터 저장용. 싸이트에 보이지 않음
- layouts : 여기에서 블로그에 실제로 적용되는 큰 틀을 가진 html들
- static : css, js, img파일 등 추가 적인 기능 혹은 사진을 연결하기 위한 폴더
- public: 위의 정보들을 기반으로 html로 생성된 웹페이지.
2024년 10월 23일 수요일
Hugo와 WordPress의 주요 차이점
Hugo와 WordPress의 주요 차이점: 무엇이 다를까?
1. 사이트 생성 방식: 정적 vs 동적
- Hugo: Hugo는 정적 사이트 생성기입니다. 모든 콘텐츠를 HTML, CSS, JavaScript로 미리 생성해 서버에 업로드합니다.
- WordPress: WordPress는 **동적 콘텐츠 관리 시스템(CMS)**입니다. 매 페이지 요청 시 서버에서 PHP와 데이터베이스를 통해 콘텐츠를 생성합니다.
차이점:
- 정적 사이트(Hugo)는 서버 요청이 간단하고 빠르며, 데이터베이스가 필요하지 않습니다.
- 동적 사이트(WordPress)는 실시간 데이터베이스 쿼리와 처리가 필요해 더 많은 리소스를 소비합니다.
2. 속도와 성능
- Hugo: 정적 파일을 사용하므로 로딩 속도가 매우 빠릅니다. 또한 CDN(Content Delivery Network)과 호환이 잘 되어 빠른 페이지 응답을 제공합니다.
- WordPress: 동적으로 페이지를 생성하므로 서버와 데이터베이스 부하가 있을 수 있으며, 플러그인 사용이 늘어날수록 성능 저하가 발생할 가능성이 있습니다.
결론: Hugo는 속도와 성능이 중요한 프로젝트에 유리하며, WordPress는 다양한 기능과 확장성이 필요한 프로젝트에 적합합니다.
3. 사용 편의성과 관리
- Hugo: Hugo는 개발자가 코드와 터미널 사용에 익숙해야 합니다. 콘텐츠는 마크다운(Markdown) 형식으로 작성하며, 사이트 빌드 후 업데이트 시 파일을 직접 배포해야 합니다.
- WordPress: 사용자 친화적인 GUI 인터페이스를 제공하며, 기술적 지식이 없어도 플러그인과 테마를 활용해 손쉽게 관리할 수 있습니다. 관리자 페이지에서 실시간 콘텐츠 업데이트가 가능합니다.
결론: WordPress는 비개발자나 초보자에게 적합하며, Hugo는 개발자나 정적 사이트에 익숙한 사용자를 대상으로 합니다.
4. 확장성 및 기능
- Hugo: 특정 기능이 필요할 때 직접 개발하거나 코드를 수정해야 합니다. 플러그인 시스템이 없기 때문에 기능 확장에 제한이 있습니다.
- WordPress: 5만 개 이상의 플러그인과 테마를 제공하며, 온라인 쇼핑몰부터 포럼까지 다양한 유형의 웹사이트를 구축할 수 있습니다.
결론: WordPress는 기능 확장과 다양한 요구를 충족하기에 좋고, Hugo는 간단한 웹사이트나 블로그에 더 적합합니다.
5. 보안 및 유지 관리
- Hugo: 데이터베이스가 없고 서버 측 코드가 실행되지 않아 보안 취약점이 적습니다. 정적 사이트이기 때문에 유지 관리가 간편합니다.
- WordPress: 서버와 데이터베이스가 필요하고 플러그인에 의존도가 높아 보안 위험이 있을 수 있습니다. 정기적인 업데이트와 유지 관리가 필수입니다.
6. 배포 및 호스팅
- Hugo: 정적 사이트는 Netlify, GitHub Pages와 같은 무료 호스팅 서비스에 배포가 쉽습니다.
- WordPress: 서버와 데이터베이스를 지원하는 호스팅 서비스가 필요하며, 배포와 유지 관리에 더 많은 리소스가 필요합니다.
결론: 언제 어떤 도구를 사용할까?
- Hugo 추천: 빠른 로딩 속도와 간편한 유지 관리가 필요한 블로그, 포트폴리오, 소규모 사이트에 적합합니다.
- WordPress 추천: 다양한 기능이 필요하고 확장성과 관리 편의성을 원하는 비즈니스 웹사이트, 이커머스 사이트에 유리합니다.
