금속 제조업체로 정적 사이트를 만드는 방법

이전 기사는 정적 웹 사이트 생성기 사용 여부에 대한 이유를 논의했습니다. 요컨대, 정적 웹 사이트 생성기는 템플릿과 원시 데이터 (일반적으로 Markdown 파일에 포함) 만 포함하는 페이지 파일을 빌드합니다. 호스팅, 성능 및 보안의 오버 헤드없이 일부 CMS 혜택을 제공합니다.

정적 웹 사이트는 다음을 포함한 다양한 프로젝트에 적합 할 수 있습니다.

작은 웹 사이트 또는 개인 블로그. 수십 개의 페이지, 드문 게시물 및 1 ~ 두 명의 저자가있는 웹 사이트가 이상적 일 수 있습니다.

REST API와 같은 기술 문서.

일련의 웹 뷰가 필요한 애플리케이션 프로토 타입.

e-books-마이크 다운 파일은 PDF 또는 기타 형식 및 HTML로 변환 할 수 있습니다.

• 본질적으로 정적 웹 사이트 생성기는 건축 도구입니다. Grunt 또는 Gulp와 마찬가지로 작업 또는 프로젝트 비계를 실행하는 데 사용할 수 있습니다.
• 키 포인트
• Metalsmith는 전통적인 CMS의 오버 헤드없이 경량 웹 사이트를 만드는 데 이상적인 유연한 플러그 가능한 정적 웹 사이트 생성기입니다.
금속의 설치 및 설정에는 Node.js가 필요합니다. 여기에는 새 프로젝트 디렉토리를 초기화하고 NPM을 통해 필요한 플러그인을 설치하는 것이 포함됩니다.
• 금속의 프로젝트 구조에는 소스 파일, 템플릿 및 자산을 구성하는 것이 포함되며 개발과 생산 건설을 명확하게 구별합니다.
Metalsmith는 다양한 플러그인을 사용하여 마크 다운 파일 처리, RSS 피드 생성 및 빌드 파일에 구성된 사이트 맵 생성과 같은 기능을 확장합니다.

> 메타 데이터 설정 또는 디버그 정보 추가, 웹 사이트 컨텐츠 및 구조 관리에 대한 금속 제조업체의 다양성 향상과 같은 특정 작업을 처리하기 위해 사용자 정의 플러그인을 만들 수 있습니다.

금속 제조업체의 빌드 프로세스는 금속 제조업 자체가 더 간단한 프로세스에 충분하지만 더 복잡한 시나리오를 처리하기 위해 Gulp와 같은 작업 러너와 통합 될 수 있습니다.

왜 금속 제조업체를 선택합니까?

의 논란의 여지가없는 정적 웹 사이트 챔피언은 2008 년에 시작된 루비 프로젝트 인 Jekyll입니다. Jekyll을 사용하기 위해 Ruby 전문 지식이 반드시 필요하지는 않지만 도움이 될 것입니다. 다행히 가장 인기있는 언어에는 다양한 오픈 소스 정적 웹 사이트 생성기가 있습니다. JavaScript 옵션에는 Hexo, Harp 및 Assemble이 포함됩니다. 더 간단한 프로젝트의 경우 Gulp와 같은 빌드 도구를 사용할 수도 있습니다.

나는이 튜토리얼을 위해 금속 제조업체를 선택했다 :
• 특정 유형의 프로젝트 (예 : 블로그)를 대상으로하지 않음 다양한 템플릿 및 데이터 형식 옵션을 지원합니다
경량 거의 종속성 모듈 식 구조를 사용하는 는
• 뿐만 아니라 간단한 플러그인 아키텍처를 제공합니다 시작하기 쉽습니다.
• 이 자습서는 데모 웹 사이트를 구축했습니다. 디자인 상을 수상하지는 않지만 기본 개념을 보여줍니다. Metalsmith 빌드 코드는 Github 저장소에서 확인 및 설치할 수 있습니다. 또는 여기에서 지침을 따르고 자신의 기본 사이트를 만들 수 있습니다.
나는 금속 제조업체를 몇 번 사용했습니다. 이것이 모든 정적 웹 사이트를 구축하는 최고의 방법이라고 생각하지 마십시오!

