빠른 팁 : 망원경 Nova의 맞춤형 테마를 구축하는 방법

사용자 정의 망원경 Nova 테마 가이드

를 신속하게 구축하십시오 이 기사에서는 망원경 Nova를위한 사용자 정의 테마를 빠르고 쉽게 만드는 방법을 안내합니다. 망원경 Nova는 Meteor.js 및 React를 기반으로 한 오픈 소스 프로젝트로 소셜 네트워킹 응용 프로그램을 신속하게 구축하는 데 이상적입니다.

준비 : 필요한 소프트웨어를 설치하십시오

먼저, node.js, npm 및 meteor.js가 설치되어 있는지 확인하십시오. 그렇지 않은 경우 아래 단계를 따라 설치하십시오.

node.js 및 npm 설치 (Windows 사용자는 Dave McFarland의 자습서 : Windows에서 node.js 및 npm을 설치하는 방법)를 참조 할 수 있습니다).

meteor.js를 설치하십시오. 설치 망원경 Nova

다음 명령 줄을 입력하여 로컬로 클론 망원경 Nova를 복제합니다.

응용 프로그램은 에서 실행되어야합니다. 자세한 내용은 Github 안내서를 참조하십시오.

2. 사용자 정의 테마 패키지 만들기

폴더를 입력하십시오. 폴더를 찾으십시오. 로 바꾸십시오. 파일에서

를 로 바꾸십시오.

터미널에서 폴더로 이동하여 를 입력하십시오.

git clone https://github.com/TelescopeJS/Telescope.git
cd Telescope
npm install
meteor

run <🎜 🎜> 응용 프로그램을 시작하십시오. http://localhost:3000/

<<>

<<> 사용자 정의 구성 요소

<🎜 🎜> 기억 : 원본 파일을 직접 수정하지 마십시오! 항상 사용자 정의 파일에서 작업하고 사용자 정의 파일 및 구성 요소 이름에서 "사용자 정의"를 접두사하십시오. 속성 대신

를 사용하고 html 태그가 닫혀 있는지 확인하십시오.

1. 다음은 올바른 아바타를 제거하는 방법의 예입니다. Telescope/packages my-custom-package 복사 <🎜 🎜> 파일 컨텐츠.
2. <🎜 폴더에서 파일을 만듭니다. my-custom-package 복사 된 내용을 <🎜 🎜>에 붙여 넣으십시오. custom-theme 다음 코드 스 니펫 삭제 (원본 파일이 아닌 사용자 정의 파일에서 삭제) : <🎜 🎜>
3. custom-theme/package.js "my-custom-package" : "custom-theme"에서 구성 요소 이름을 수정하십시오
4. Telescope <🎜 🎜> 파일에 다음 코드를 추가하십시오 <code>meteor add custom-theme
수정 해야하는 각 구성 요소에 대해 위의 단계를 반복하십시오.
5. meteor <<>

<<> <🎜 🎜> <<> 커스텀 CSS

<🎜 🎜> <🎜 폴더에서 <🎜 폴더에서 스타일을 수정하기 위해 <🎜 🎜> 또는 <🎜 🎜> 파일을 만들거나 수정하십시오. 예를 들면 :

파일에 사용자 정의 스타일 시트 경로를 추가하십시오.

<<>

custom-theme/lib/stylesheets <<> 더 많은 자원 custom.scss custom.css

망원경 공식 문서

git clone https://github.com/TelescopeJS/Telescope.git
cd Telescope
npm install
meteor

망원경 github 코드베이스 망원경 공식 YouTube 튜토리얼 (1 부 및 2 부)

custom-theme/lib/package.js FAQS (FAQS)

(원본 텍스트의 FAQ가 주제와 관련이없고 다른 응용 프로그램 시나리오에 속하기 때문에 제거됨) . 이 가이드가 사용자 정의 망원경 노바 테마를 신속하게 만들 수 있기를 바랍니다.

위 내용은 빠른 팁 : 망원경 Nova의 맞춤형 테마를 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!