일련의 웹 뷰가 필요한 애플리케이션 프로토 타입.
여기서 partialName은 src/partials 디렉토리의 파일 이름입니다.
빌드 디렉토리
이 디버깅 기능을 사용하면 고유 한 사용자 정의 플러그인을 만들 수 있지만 필요한 대부분의 기능은 이미 작성되었습니다. Metalsmith 웹 사이트에는 플러그인 목록이 길어집니다.
SiteMeta 객체는 각 페이지에 적용되는 정보를 사용하여 정의됩니다. 중요한 값은 도메인 및 루트 경로이며 개발 또는 생산 구축을 기반으로 설정됩니다.
로 분류합니다
다음은 HTML 변환에 대한 마크 다운이고, Metalsmith-Permalinks 플러그인으로 빌드의 디렉토리 구조를 정의합니다. Moremeta 세트 : 아래 각 파일에 대한 MainCollection : .
Moremeta는 Lib/Metalsmith-Moremeta.js에 포함 된 또 다른 사용자 정의 플러그인입니다. 각 파일에 다른 메타 데이터를 첨부합니다
<code>cd project && cd project
npm init -y
</code>
로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사
> src/html/template/page.html 기본 레이아웃
사용자 정의 플러그인
사이트를 빌드하는 데 필요한 사용자 정의 플러그인은 LIB 디렉토리에 포함되어 있습니다. <code>cd project && cd project
npm init -y
</code>
로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사
<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>
로그인 후 복사로그인 후 복사로그인 후 복사
<code>cd project && cd project
npm init -y
</code>
로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사<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>
로그인 후 복사로그인 후 복사로그인 후 복사
SRC/HTML/기사 디렉토리에서 각 파일의 기사 모음. 그것은 반기 학적 순서 <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>
로그인 후 복사<code>
lang="en">
>
{{> meta }}
>
>
{{> header }}
<main>></main>
>
{{#if title}}
<h1>></h1>{{ title }}>
{{/if}}
{{{ contents }}}
>
>
{{> footer }}
>
>
</code>로그인 후 복사<code>{{> partialname }}</code>로그인 후 복사
<code>cd project && cd project
npm init -y
</code>
로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사<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>
로그인 후 복사로그인 후 복사로그인 후 복사
Gulp와 같은 작업 관리자를 사용하는 사람들은 금속 제조업체가 친숙한 빌드 프로세스를 제공한다는 것을 알 수 있습니다. CSS 전처리, 이미지 압축, 파일 연결, Vilification 등 SASS를위한 플러그인이 있습니다. 더 간단한 프로세스의 경우 충분할 수 있습니다.
그러나 Gulp는 다양한 플러그인을 가지고 있으며 auto-prefixer를 사용한 Lint, Deployment 및 PostCS 처리와 같은 복잡한 빌드 활동을 허용합니다. Gulp/Metalsmith 통합 플러그인이 있지만 Gulp 작업이 금속 제조업체를 직접 실행할 수 있으므로 필요하지 않습니다
<code>cd project && cd project
npm init -y
</code>
로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사로그인 후 복사
새로운 금속 제조 프로젝트를 만드는 방법은 무엇입니까?
메탈 스미스 프로젝트에 플러그인을 추가하려면 NPM을 통해 설치 한 다음 MetalsMith 구성 파일에 참조해야합니다. 예를 들어, Markdown 플러그인을 추가하려면 먼저 Metalsmith-Markdown을 설치 한 다음 구성 파일을 실행해야합니다. var markdown = require ( 'metalsmith-markdown'); )) 금속 제조업 체인으로 이동하십시오.
위 내용은 금속 제조업체로 정적 사이트를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