설치 금속 Node.js가 설치되어 있는지 확인한 다음 (예 : NVM 사용) Project.json 파일과 같은 새 프로젝트 디렉토리를 작성하십시오.

지금 금속 제조업체와 사이트를 구축하는 데 사용할 다양한 플러그인을 설치하십시오. 이들은 다음과 같습니다.
금속 제조업체-금속 제작에 정적 자산을 포함시켜 Metalsmith-Browser-Sync-BrowserSync를 워크 플로우에 통합합니다 메탈 스미스 수집-글로벌 메타 데이터에 파일 모음을 추가 메탈 스미스 피드-컬렉션 용 RSS 피드 생성

MetalsMith-HTML-MINIFIER-Kangax/Html-Minifier를 사용하여 HTML 파일을 압축합니다 MetalsMith-in-in-in-in-in-in-in-in-in-in-in-in-in-in-in-in-in-in-in- Metalsmith-Layouts-소스 파일 에 레이아웃을 적용하십시오 MetalsMith-Mapsite-Setemap.xml 파일을 생성합니다 MetalsMith-MarkDown-Markdown 파일 변환 Metalsmith-Permalinks-파일에 사용자 정의 퍼마 링크 모드를 적용하십시오 Metalsmith-Publish-초안, 개인 및 미래 날짜를 지원하는 게시물 Metalsmith-Word-Count-HTML 파일의 모든 단락에 대한 단어 수/평균 읽기 시간을 계산합니다

<code>cd project && cd project
npm init -y
</code>

프로젝트 구조 우리는 프로젝트에서 다음 구조를 소스 (SRC) 및 빌드 (빌드) 디렉토리로 사용합니다.
다음과 같이 샘플 파일을 만들거나 데모 SRC 디렉토리에서 직접 복사 할 수 있습니다.
페이지 페이지 마크 다운 파일은 src/html에 포함되어 있습니다. 여기에는 각 웹 사이트 섹션에 대한 첫 번째 수준의 하위 디렉토리 (예 :
• )가 포함될 수 있습니다.
> SRC/HTML/시작 - 특정 순서로 프로젝트를 설명하는 페이지 > src/html/article-반기 학적 순서로 배열 된 다양한 기사 > SRC/HTML/연락처 - 단일 연락처 페이지 각 디렉토리에는 index.md 파일이 포함되어 있으며 해당 섹션의 기본 페이지입니다. 다른 페이지에서는 고유 한 이름을 사용할 수 있습니다.
• 빌드 프로세스는이 파일을 와 같은 디렉토리 기반 퍼머 링크로 변환합니다.
/> src/html/start/index.md는 /start/index.html 가됩니다 > src/html/start/installation.md는 /start/installation/index.html 가됩니다
• 각 Markdown 파일은 컨텐츠와 "서문"이라고하는 메타 정보를 제공합니다
대부분의 서문 질문은 선택 사항이지만 다음을 설정할 수 있습니다.
• 우선 순위 : 0 (낮음)과 1 (높음) 사이의 숫자는 메뉴를 정렬하고 XML 사이트 맵을 정의하는 데 사용할 것입니다.
Publish : 초안, 개인 또는 미래 날짜로 설정하여 필요하기 전에 게시되지 않도록 할 수 있습니다.
• 날짜 : 기사의 날짜. 설정되지 않으면 향후 릴리스 날짜 또는 파일 생성 날짜를 사용합니다.
레이아웃 : 사용할 html 템플릿.
• 템플릿 HTML 페이지 템플릿은 SRC/Template에 포함되어 있습니다. 두 개의 템플릿이 정의되었습니다 :
> src/html/template/page.html 기본 레이아웃
• > src/html/emplate/article.md 링크 전후에 날짜를 표시하는 기사 레이아웃
• 다른 옵션이 지원되지만 핸들 바 템플릿 시스템이 사용됩니다. 일반적인 템플릿에는 페이지 컨텐츠와 {{title}} : 와 같은 서문 값을 ​​포함하려면 {{{contents}}} 태그가 필요합니다.
파트 섹션 또는 HTML 스 니펫 파일은 SRC/부분에 포함되어 있습니다. 주로 템플릿에서 사용되지만 다음 코드를 사용하여 컨텐츠 페이지에도 포함될 수 있습니다.

