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 머메이드로 다이어그램 만들기 이 웹 사이트의 대부분은 이를 사용하여 작성되었습니다( 로 표시됨). Markdown에서 영감을 받은 을 사용하여 차트 및 다이어그램을 만들기 위한 JavaScript 기반 도구입니다. 이 게시물의 끝 부분에 PKCE(Proof Key for Code Exchange)의 개요와 같은 컨텍스트의 예가 포함되어 있습니다. 둘째, 다음을 포함하는 경로/layouts/shortcodes/mermai... markdownmermaiddiagramhugo 웹멘션 예, 자바스크립트 아니요 나는 의 적어도 일부 형태로 에 내 웹 사이트를 다시 가져 오려고 시도했습니다 . 그러나 몇 시간 안에 내가 사용했던 타사 JavaScript 코드 가 지금은 잘리지 않을 것이라는 것이 분명해졌습니다. 따라서 나는 빌린 코드에서 내가 해야 할 변경 사항을 도핑해야 하는 일에 사임했습니다. 그동안 내가 지금까지 찾은 Hugo의 모든 webmentions-on-Hugo 솔루션이 순전히 Hugo에... webdevindiewebwebmentionshugo 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 종속성 없이 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 머메이드로 다이어그램 만들기 이 웹 사이트의 대부분은 이를 사용하여 작성되었습니다( 로 표시됨). Markdown에서 영감을 받은 을 사용하여 차트 및 다이어그램을 만들기 위한 JavaScript 기반 도구입니다. 이 게시물의 끝 부분에 PKCE(Proof Key for Code Exchange)의 개요와 같은 컨텍스트의 예가 포함되어 있습니다. 둘째, 다음을 포함하는 경로/layouts/shortcodes/mermai... markdownmermaiddiagramhugo 웹멘션 예, 자바스크립트 아니요 나는 의 적어도 일부 형태로 에 내 웹 사이트를 다시 가져 오려고 시도했습니다 . 그러나 몇 시간 안에 내가 사용했던 타사 JavaScript 코드 가 지금은 잘리지 않을 것이라는 것이 분명해졌습니다. 따라서 나는 빌린 코드에서 내가 해야 할 변경 사항을 도핑해야 하는 일에 사임했습니다. 그동안 내가 지금까지 찾은 Hugo의 모든 webmentions-on-Hugo 솔루션이 순전히 Hugo에... webdevindiewebwebmentionshugo 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 종속성 없이 5분 안에 Hugo 정적 사이트에 검색 추가 귀하의 사이트에서 검색을 하는 것은 사용자 경험에 큰 도움이 됩니다. 내 사이트는 , 또는 과 같은 실제 검색 솔루션을 설정하는 데 많은 노력을 기울일 만큼 충분히 크지 않습니다. 대신에 저는 과거에서 영감을 얻었습니다. 2000년대의 많은 사이트처럼 검색 엔진이 저를 대신해 작업하도록 했습니다. 이것은 귀하의 사이트에 검색을 추가하는 80/20 버전입니다. 최소한의 노력으로 충분히 좋은 옵... hugojamstack Hugo 사이트에 임의 페이지 버튼 추가 얼마나 편리한지 기억한 후 내 Hugo 사이트 중 하나에 무작위 버튼을 추가하고 싶었습니다 . Hugo를 사용하면 JSON 파일을 생성한 다음 임의의 기사를 선택하는 간단한 스크립트를 작성하기만 하면 되는 정말 간단한 프로세스입니다. 1. JSON 페이지 목록 생성 Hugo를 사용하면 JSON 데이터를 편리하게 출력할 수 있으므로 나머지 정적 파일과 함께 배포될 루트에 JSON 데이터를 생성... hugojamstack