hexo 건설 소 상세 설명 - jade.swig。ejs 템 플 릿 은 hexo favicon 설정 을 사용 합 니 다.
원문:
hexo 중국어 상세 문서:https://hexo.io/zh-cn/docs/index.html
hexo 를 사용 하면 여 기 를 보 는 것 이 좋 습 니 다.http://theme-next.iissnan.com/faqs.html
전기 준비
Xcode 설치
Hexo 의 컴 파일 은 Xcode 에 의존 할 수 있 습 니 다.이 건 그냥 앱 스토어 에서 다운 받 으 면 돼 요. 어렵 지 않 아 요.
node. js 설치
Hexo 는 node. js 기반 이기 때문에 홈 페이지 에 다운로드 해서 설치 해 야 합 니 다.버 전 은 안정 판 (4.3.1) 을 선택 할 수도 있 고 최신 판 (5.7.0) 을 선택 할 수도 있다.주의해 야 할 것 은 Hexo 3.1.1 테스트 의 최저 버 전 은 0.12 이 므 로 설치 한 버 전 은 너무 낡 지 마 세 요. 전에 인터넷 에 설 치 된 0.8.4 버 전 을 보 았 는데 저도 이렇게 설치 한 결과 많은 오류 가 발생 했 습 니 다.
Github 계 정 등록
로 컬 에 Hexo 를 구축 하면 github 에 내용 을 동기 화 할 수 있 고 인터넷 에서 조회 할 수 있 습 니 다.Github 홈 페이지 에 등록 할 수 있 습 니 다. 등록 하 는 과정 은 잔소리 하지 않 겠 습 니 다. 구체 적 인 과정 은 이 페이지 에서 Github 부분 으로 넘 어가 볼 수 있 습 니 다.그 중에서 SSH Keys 를 설정 한 부분 은 조합 하지 않 음 을 선택 할 수 있 습 니 다. 설정 하지 않 으 면 나중에 제출 할 때마다 수 동 으로 계 정 비밀 번 호 를 입력 해 야 합 니 다. 설정 하면 필요 하지 않 습 니 다.
정식 설치
설치 가방 중 일부 내용 이 벽 밖 에 있 기 때문에 타 오 바 오 소스 를 바 꾸 거나 사용 할 수 있 습 니 다.
npm install -g hexo-cli --no-optional
설치 하고 설치 할 디 렉 터 리 에 들 어 갑 니 다. 예 를 들 어
cd ~/Document/hexo
그리고 설치
hexo init
설치 하고 실행 하 는 거 잊 지 마 세 요.
npm install
이로써 설 치 를 마 쳤 다.쉽 지 않 아 요?
후기 배치
문장 추가
hexo new "postName"
그 중 post Name 은 블 로그 이름 입 니 다.
정적 페이지 생 성
hexo generate
줄 임 말 도 할 수 있어 요.
hexo g
로 컬 시작
위의 명령 을 실행 하면 로 컬 에서 서 비 스 를 사용 하여 효 과 를 볼 수 있 습 니 다.다음 명령 실행:
hexo server
줄 임 말
hexo s
INFO Hexo 님 이 지금 실행 중 입 니 다.http://0.0.0.0:4000/. Press Ctrl + C to stop. 이후 브 라 우 저 에서 페이지 를 열 수 있 습 니 다.http://localhost:4000보 러 왔어요.
Github 에 업로드
git 배치 플러그 인 설치
배치 하기 전에 먼저 Github 계 정의 Repository 에 사용자 이름. github. io 프로젝트 가 있 는 지 확인 해 야 합 니 다.확인 후 명령 을 수행 할 수 있 습 니 다.
npm install hexo-deployer-git --save
플러그 인 설치
배치config. yml 파일
Hexo 에 설 치 된 디 렉 터 리, 예 를 들 어 ~ / Document / hexo 에서 찾 을 수 있 습 니 다config. yml 파일.열 어 봐.마지막 으로 deploy 문 자 를 찾 아 다음 형식 으로 바 꿉 니 다.
deploy:
type: git
repo: https://github.com/ / .github.io.git
branch: master
주의해 야 할 것 은 사칭 뒤에 빈 칸 이 있다 는 것 이다.github 를 사용 하면 branch 줄 을 쓰 지 않 아 도 됩 니 다.여러 deployer 를 사용 하려 면 다음 스타일 로 변경 할 수 있 습 니 다.
deploy:
- type: git
repo:
- type: heroku
repo:
동기 화
입력 명령
hexo deploy
줄 임 말
hexo d
수행 하 겠 습 니 다.이후 매번 실행 할 때마다 다음 세 줄 의 명령 을 순서대로 입력 할 수 있 습 니 다.
hexo clean
hexo generate
hexo deploy
줄 임 말
템 플 릿:
layot 레이아웃 폴 더 에 있 습 니 다.테마 저장 에 사용 할 템 플 릿 파일 은 웹 사이트 내용 의 표현 방식, Hexo 내장 을 결정 합 니 다. Swig 템 플 릿 엔진, 플러그 인 을 따로 설치 하여 얻 을 수 있 습 니 다. EJS、Haml 혹시 Jade 지원, Hexo 는 템 플 릿 파일 의 확장자 에 따라 사용 할 템 플 릿 엔진 을 결정 합 니 다.
다운로드 한 jade 템 플 릿 에 플러그 인, 주소:https://github.com/hexojs/hexo-renderer-jade。。터미널 입력
npm install hexo-renderer-jade --save
다운로드 한 Ejs 템 플 릿 에 플러그 인, 주 소 를 설치 해 야 합 니 다.https://github.com/hexojs/hexo-renderer-ejs。터미널 아래 입력:
npm install hexo-renderer-ejs --save
다운로드 한 Haml 템 플 릿 의 경우 플러그 인, 주 소 를 설치 해 야 합 니 다.https://github.com/hexojs/hexo-renderer-haml。터미널 아래 입력:
$ npm install hexo-renderer-haml --save
사이트 아이콘
hexo \ themes \ modernist \ layout \ \partial \ \ head. ejs, 이 문장 을 찾 으 세 요:
rel="icon" type="image/x-icon" href="favicon.ico">
(접미사 주의)
저 는 수정 하지 않 아 도 될 것 같 아 요.그냥 favicon. ico 를 hexo \ source 디 렉 터 리 에 두 었 습 니 다.
알다 시 피, 당신 의 favicon. ico 를 프로젝트 루트 디 렉 터 리 에 넣 으 면 됩 니 다. 즉, hexo \ source 디 렉 터 리 입 니 다.온라인 으로 당신 의 ico 아이콘 을 만 들 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Jekyll - 태그 또는 카테고리당 게시물 수를 표시하는 방법여기에는 내가 만든 모든 기사, 뉴스레터 에디션, 디지털 제품 및 프로젝트에 대한 링크가 포함되어 있습니다. 이것은 몇 가지 다른 매개 변수로 내 모든 콘텐츠를 요약합니다. 태그뿐만 아니라 카테고리 별 게시물 수를 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.