여기서 partialName은 src/partials 디렉토리의 파일 이름입니다.

정적 자산 정적 자산 (예 : 이미지, CSS 및 JavaScript 파일)이 SRC/자산에 포함됩니다. 모든 파일 및 하위 디렉토리는 웹 사이트의 루트에 따라 복사됩니다.

<code>cd project && cd project
npm init -y
</code>

사용자 정의 플러그인 사이트를 빌드하는 데 필요한 사용자 정의 플러그인은 LIB 디렉토리에 포함되어 있습니다.

빌드 디렉토리 웹 사이트는 빌드 디렉토리에 구축됩니다. 우리는 두 가지 방법으로 웹 사이트를 구축 할 것입니다 :

개발 모드 : HTML은 압축되지 않으며 테스트 웹 서버를 시작합니다.

프로덕션 모드 : Node_env가 프로덕션으로 설정되면 빌드 디렉토리가 지워지고 최종 압축 파일이 생성됩니다.

첫 번째 빌드 파일을 정의하십시오 프로젝트 디렉토리의 루트 디렉토리에서 build.js라는 기본 예제를 만들 수 있습니다.

Node ./build.js로 실행하면 Build 디렉토리에서 정적 웹 사이트가 작성됩니다. Markdown은 HTML로 구문 분석되지만 빌드 프로세스 중에 템플릿을 포함하지 않았기 때문에 사용할 수 없습니다.

<code>npm install --save-dev metalsmith metalsmith-assets metalsmith-browser-sync metalsmith-collections metalsmith-feed metalsmith-html-minifier metalsmith-in-place metalsmith-layouts metalsmith-mapsite metalsmith-markdown metalsmith-permalinks metalsmith-publish metalsmith-word-count handlebars
</code>

MetalsMith 플러그인 표면에서 금속 제작 파일은 Gulp에 사용 된 것과 유사하게 보입니다 (스트림을 사용하지는 않지만). 적절한 인수를 사용하여 플러그인을 금속 제조 방법에 전달하여 플러그인을 호출하십시오. 플러그인 자체는 다른 함수를 반환해야하며 세 가지 매개 변수를 수용합니다.

각 페이지에 대한 정보가 포함 된 파일 배열 메타 데이터 및 와 같은 글로벌 정보를 포함하는 금속 대상 플러그인이 작업을 완료 한 후 호출 해야하는 완료 된 기능

이 간단한 예제는 모든 메타 데이터와 페이지 정보를 콘솔에 기록합니다 (build.js에서 정의 할 수 있음) :

MetalsMith 빌드 코드는이 플러그인을 사용하도록 업데이트 될 수 있습니다.

이 디버깅 기능을 사용하면 고유 한 사용자 정의 플러그인을 만들 수 있지만 필요한 대부분의 기능은 이미 작성되었습니다. Metalsmith 웹 사이트에는 플러그인 목록이 길어집니다.

더 나은 빌드를 만드십시오 데모 사이트 빌드 파일의 주요 부분은 아래에 설명되어 있습니다.

node_env 환경 변수가 생산으로 설정된 경우 (Mac/Linux 또는 Node_env = Windows에서 생산) 변수 DevBuild가 true로 설정됩니다.

