hexo의 사용 기교

hexo의 사용 기교를 총결해 봅시다.

접다

접어야 할 곳에 `` 를 추가하다

명령

명령 집합

hexog =hexogenerate//생성

hexo d = hexo deploy//배포

hexos = hexo server//실행 서버

hexo newpost "article title"//새 글

프로필 사진 설정

참조: 사이드바 이미지 설정

글에 그림 삽입

markdown을 사용하여 글을 쓰고 그림을 삽입하는 형식은 ![ ]( ) 입니다. 여기서 말하고자 하는 것은 링크 주소를 어떻게 쓰는지입니다.hexo에는 두 가지 방법이 있습니다.

로컬 경로 사용: hexo/source 디렉터리에 img 폴더를 새로 만들고 이 폴더에 그림을 넣고 그림을 삽입할 때 링크는 /img/ 입니다.

마이크로 박도 침대, 주소 사용http://weibotuchuang.sinaapp.com/, 그림을 영역에 끌어다 놓으면 그림의 URL이 생성됩니다. 이것이 바로 링크 주소입니다

페이지 설정

구성 에 추가:

index_generator:
  per_page: 5

archive_generator:
  per_page: 20
  yearly: true
  monthly: true

tag_generator:
  per_page: 10

각각 홈페이지, 압축 파일, 라벨의 페이지 수입니다.배포에 실패하면 먼저 실행$ npm i --save, 참조: 첫 페이지와 압축 파일의 페이지가 다르면 어떻게 하는가

새 사용자 정의 레이블

프로젝트 디렉토리에서 실행hexo new page ${PAGE_NAME}, 주제 구성 파일에서 PAGE_로 추가NAME라는 이름의 menu는 ${blog_path}\source\ 폴더 아래에 대응하는 PAGE_NAME 이름의 폴더를 생성합니다. 파일에 index.md 파일이 있으면 됩니다. 작성된md 파일 머리에 PAGE_NAME 파일을 추가하면 됩니다. tag,categories 참조...생성, 한화: languages/zh-Hans.yml 파일의 menu 아래에 PAGE_ 추가NAME 및 한화.
참조: 분류 페이지 만들기

글꼴 크기 변경

${Blog}\themes
ext\source\css\_variables\custom.styl

파일에 추가:

$font-size-base           = 16px
$code-font-size           = 14px

참고:next-흔한 문제
코드 글꼴 크기를 수정한 후 불여우 브라우저에서 끔찍하게 변했다.

$line-height-code-block = 1.5

원래 값은

${Blog}\themes
ext\source\css\_variables\base.styl

입니다.많은 문제들이 넥스트의 issue 아래에서 토론되고 있다.코드 글꼴이 1씩 증가할 때마다 1.6 값이 0.1 줄어들 수 있습니다. 검증되지 않았습니다.

기본categories가 있는 템플릿 생성

line-height-code-block를 사용하여 템플릿을 생성할 때 일반적으로 hexo new ${post_title}, title, date 세 개의 탭만 있습니다. 탭을 추가하려면 tags 파일에 탭을 추가하면 됩니다.

메뉴 막대 정렬

${blog_path}\scaffolds\post.md에서 구성 블록을 찾아 순서를 조정하면 됩니다.

사이드바 기본 표시 여부 설정

menu에서 블록, 구성sidebar을 찾았습니다.

사이트 아이콘 설정

display에서 구성 , 구성favicon으로 아이콘 파일favicon: /images/favicon.ico을 favicon.ico 폴더 아래에 놓으면 됩니다.

프로필 사진 설정

${blog}\images\ 에서 를 avatar 또는 링크된 주소로 설정하고 avatar: /images/avatar3.jpg 디렉터리에 있는 이미지 폴더 아래에 프로필 사진 jpg 파일을 설치합니다.
참조:
Next 문서
NexT 항목 주소
Hexo 중국어 문서
어떻게 하루 안에 당신의 이름을 도메인으로 하고 쿨 속성을 갖춘 개인 블로그를 구축합니까

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

hexo의 사용 기교

접다

명령

프로필 사진 설정

글에 그림 삽입

페이지 설정

새 사용자 정의 레이블

글꼴 크기 변경

기본categories가 있는 템플릿 생성

메뉴 막대 정렬

사이드바 기본 표시 여부 설정

사이트 아이콘 설정

프로필 사진 설정

좋은 웹페이지 즐겨찾기