hexo 건설 소 상세 설명 - jade.swig。ejs 템 플 릿 은 hexo favicon 설정 을 사용 합 니 다.

4092 단어 jekyllhexo
jekyll 도 했 고 마지막 에 hexo 로 넘 어 갔 어 요.
원문:
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 아이콘 을 만 들 수 있 습 니 다.

좋은 웹페이지 즐겨찾기