<code>cd project && cd project
npm init -y
</code>

홈 디렉토리는 DIR 객체에 정의되어 재사용 할 수 있습니다.

로드 메탈 스미스 및 플러그인 모듈. 참고 : <.>

우수한 BrowserSync Test Server는 개발 빌드를 작성할 때만 필요합니다. HTML Compressor 모듈 HTMLMIN에서 참조하는 Compressor 모듈은 생산 빌드를 작성할 때만 필요합니다 세 가지 사용자 정의 플러그인이 정의되었습니다 : SetDate, Moremeta 및 Debug (아래에서 자세히 설명)

<code>npm install --save-dev metalsmith metalsmith-assets metalsmith-browser-sync metalsmith-collections metalsmith-feed metalsmith-html-minifier metalsmith-in-place metalsmith-layouts metalsmith-mapsite metalsmith-markdown metalsmith-permalinks metalsmith-publish metalsmith-word-count handlebars
</code>

SiteMeta 객체는 각 페이지에 적용되는 정보를 사용하여 정의됩니다. 중요한 값은 도메인 및 루트 경로이며 개발 또는 생산 구축을 기반으로 설정됩니다.

또한 템플릿 기본값을 설정하기 위해 템플릿 콘 피그 객체를 정의합니다. 이것은 핸들 바를 사용하여 내부 및 템플릿 렌더링을 가능하게하는 Metalsmith-in-in-in-Place 및 Metalsmith-Layouts 플러그인에서 사용됩니다.

• 금속 객체는 이제 이전과 같이 초기화되었지만 Setemeta 객체를 메타 데이터 메소드로 전달 하여이 정보를 각 페이지마다 사용할 수 있도록합니다. 따라서 사이트 이름을 얻기 위해 모든 페이지에서 {{name}}과 같은 항목을 참조 할 수 있습니다.
• 첫 번째 플러그인 호출 MetalsMith-Publish는 서문 게시 값이 초안, 개인 또는 미래 날짜로 설정된 파일을 제거합니다.
setDate는 lib/metalsmith-setdate.js에 포함 된 사용자 정의 플러그인입니다. 각 파일은 "날짜"값 세트를 보장하고, 이전 질문에서 값이 정의되지 않더라도 릴리스 날짜 또는 파일 생성 시간으로 다시 떨어지면 달성 할 수 있습니다.
• MetalsMith-Collections는 각 페이지를 소스 디렉토리의 위치 또는 기타 요인에 따라 범주 또는 분류에 할당하기 때문에 가장 중요한 플러그인 중 하나입니다. 날짜 또는 우선 순위와 같은 사문을 사용하여 파일을 재정렬 할 수 있으며 컬렉션에 대한 사용자 정의 메타 데이터를 설정할 수 있습니다. 코드 정의 :

SRC/HTML/Start Directory에서 각 파일의 시작 모음. 파일의 이전 질문에 설정된 우선 순위 값으로 정렬됩니다.

<code>---
title: My page title
description: A description of this page.
layout: page.html
priority: 0.9
date: 2016-04-19
publish: draft
---

This is a demonstration page.

## Example title
Body text.</code>

SRC/HTML/기사 디렉토리에서 각 파일의 기사 모음. 그것은 반기 학적 순서

로 분류합니다 index라는 각 기본 페이지의 페이지 모음.*. 파일의 이전 질문에 설정된 우선 순위 값으로 정렬됩니다.

