Node.js+Hexo 개인 블로그 시스템 구축

Hexo가 뭐예요?
Hexo는 빠르고 간결하며 효율적인 블로그 프레임워크이다.Hexo는Markdown(또는 다른 렌더링 엔진)을 사용하여 글을 해석하고 몇 초 안에 아름다운 테마를 이용하여 정적 웹 페이지를 만들 수 있다.WordPress와 같은 동적 블로그에 비해 비교할 수 없는 속도를 가지고 있다.만약 당신의 블로그에 대량의 순수한 정적 내용이 있다면, Hexo는 당신에게 매우 적합합니다.
설치하다.
Node.js 설치
Hexo는 Node 기반입니다.js의 정적 블로그 프레임워크입니다. 설치하기 전에 Node를 설치해야 합니다.js
●Windows
Node에서.js 홈페이지에서 최신 버전을 다운로드합니다.exe 또는.msi 설치 파일(자신의 컴퓨터에 따라 32비트인지 64비트인지)을 일반 소프트웨어를 설치하는 것처럼 설치합니다.
명령 프롬프트(관리자)를 열고 를 입력합니다.

npm install -g hexo-cli

오류 없이 설치됨
●Linux
Node에서.js 홈페이지에서 최신 버전을 다운로드합니다.tar.xz 파일

wget -O nodejs.tar.xz https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz

파일 압축 풀기

 tar -Jxvf nodejs.tar.xz

nodejs 폴더를/usr/local/디렉터리로 이동

 mv nodejs /usr/local/

node와 npm를 전역 명령으로 설정하기

 ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
 ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm

Hexo의 설치
명령줄(Windows는 명령 프롬프트에서/Linux는 Bash에서) 다음 명령을 입력하여 Hexo를 설치합니다.

npm install -g hexo-cli

사이트 구축 사용
새 블로그
Hexo 설치가 완료되면 다음 명령을 실행하십시오. Hexo는 지정한 폴더에 필요한 파일을 새로 만듭니다

hexo init <folder> //      ，      
cd <folder>        //      
npm install        //

새로 만들기가 완료되면 지정한 폴더의 디렉토리는 다음과 같습니다.

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml
사이트의 설정 정보는 대부분의 파라미터를 설정할 수 있습니다.
source
자원 폴더는 사용자 자원을 저장하는 곳입니다.posts 폴더를 제외하고, 처음에 (밑줄) 명명된 파일/폴더와 숨겨진 파일은 무시됩니다.Markdown과 HTML 파일은 해석되어 공공 폴더에 놓여 있고 다른 파일은 복사됩니다.
themes 테마 폴더입니다.Hexo는 테마에 따라 정적 페이지를 생성합니다.
글을 짓다

hexo new [layout] </code></pre> 
  <p><strong>  （Layout）</strong></p> 
  <ul> 
   <li>post ：  </li> 
   <li>page：   </li> 
   <li>draft：  </li> 
  </ul> 
  <h3 id="       ">   (    )</h3> 
  <pre><code>hexo s
  
hexo <span class="hljs-keyword">server</span>
hexo <span class="hljs-keyword">server</span> -p <span class="hljs-number">5000</span> <span class="hljs-comment">//     5000，     4000</span></code></pre> 
  <h3 id="         ">   (      )</h3> 
  <p>           ， public    ，             ，     VPS</p> 
  <pre><code>hexo <span class="hljs-keyword">generate</span>
  
hexo g
hexo <span class="hljs-keyword">generate</span> <span class="hljs-comment">--watch //                 </span></code></pre> 
 </div> 
</div>
                            </div>
                        </div>

Node.js+Hexo 개인 블로그 시스템 구축

좋은 웹페이지 즐겨찾기