hugo 바둑 배우기 시도 - 유령이 휴고에게 4 여기 있습니다! 지난 몇 개의 게시물을 놓쳤다면 먼저 읽어보고 우리의 작은 프로토타입이 어떻게 진화했는지 감을 잡으시기 바랍니다. 이번에는 조금 정리하기 위해 리팩토링을 할 것입니다. 우리가 할 일의 대부분은 "데이터베이스"구조체에 메서드를 추가하는 것입니다. 방법 음, 구조체에 연결된 함수로 생각할 수 있습니다. 우리 코드에는 struct GhostDatabase 가 있습니다. 수신자가 구... hugoghostgo 바둑 배우기 시도 - 유령이 휴고에게 3 우리는 에서 ghost2hugo 프로토타입에 대한 작업을 계속할 것입니다. 지금까지 JSON 파일을 열고 데이터를 메모리에 로드하고 첫 번째 게시물에 대한 Markdown을 인쇄할 수 있습니다. 다음 단계는 백업에 포함된 모든 게시물을 읽고 처리할 수 있는지 확인하는 것입니다. 단일 기사를 인쇄하는 모든 코드를 각 기사를 인쇄하는 루프로 대체할 것입니다. 복습을 위해 첫 번째 기사를 인쇄하는... hugoghostgo 바둑 배우기 시도 - 유령이 휴고에게 2 우리는 내보낸 Ghost 데이터베이스를 Markdown으로 변환하는 프로토타입 프로그램을 만드는 과정에 있습니다 . 거기에서 우리는 첫 번째 게시물을 인쇄했습니다. 적절한 서론을 사용하여 게시물을 작성하는 데 필요한 대부분의 필드는 우리가 반환할 개체 내에 존재합니다. 제목, 슬러그, 게시 날짜 등을 볼 수 있습니다. Markdown이 포함된 섹션은 Mobiledoc이라는 형식으로 되어 있습... ghosthugogo 무언가에 대해 블로그를 작성하려면 스타일을 가지고 하세요. If you're going to do something, do it with style! 방금 프로젝트에 TailwindCSS를 설치했고 더 보기 좋게 만들기 위해 스타일을 추가할 준비가 되었습니다. 전에 후에 은 우리 스타일을 "훔친"범인입니다. 나는 다른 시리즈 중 하나에서 그것을 다루었습니다. Built on top of modern-normalize, Preflight is a se... hugotailwindcssprecommitprettier Linux 및 MacOS에서 Markdown 파일의 대규모 맞춤법 검사 오늘 저는 90개 이상의 다양한 언어를 지원하는 무료 소프트웨어 맞춤법 검사기인 을 사용하여 파일 배치의 맞춤법을 검사하는 방법을 배웠습니다* 이 게시물은 Debian용으로 작성되었으며 Ubuntu, Linux Mint, ArchLinux 등 모든 Linux 환경에서 작동합니다. MacOS도 이어야 하지만 테스트하지는 않았습니다. 1. 철자 설치 다음은 영어 사전입니다. 사용 가능한 사전 목... hugomarkdownjamstackwriting 머메이드로 다이어그램 만들기 이 웹 사이트의 대부분은 이를 사용하여 작성되었습니다( 로 표시됨). Markdown에서 영감을 받은 을 사용하여 차트 및 다이어그램을 만들기 위한 JavaScript 기반 도구입니다. 이 게시물의 끝 부분에 PKCE(Proof Key for Code Exchange)의 개요와 같은 컨텍스트의 예가 포함되어 있습니다. 둘째, 다음을 포함하는 경로/layouts/shortcodes/mermai... markdownmermaiddiagramhugo 웹멘션 예, 자바스크립트 아니요 나는 의 적어도 일부 형태로 에 내 웹 사이트를 다시 가져 오려고 시도했습니다 . 그러나 몇 시간 안에 내가 사용했던 타사 JavaScript 코드 가 지금은 잘리지 않을 것이라는 것이 분명해졌습니다. 따라서 나는 빌린 코드에서 내가 해야 할 변경 사항을 도핑해야 하는 일에 사임했습니다. 그동안 내가 지금까지 찾은 Hugo의 모든 webmentions-on-Hugo 솔루션이 순전히 Hugo에... webdevindiewebwebmentionshugo 휴고 파셜 작성자: Hugo용 Git 기반 CMS인 에서 제공했습니다. 부분 파일의 기본 개념은 간단합니다. 반복을 줄이거나 일부 복잡성을 숨기기 위해 레이아웃에 포함할 수 있는 파일입니다. 부분적으로 사이트에 탐색 모음을 추가합니다. 이 논리를 baseof.html 에 직접 추가할 수 있지만 때로는 레이아웃을 더 작은 부분으로 분할하여 2000줄 파일을 처리할 필요가 없도록 하는 것이 좋습니다. 최종... beginnerstutorialjamstackhugo Hugo에서 데이터 사용 작동 방식은 JSON, CSV, YAML, XML 또는 TOML 파일을 data 라는 디렉터리에 넣은 다음 .Site.Data 를 사용하여 레이아웃에서 해당 데이터에 액세스할 수 있습니다. 멋지게 꾸미고 싶다면 빌드 시 외부 소스에서 JSON 또는 CSV 파일을 다운로드할 수도 있습니다. 먼저 즐겨찾는 휴가지가 모두 포함된 데이터 파일을 만듭니다. 다음 콘텐츠로 생성/data/vacation... beginnerstutorialjamstackhugo Hugo 템플릿 기초 Hugo 템플릿을 사용하면 페이지가 렌더링되는 방식을 제어할 수 있습니다. 변수를 사용하고, 배열을 반복하고, 조건을 확인하고, 함수를 실행할 수 있습니다. 레이아웃에 있는 중괄호{{ }}는 Hugo 템플릿입니다. 머리말은 콘텐츠 파일 상단에 있는 메타데이터 스니펫입니다. 예를 들어 레이아웃을 설정하거나 현재 페이지가 초안임을 나타내는 일부 메타데이터는 Hugo 전용입니다. 머리말은 콘텐츠 ... beginnerstutorialjamstackhugo Hugo에서 블로깅 모든 블로그 게시물을 나열하는 페이지와 게시물 날짜가 있는 일련의 콘텐츠 페이지로 구성됩니다. 이 예제에서 레이아웃 계층 구조가 어떻게 작동하는지 확인할 것입니다. posts 디렉토리에 /content/라는 디렉토리를 만들고 그 안에 다음을 사용하여 _index.md라는 파일을 만듭니다. _index.md — 그게 무슨 뜻인지 기억하세요? 목차 파일이며 이 경우 게시물을 나열합니다. 현재 /... beginnerstutorialjamstackhugo Hugo 설정하기 Hugo 튜토리얼 소개에 오신 것을 환영합니다. 이 시리즈의 목표는 기본적인 웹 디자인 지식을 가진 새끼 사자에서 첫 번째 Hugo 웹 사이트를 만드는 데까지 안내하는 것입니다. 이 시리즈에서는 Hugo 사이트를 설정하는 방법, Hugo 레이아웃, 파셜 및 템플릿 사용의 기본 사항, 블로그를 설정하고 마지막으로 데이터 파일을 사용하는 방법을 배웁니다. 이 시리즈가 끝나면 자신만의 Hugo 사... beginnerstutorialjamstackhugo Hugo에서 검색 결과를 생성하는 Python 스크립트 여기요, 방금 hugo-search-json.py를 출시했습니다. Hugo로 만든 웹사이트의 정적 폴더에 JSON 파일을 생성하는 Verbose Python 스크립트. Hugo에서 제공하는 웹사이트의 정적 폴더에 JSON 파일을 생성하는 Verbose Python 스크립트. Hugo를 사용하면 설치의 static/ 폴더에서 정적 파일을 정의할 수 있습니다. 이러한 파일은 최종 빌드에서 복사됩... hugojavascriptpython 내 Hugo 사이트에 테마를 추가하는 방법 개발자는 Hugo 커뮤니티에서 사용할 많은 테마( )를 만듭니다. 다음은 이러한 테마를 Hugo 사이트에 추가하는 방법에 대한 빠른 가이드입니다. macOS, Windows, Linux, OpenBSD, FreeBSD 및 GO(AKA Golang) 컴파일러 도구 체인을 실행할 수 있는 모든 시스템에 Hugo를 설치할 수 있습니다. Chocolatey를 통해 Windows에 Extended H... tutorialwebdevjamstackhugo 휴고 노 테마 가이드 및 많은 온라인 자습서에서 새 프로젝트는 기존 테마 중 하나를 사용하거나 새 테마를 만드는 것이 좋습니다. 그러나 공식 문서를 읽은 후 내 에 어떤 테마도 사용하지 않기로 결정했습니다. 나는 이 새로운 프로젝트에 대해서도 같은 일을 할 것입니다. 미래에 내 기능 중 일부가 블로그에서 분리될 수 있는 것처럼 보이면 테마를 만들 것이지만 지금은 테마가 필요하지 않습니다. 먼저 휴고 가 작... precommiteditorconfigprettierhugo 기본 콘텐츠 렌더링 이제 멋진 HTML 기본값을 갖도록 템플릿을 업데이트하겠습니다. 그러나 우리의 경우 기본 템플릿을 에 기반할 것입니다. 페이지에서 (솔직히 말해서 직접적이지 않음) Hugo의 모든 템플릿 조회는 layouts/_default/baseof.html 템플릿으로 시작한다고 명시되어 있습니다. 이 사실은 생성된 html 폴더에서 layouts 태그가 있는 템플릿을 찾는 것으로도 유추할 수 있습니다.... vuegohtmlbloghugo 날기 위해서는 순풍이 필요하다 Hugo는 다양한 방법을 지원하므로 블로그에 CSS 라이브러리를 추가하는 방법은 거의 없습니다. 웹팩, Vite 등과 같은 다른 빌드 도구와 더 잘 통합하기 위해 TailwindCSS를 사용했다면 기본적으로 을 지원합니다. TailwindCSS를 PostCSS 플러그인으로 설치한 다음 Hugo의PostCSS 파이프를 사용하여 블로그에 통합할 것입니다. blog/ 폴더에서 을 따라 시작합니다.... npmtailwindcsspostcsshugo Hugo로 포트폴리오 웹사이트 구축 개인 웹페이지는 당신에 대해 세상에 알리고 과거의 업적을 보여줄 수 있는 완벽한 장소입니다. 당신의 이력서, 프로젝트, 블로그를 개인화된 테마로 넣어 사람들이 당신이 훌륭한 취향을 가지고 있다는 것을 알 수 있도록 하세요: 올인원! 온라인에 공개되는 포트폴리오, 별 노력 없이 할 수 있는 작지만 멋진 프로젝트, 왜 안 될까요? Github Pages를 사용하면 도메인 이름을 찾지 않고도 개인... portfoliowebsitehugo Hugo 및 Github Pages를 사용하여 블로그를 만드는 방법 우리는 놀라운 프레임워크를 사용하여 처음부터 블로그를 구축하고 사용자 정의 하위 도메인과 함께 을 사용하여 무료로 배포할 것입니다! 놀라운 커뮤니티 지원과 다양한 테마가 있습니다. 개인적으로 저는 블로그 게시물을 마크다운 파일로 작성하고 github에 푸시하여 작업 없이 라이브로 게시하고 싶습니다. Hugo를 사용하면 바로 그렇게 할 수 있습니다! homebrew를 사용하여 CLI 설치hug... githubblogbeginnershugo 바둑을 배우려는 시도 - 유령이 휴고에게 1 당신은 아마도 이것을 모르지만 은 몇 달 동안 효과적으로 오프라인 상태였습니다. 현재 방문하면 흰색 페이지와 팝업만 표시되며 콘텐츠에 액세스할 수 없습니다. 이것은 새 서버로 업그레이드하고 내가 선택한 플랫폼으로 Ghost에서 멀어지는 부작용입니다. 나는 (d) Ghost를 좋아하지만 Digital Ocean의 작은 인스턴스에서 여러 사이트를 효과적으로 실행하기에는 너무 커졌습니다. 이것은 ... goghosthugo Hugo에 대한 임의 인용 정적 Hugo 사이트에 임의의 인용문을 추가하고 싶었는데 위젯을 찾을 수 없어서... 나는 이것이 Hugo 확장에 대해 더 많이 배울 수 있는 훌륭한 방법이라고 생각했고 실제로 그렇게 되었습니다. 단축 코드와 페이지 부분 위젯에 동일한 논리를 사용하고 싶었지만 불행히도 Hugo는 이러한 유형에 매개 변수를 다르게 전달합니다. 결국 두 위치에서 논리를 반복하는 것이 더 깔끔했습니다. 더 나은 ... javascripthugo Hugo: 단축 코드에서 부분 사용 최근에 나는 공통적으로 상당히 동일한 HTML 마크업을 갖는 다양한 이 있는 이 엣지 케이스를 가지고 있었습니다. Hugo를 사용하면 마크다운 파일(콘텐츠에 사용됨)의 단축 코드를 바로 가기로 사용하여 사용자 지정 템플릿을 로드할 수 있습니다. 대신 HTML을 직접 사용할 수도 있지만 유지 관리가 훨씬 어렵습니다. 제가 가장 좋아하는 기능 중 하나는 layouts/shortcodes 디렉토리... templateshugopartialsshortcodes Rootless Podman을 사용하여 Hugo 사이트 만들기 - 1부 나는 컨테이너를 처음 접했고 과거에 컨테이너를 사용해 보았지만 실제로 요점을 파악한 적은 없지만 그 가치를 보기 시작했습니다. 그러나 컨테이너에 대한 완전한 루트 액세스 권한을 부여한다는 생각이 마음에 들지 않습니다. 내가 사용하고 있는 전체 개념 에 익숙해지기 위해 Hugo는 가장 인기 있는 오픈 소스 정적 사이트 생성기 중 하나입니다(예, 웹 사이트에서 가져왔습니다 :D). 이것은 pod... podmanhugocontainerstutorial 종속성 없이 5분 안에 Hugo 정적 사이트에 검색 추가 귀하의 사이트에서 검색을 하는 것은 사용자 경험에 큰 도움이 됩니다. 내 사이트는 , 또는 과 같은 실제 검색 솔루션을 설정하는 데 많은 노력을 기울일 만큼 충분히 크지 않습니다. 대신에 저는 과거에서 영감을 얻었습니다. 2000년대의 많은 사이트처럼 검색 엔진이 저를 대신해 작업하도록 했습니다. 이것은 귀하의 사이트에 검색을 추가하는 80/20 버전입니다. 최소한의 노력으로 충분히 좋은 옵... hugojamstack Hugo 사이트에 임의 페이지 버튼 추가 얼마나 편리한지 기억한 후 내 Hugo 사이트 중 하나에 무작위 버튼을 추가하고 싶었습니다 . Hugo를 사용하면 JSON 파일을 생성한 다음 임의의 기사를 선택하는 간단한 스크립트를 작성하기만 하면 되는 정말 간단한 프로세스입니다. 1. JSON 페이지 목록 생성 Hugo를 사용하면 JSON 데이터를 편리하게 출력할 수 있으므로 나머지 정적 파일과 함께 배포될 루트에 JSON 데이터를 생성... hugojamstack
바둑 배우기 시도 - 유령이 휴고에게 4 여기 있습니다! 지난 몇 개의 게시물을 놓쳤다면 먼저 읽어보고 우리의 작은 프로토타입이 어떻게 진화했는지 감을 잡으시기 바랍니다. 이번에는 조금 정리하기 위해 리팩토링을 할 것입니다. 우리가 할 일의 대부분은 "데이터베이스"구조체에 메서드를 추가하는 것입니다. 방법 음, 구조체에 연결된 함수로 생각할 수 있습니다. 우리 코드에는 struct GhostDatabase 가 있습니다. 수신자가 구... hugoghostgo 바둑 배우기 시도 - 유령이 휴고에게 3 우리는 에서 ghost2hugo 프로토타입에 대한 작업을 계속할 것입니다. 지금까지 JSON 파일을 열고 데이터를 메모리에 로드하고 첫 번째 게시물에 대한 Markdown을 인쇄할 수 있습니다. 다음 단계는 백업에 포함된 모든 게시물을 읽고 처리할 수 있는지 확인하는 것입니다. 단일 기사를 인쇄하는 모든 코드를 각 기사를 인쇄하는 루프로 대체할 것입니다. 복습을 위해 첫 번째 기사를 인쇄하는... hugoghostgo 바둑 배우기 시도 - 유령이 휴고에게 2 우리는 내보낸 Ghost 데이터베이스를 Markdown으로 변환하는 프로토타입 프로그램을 만드는 과정에 있습니다 . 거기에서 우리는 첫 번째 게시물을 인쇄했습니다. 적절한 서론을 사용하여 게시물을 작성하는 데 필요한 대부분의 필드는 우리가 반환할 개체 내에 존재합니다. 제목, 슬러그, 게시 날짜 등을 볼 수 있습니다. Markdown이 포함된 섹션은 Mobiledoc이라는 형식으로 되어 있습... ghosthugogo 무언가에 대해 블로그를 작성하려면 스타일을 가지고 하세요. If you're going to do something, do it with style! 방금 프로젝트에 TailwindCSS를 설치했고 더 보기 좋게 만들기 위해 스타일을 추가할 준비가 되었습니다. 전에 후에 은 우리 스타일을 "훔친"범인입니다. 나는 다른 시리즈 중 하나에서 그것을 다루었습니다. Built on top of modern-normalize, Preflight is a se... hugotailwindcssprecommitprettier Linux 및 MacOS에서 Markdown 파일의 대규모 맞춤법 검사 오늘 저는 90개 이상의 다양한 언어를 지원하는 무료 소프트웨어 맞춤법 검사기인 을 사용하여 파일 배치의 맞춤법을 검사하는 방법을 배웠습니다* 이 게시물은 Debian용으로 작성되었으며 Ubuntu, Linux Mint, ArchLinux 등 모든 Linux 환경에서 작동합니다. MacOS도 이어야 하지만 테스트하지는 않았습니다. 1. 철자 설치 다음은 영어 사전입니다. 사용 가능한 사전 목... hugomarkdownjamstackwriting 머메이드로 다이어그램 만들기 이 웹 사이트의 대부분은 이를 사용하여 작성되었습니다( 로 표시됨). Markdown에서 영감을 받은 을 사용하여 차트 및 다이어그램을 만들기 위한 JavaScript 기반 도구입니다. 이 게시물의 끝 부분에 PKCE(Proof Key for Code Exchange)의 개요와 같은 컨텍스트의 예가 포함되어 있습니다. 둘째, 다음을 포함하는 경로/layouts/shortcodes/mermai... markdownmermaiddiagramhugo 웹멘션 예, 자바스크립트 아니요 나는 의 적어도 일부 형태로 에 내 웹 사이트를 다시 가져 오려고 시도했습니다 . 그러나 몇 시간 안에 내가 사용했던 타사 JavaScript 코드 가 지금은 잘리지 않을 것이라는 것이 분명해졌습니다. 따라서 나는 빌린 코드에서 내가 해야 할 변경 사항을 도핑해야 하는 일에 사임했습니다. 그동안 내가 지금까지 찾은 Hugo의 모든 webmentions-on-Hugo 솔루션이 순전히 Hugo에... webdevindiewebwebmentionshugo 휴고 파셜 작성자: Hugo용 Git 기반 CMS인 에서 제공했습니다. 부분 파일의 기본 개념은 간단합니다. 반복을 줄이거나 일부 복잡성을 숨기기 위해 레이아웃에 포함할 수 있는 파일입니다. 부분적으로 사이트에 탐색 모음을 추가합니다. 이 논리를 baseof.html 에 직접 추가할 수 있지만 때로는 레이아웃을 더 작은 부분으로 분할하여 2000줄 파일을 처리할 필요가 없도록 하는 것이 좋습니다. 최종... beginnerstutorialjamstackhugo Hugo에서 데이터 사용 작동 방식은 JSON, CSV, YAML, XML 또는 TOML 파일을 data 라는 디렉터리에 넣은 다음 .Site.Data 를 사용하여 레이아웃에서 해당 데이터에 액세스할 수 있습니다. 멋지게 꾸미고 싶다면 빌드 시 외부 소스에서 JSON 또는 CSV 파일을 다운로드할 수도 있습니다. 먼저 즐겨찾는 휴가지가 모두 포함된 데이터 파일을 만듭니다. 다음 콘텐츠로 생성/data/vacation... beginnerstutorialjamstackhugo Hugo 템플릿 기초 Hugo 템플릿을 사용하면 페이지가 렌더링되는 방식을 제어할 수 있습니다. 변수를 사용하고, 배열을 반복하고, 조건을 확인하고, 함수를 실행할 수 있습니다. 레이아웃에 있는 중괄호{{ }}는 Hugo 템플릿입니다. 머리말은 콘텐츠 파일 상단에 있는 메타데이터 스니펫입니다. 예를 들어 레이아웃을 설정하거나 현재 페이지가 초안임을 나타내는 일부 메타데이터는 Hugo 전용입니다. 머리말은 콘텐츠 ... beginnerstutorialjamstackhugo Hugo에서 블로깅 모든 블로그 게시물을 나열하는 페이지와 게시물 날짜가 있는 일련의 콘텐츠 페이지로 구성됩니다. 이 예제에서 레이아웃 계층 구조가 어떻게 작동하는지 확인할 것입니다. posts 디렉토리에 /content/라는 디렉토리를 만들고 그 안에 다음을 사용하여 _index.md라는 파일을 만듭니다. _index.md — 그게 무슨 뜻인지 기억하세요? 목차 파일이며 이 경우 게시물을 나열합니다. 현재 /... beginnerstutorialjamstackhugo Hugo 설정하기 Hugo 튜토리얼 소개에 오신 것을 환영합니다. 이 시리즈의 목표는 기본적인 웹 디자인 지식을 가진 새끼 사자에서 첫 번째 Hugo 웹 사이트를 만드는 데까지 안내하는 것입니다. 이 시리즈에서는 Hugo 사이트를 설정하는 방법, Hugo 레이아웃, 파셜 및 템플릿 사용의 기본 사항, 블로그를 설정하고 마지막으로 데이터 파일을 사용하는 방법을 배웁니다. 이 시리즈가 끝나면 자신만의 Hugo 사... beginnerstutorialjamstackhugo Hugo에서 검색 결과를 생성하는 Python 스크립트 여기요, 방금 hugo-search-json.py를 출시했습니다. Hugo로 만든 웹사이트의 정적 폴더에 JSON 파일을 생성하는 Verbose Python 스크립트. Hugo에서 제공하는 웹사이트의 정적 폴더에 JSON 파일을 생성하는 Verbose Python 스크립트. Hugo를 사용하면 설치의 static/ 폴더에서 정적 파일을 정의할 수 있습니다. 이러한 파일은 최종 빌드에서 복사됩... hugojavascriptpython 내 Hugo 사이트에 테마를 추가하는 방법 개발자는 Hugo 커뮤니티에서 사용할 많은 테마( )를 만듭니다. 다음은 이러한 테마를 Hugo 사이트에 추가하는 방법에 대한 빠른 가이드입니다. macOS, Windows, Linux, OpenBSD, FreeBSD 및 GO(AKA Golang) 컴파일러 도구 체인을 실행할 수 있는 모든 시스템에 Hugo를 설치할 수 있습니다. Chocolatey를 통해 Windows에 Extended H... tutorialwebdevjamstackhugo 휴고 노 테마 가이드 및 많은 온라인 자습서에서 새 프로젝트는 기존 테마 중 하나를 사용하거나 새 테마를 만드는 것이 좋습니다. 그러나 공식 문서를 읽은 후 내 에 어떤 테마도 사용하지 않기로 결정했습니다. 나는 이 새로운 프로젝트에 대해서도 같은 일을 할 것입니다. 미래에 내 기능 중 일부가 블로그에서 분리될 수 있는 것처럼 보이면 테마를 만들 것이지만 지금은 테마가 필요하지 않습니다. 먼저 휴고 가 작... precommiteditorconfigprettierhugo 기본 콘텐츠 렌더링 이제 멋진 HTML 기본값을 갖도록 템플릿을 업데이트하겠습니다. 그러나 우리의 경우 기본 템플릿을 에 기반할 것입니다. 페이지에서 (솔직히 말해서 직접적이지 않음) Hugo의 모든 템플릿 조회는 layouts/_default/baseof.html 템플릿으로 시작한다고 명시되어 있습니다. 이 사실은 생성된 html 폴더에서 layouts 태그가 있는 템플릿을 찾는 것으로도 유추할 수 있습니다.... vuegohtmlbloghugo 날기 위해서는 순풍이 필요하다 Hugo는 다양한 방법을 지원하므로 블로그에 CSS 라이브러리를 추가하는 방법은 거의 없습니다. 웹팩, Vite 등과 같은 다른 빌드 도구와 더 잘 통합하기 위해 TailwindCSS를 사용했다면 기본적으로 을 지원합니다. TailwindCSS를 PostCSS 플러그인으로 설치한 다음 Hugo의PostCSS 파이프를 사용하여 블로그에 통합할 것입니다. blog/ 폴더에서 을 따라 시작합니다.... npmtailwindcsspostcsshugo Hugo로 포트폴리오 웹사이트 구축 개인 웹페이지는 당신에 대해 세상에 알리고 과거의 업적을 보여줄 수 있는 완벽한 장소입니다. 당신의 이력서, 프로젝트, 블로그를 개인화된 테마로 넣어 사람들이 당신이 훌륭한 취향을 가지고 있다는 것을 알 수 있도록 하세요: 올인원! 온라인에 공개되는 포트폴리오, 별 노력 없이 할 수 있는 작지만 멋진 프로젝트, 왜 안 될까요? Github Pages를 사용하면 도메인 이름을 찾지 않고도 개인... portfoliowebsitehugo Hugo 및 Github Pages를 사용하여 블로그를 만드는 방법 우리는 놀라운 프레임워크를 사용하여 처음부터 블로그를 구축하고 사용자 정의 하위 도메인과 함께 을 사용하여 무료로 배포할 것입니다! 놀라운 커뮤니티 지원과 다양한 테마가 있습니다. 개인적으로 저는 블로그 게시물을 마크다운 파일로 작성하고 github에 푸시하여 작업 없이 라이브로 게시하고 싶습니다. Hugo를 사용하면 바로 그렇게 할 수 있습니다! homebrew를 사용하여 CLI 설치hug... githubblogbeginnershugo 바둑을 배우려는 시도 - 유령이 휴고에게 1 당신은 아마도 이것을 모르지만 은 몇 달 동안 효과적으로 오프라인 상태였습니다. 현재 방문하면 흰색 페이지와 팝업만 표시되며 콘텐츠에 액세스할 수 없습니다. 이것은 새 서버로 업그레이드하고 내가 선택한 플랫폼으로 Ghost에서 멀어지는 부작용입니다. 나는 (d) Ghost를 좋아하지만 Digital Ocean의 작은 인스턴스에서 여러 사이트를 효과적으로 실행하기에는 너무 커졌습니다. 이것은 ... goghosthugo Hugo에 대한 임의 인용 정적 Hugo 사이트에 임의의 인용문을 추가하고 싶었는데 위젯을 찾을 수 없어서... 나는 이것이 Hugo 확장에 대해 더 많이 배울 수 있는 훌륭한 방법이라고 생각했고 실제로 그렇게 되었습니다. 단축 코드와 페이지 부분 위젯에 동일한 논리를 사용하고 싶었지만 불행히도 Hugo는 이러한 유형에 매개 변수를 다르게 전달합니다. 결국 두 위치에서 논리를 반복하는 것이 더 깔끔했습니다. 더 나은 ... javascripthugo Hugo: 단축 코드에서 부분 사용 최근에 나는 공통적으로 상당히 동일한 HTML 마크업을 갖는 다양한 이 있는 이 엣지 케이스를 가지고 있었습니다. Hugo를 사용하면 마크다운 파일(콘텐츠에 사용됨)의 단축 코드를 바로 가기로 사용하여 사용자 지정 템플릿을 로드할 수 있습니다. 대신 HTML을 직접 사용할 수도 있지만 유지 관리가 훨씬 어렵습니다. 제가 가장 좋아하는 기능 중 하나는 layouts/shortcodes 디렉토리... templateshugopartialsshortcodes Rootless Podman을 사용하여 Hugo 사이트 만들기 - 1부 나는 컨테이너를 처음 접했고 과거에 컨테이너를 사용해 보았지만 실제로 요점을 파악한 적은 없지만 그 가치를 보기 시작했습니다. 그러나 컨테이너에 대한 완전한 루트 액세스 권한을 부여한다는 생각이 마음에 들지 않습니다. 내가 사용하고 있는 전체 개념 에 익숙해지기 위해 Hugo는 가장 인기 있는 오픈 소스 정적 사이트 생성기 중 하나입니다(예, 웹 사이트에서 가져왔습니다 :D). 이것은 pod... podmanhugocontainerstutorial 종속성 없이 5분 안에 Hugo 정적 사이트에 검색 추가 귀하의 사이트에서 검색을 하는 것은 사용자 경험에 큰 도움이 됩니다. 내 사이트는 , 또는 과 같은 실제 검색 솔루션을 설정하는 데 많은 노력을 기울일 만큼 충분히 크지 않습니다. 대신에 저는 과거에서 영감을 얻었습니다. 2000년대의 많은 사이트처럼 검색 엔진이 저를 대신해 작업하도록 했습니다. 이것은 귀하의 사이트에 검색을 추가하는 80/20 버전입니다. 최소한의 노력으로 충분히 좋은 옵... hugojamstack Hugo 사이트에 임의 페이지 버튼 추가 얼마나 편리한지 기억한 후 내 Hugo 사이트 중 하나에 무작위 버튼을 추가하고 싶었습니다 . Hugo를 사용하면 JSON 파일을 생성한 다음 임의의 기사를 선택하는 간단한 스크립트를 작성하기만 하면 되는 정말 간단한 프로세스입니다. 1. JSON 페이지 목록 생성 Hugo를 사용하면 JSON 데이터를 편리하게 출력할 수 있으므로 나머지 정적 파일과 함께 배포될 루트에 JSON 데이터를 생성... hugojamstack