<code>
 lang="en">
  >
    {{> meta }}
  >
  >

  {{> header }}

  <main>></main>
    >

      {{#if title}}
        <h1 id="gt">></h1>{{ title }}>
      {{/if}}

      {{{ contents }}}

    >
  >

  {{> footer }}

>
>
</code>

다음은 HTML 변환에 대한 마크 다운이고, Metalsmith-Permalinks 플러그인으로 빌드의 디렉토리 구조를 정의합니다. Moremeta 세트 : 아래 각 파일에 대한 MainCollection : .

Metalsmith-Word-Count는 기사의 단어 수를 계산하고 읽는 데 걸리는 시간을 계산합니다. 매개 변수 {raw : true} 출력 전용 숫자 :

<code>{{> partialname }}</code>

Moremeta는 Lib/Metalsmith-Moremeta.js에 포함 된 또 다른 사용자 정의 플러그인입니다. 각 파일에 다른 메타 데이터를 첨부합니다

루트 : 루트 디렉토리에 대한 절대 또는 계산 된 상대 파일 경로 <:> iSpage : index라는 기본 부분 페이지에 대해 true로 설정하십시오.* MainCollection : 기본 컬렉션 이름, 즉 시작 또는 기사 레이아웃 : 설정되지 않으면 레이아웃 템플릿은 메인 컬렉션의 메타 데이터에서 결정할 수 있습니다 <:> navmain : 최상위 내비게이션 객체 배열 <: :> navsub : 보조 내비게이션 객체의 배열 플러그인 코드는 내비게이션을 처리하기 때문에 더 복잡합니다. 더 간단한 계층 구조가 필요한 경우 더 간단한 옵션이 있습니다.
메탈 미스 (Metalsmith-in-in-in-in-in-in-in-in-in-in-rayouts 플러그인)는 각각 내면 및 템플릿 레이아웃을 제어합니다. 위의 정의 된 것과 동일한 templateconfig 객체를 전달하십시오
• htmlmin이 설정되면 (생산 빌드에서) html을 압축 할 수 있습니다.
디버그는 lib/metalsmith-debug.js에 포함 된 최종 사용자 정의 플러그인입니다. 위에서 설명한 디버그 함수와 유사합니다.
• 개발 빌드를 테스트 할 수 있도록 BrowserSync 테스트 서버를 시작하십시오. 전에 사용하지 않은 경우 마술처럼 보입니다. 마술처럼 보입니다. 변경할 때마다 웹 사이트가 마술처럼 새로 고쳐지고 웹 사이트를 스크롤하거나 찾아 보면 두 개 이상의 브라우저의 뷰가 동기화됩니다.
마지막으로, 우리는 사용할 수 있습니다 :
• MetalsMith-Mapsite는 XML SiteMap 를 생성합니다 메탈 스미스 피드 기사 컬렉션의 페이지에 대한 RSS 피드를 생성합니다. 금속 제조업체는 SRC/자산의 파일과 디렉토리를 복사하여 수정하지 않고 구축 할 수 있습니다.

나머지는 마지막 .build () 단계입니다.

<code>cd project && cd project
npm init -y
</code>

완료되면 Node ./build.js를 다시 실행하여 정적 웹 사이트를 작성할 수 있습니다.

주의를 기울여야 간단한 금속 제조업 웹 사이트를 구축 할 때 많은 것을 배웠지 만 다음과 같은 문제를 알고 있어야합니다. 호환되지 않는 플러그인 플러그인은 다른 플러그인과 충돌 할 수 있습니다. 예를 들어, 상대 루트 경로의 금속 제조업체를 계산하는 것은 사용자 정의 빌드 디렉토리 구조를 생성하는 금속 제조업체와 호환되지 않습니다. Lib/Metalsmith-Moremeta.js 플러그인에 사용자 정의 루트 경로 계산 코드를 작성 하여이 문제를 해결했습니다.

플러그인 순서는 중요합니다 플러그인이 잘못된 순서로 배치되면 플러그인은 충돌 또는 충돌에 의존 할 수 있습니다. 예를 들어, RSS를 생성하는 Metalsmith-Feed 플러그인은 Metalsmith-Layouts 후에 호출되어 RSS XML이 페이지 템플릿에서 생성되지 않도록해야합니다.

<code>npm install --save-dev metalsmith metalsmith-assets metalsmith-browser-sync metalsmith-collections metalsmith-feed metalsmith-html-minifier metalsmith-in-place metalsmith-layouts metalsmith-mapsite metalsmith-markdown metalsmith-permalinks metalsmith-publish metalsmith-word-count handlebars
</code>

BrowserSync Rebuild 문제 BrowserSync가 파일을 실행하고 편집 할 때 컬렉션이 재구성되지만 이전 데이터는 여전히 존재하는 것 같습니다. 이는 LIB/Metalsmith-Moremeta.js 사용자 정의 플러그인의 문제 일 수 있지만 메뉴 및 전면 및 후면 링크가 동기화되지 않을 수 있습니다. 이를 고치려면 CTRL/CMD C를 사용하여 빌드를 중지하고 빌드를 다시 시작하십시오.

아직도 꿀벌이 필요합니까?

Gulp와 같은 작업 관리자를 사용하는 사람들은 금속 제조업체가 친숙한 빌드 프로세스를 제공한다는 것을 알 수 있습니다. CSS 전처리, 이미지 압축, 파일 연결, Vilification 등 SASS를위한 플러그인이 있습니다. 더 간단한 프로세스의 경우 충분할 수 있습니다.

그러나 Gulp는 다양한 플러그인을 가지고 있으며 auto-prefixer를 사용한 Lint, Deployment 및 PostCS 처리와 같은 복잡한 빌드 활동을 허용합니다. Gulp/Metalsmith 통합 플러그인이 있지만 Gulp 작업이 금속 제조업체를 직접 실행할 수 있으므로 필요하지 않습니다

이 프로세스는 위에서 언급 한 BrowserSync Rebuild 문제를 방지합니다. 다른 작업이 활성화 될 때 금속 제조업체가 빌드 폴더를 지우지 않도록 .clean (false)을 사용해야합니다.

금속 제조업체가 당신에게 적합합니까?

금속 제조업체는 간단하거나 고도로 사용자 정의 된 웹 사이트 요구가있는 경우 이상적입니다. 문서 프로젝트를 사용해보고 한 번에 하나의 기능을 추가하십시오. Metalsmith는 Jekyll과 같은 대안만큼 완전히 기능하지는 않지만 그런 식으로 설계되지 않았습니다. 자신의 플러그인을 작성해야 할 수도 있지만 그렇게하기 쉽습니다. 이는 JavaScript 개발자에게 큰 이점입니다.

금속 제조업 제작 시스템을 만드는 데는 시간이 걸리며 HTML 템플릿 및 배포와 관련된 작업의 양을 고려하지 않았습니다. 그러나 프로세스를 사용할 수있게되면 Markdown 파일을 추가, 편집 및 삭제하는 것이 매우 간단 해집니다. CMS를 사용하는 것보다 쉬울 수 있으며 정적 웹 사이트의 모든 이점이 있습니다.

<code>cd project && cd project
npm init -y
</code>

FAQ는 금속 제조업체 로 정적 웹 사이트를 만드는 것에 대한 FAQ입니다 금속 란 무엇이며 왜 정적 웹 사이트를 만드는 데 사용해야합니까?

Metalsmith는 간단하고 사용하기 쉬운 플러그가 가능한 정적 웹 사이트 생성기입니다. Node.js를 기반으로하며 플러그인을 통해 필요에 따라 기능을 추가 할 수있는 모듈 식 구조를 사용합니다. 이것은 놀라운 유연성과 사용자 정의 가능성을 만듭니다. 금속 제조업체를 사용하여 정적 웹 사이트를 만들어 기존 CMS에 의해 제한되지 않고 원하는대로 웹 사이트를 구축 할 수 있기 때문입니다. 또한 정적 웹 사이트는 동적 웹 사이트보다 빠르고 안전하며 유지 관리가 쉽습니다.

금속 제조업체를 설치하는 방법은 무엇입니까?

금속 제조업체를 설치하려면 컴퓨터에 node.js 및 npm을 설치해야합니다. 이 설치 후 터미널에서 NPM 설치 금속을 실행하여 금속 제조업체를 설치할 수 있습니다. 이것은 금속 제조업체 및 모든 종속성을 설치합니다.

새로운 금속 제조 프로젝트를 만드는 방법은 무엇입니까?

새로운 금속 제조 프로젝트를 만들려면 먼저 터미널에서 프로젝트를 작성하려는 디렉토리로 이동하십시오. 그런 다음 명령 금속 제조업체를 실행하여 새 프로젝트를 만듭니다. 이렇게하면 프로젝트 이름을 가진 새 디렉토리가 생성 되며이 디렉토리 내에서 정적 웹 사이트의 기본 구조가 생성됩니다.

내 금속 제조 프로젝트에 플러그인을 추가하는 방법은 무엇입니까?

메탈 스미스 프로젝트에 플러그인을 추가하려면 NPM을 통해 설치 한 다음 MetalsMith 구성 파일에 참조해야합니다. 예를 들어, Markdown 플러그인을 추가하려면 먼저 Metalsmith-Markdown을 설치 한 다음 구성 파일을 실행해야합니다. var markdown = require ( 'metalsmith-markdown'); )) 금속 제조업 체인으로 이동하십시오.

내 금속 제조업 웹 사이트를 구축하는 방법은 무엇입니까?

금속 제조업 웹 사이트를 구축하려면 터미널에서 MetalsMith 빌드를 실행해야합니다. 이렇게하면 모든 파일을 컴파일하고 빌드 디렉토리로 출력 한 다음 서버에 배포 할 수 있습니다.

내 금속 제조 웹 사이트의 레이아웃을 사용자 정의하는 방법은 무엇입니까?

메탈 스미스 웹 사이트의 레이아웃을 사용자 정의하려면 핸들 바 또는 Jade와 같은 템플릿 엔진을 사용할 수 있습니다. 이를 통해 헤더, 바닥 글 및 개별 페이지와 같은 웹 사이트의 다른 부분에 대해 재사용 가능한 템플릿을 만들 수 있습니다.

Metalsmith 웹 사이트에 콘텐츠를 추가하는 방법은 무엇입니까?

메탈 스미스 웹 사이트에 컨텐츠를 추가하려면 소스 디렉토리에 Markdown 파일을 만들 수 있습니다. 웹 사이트를 구축 할 때이 파일은 HTML로 변환됩니다. NetLify CMS와 같은 CMS를 사용하여 콘텐츠를 관리 할 수도 있습니다.

내 금속 제조 웹 사이트를 배포하는 방법은 무엇입니까?

금속 메탈 웹 사이트를 배포하려면 NetLify 또는 GitHub 페이지와 같은 서비스를 사용할 수 있습니다. 이 서비스는 정적 웹 사이트를 호스팅하고 저장소로 푸시 할 때 변경 사항을 자동으로 배포합니다.

내 Metalsmith 웹 사이트를 업데이트하는 방법은 무엇입니까?

MetalsMith 웹 사이트를 업데이트하려면 소스 파일을 변경하고 웹 사이트를 재건하십시오. 변경 사항은 빌드 디렉토리에 반영되며 서버에 배포 할 수 있습니다.

크고 복잡한 웹 사이트에 금속 제조업체를 사용할 수 있습니까?

예, 금속은 확장 가능하며 크고 복잡한 웹 사이트에 사용할 수 있습니다. 모듈 식 구조를 사용하면 필요에 따라 기능을 추가 할 수 있으며 정적 파일을 사용하면 속도를 늦추지 않고 많은 컨텐츠를 처리 할 수 ​​있습니다.

위 내용은 금속 제조업체로 정적 사이트를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!