簡(jiǎn)介

建立一個(gè)個(gè)人站點(diǎn)，其實(shí)是一件蠻有趣味的事情?？梢?show！show！
首先這里的博客站點(diǎn)，明確一點(diǎn)是指靜態(tài)博客站點(diǎn)。沒有后臺(tái)，沒有數(shù)據(jù)庫，也沒有后臺(tái)通訊。

如今博客站點(diǎn) 基本上都基于markdown，所以靜態(tài)站點(diǎn)足夠了?。?！
可以先看看我搭建的個(gè)人站點(diǎn)。

Hexo

Hexo是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo在這里它可以幫我們做哪些事情呢！

1. 一套靜態(tài)頁生成框架
2. 可以讓我們寫的markdown自動(dòng)生成靜態(tài)頁面（html）

Gitee

Gitee Pages 這里主要為我們提供一個(gè)靜態(tài)托管站點(diǎn)。

這里要說明的是，選擇hexo +gitee 是為了更接地氣。 還有更多的其他方案可以選擇。這里不做詳細(xì)描述。

廢話不多說，流程如下

1. 安裝npm，node.js的包管理工具，安裝node.js就會(huì)自動(dòng)安裝npm。或者安裝visual studio code 開發(fā)工具， 也會(huì)集成npm。

2. 安裝hexo

   npm install -g hexo
   

3. 初始化工程

   $ hexo init <folder>
   $ cd <folder>
   $ npm install
   

   這里主要是會(huì)生成一個(gè)工程目錄，然后安裝所需的依賴。

   ├── _config.yml         配置目錄
   ├── package.json    
   ├── scaffolds           
   ├── source              源文件
   |   └── _posts          源文件，也就是markdown，會(huì)自動(dòng)生成靜態(tài)頁面。默認(rèn)會(huì)有一個(gè)hello world
   └── themes
   

4. 生成以及啟動(dòng)服務(wù)預(yù)覽

   hexo  generate  自動(dòng)編譯工程，生成站點(diǎn)
   hexo  server        啟動(dòng)本地服務(wù)站點(diǎn)預(yù)覽
   

   快捷指令

   hexo g && hexo s
   

   hexo g 是hexo generate的簡(jiǎn)寫 ，hexo s 是hexo server的簡(jiǎn)寫

   到這里的話其實(shí)已經(jīng)可以看一個(gè)成型的站點(diǎn)。你可以在source/_posts手動(dòng)編寫一個(gè)markdown，然后生成預(yù)覽。是不是很簡(jiǎn)單。預(yù)覽地址http://localhost:4000

對(duì)于markdown文件來說頭部可以描述該文章的一點(diǎn)基本信息?？招泻?--是必要了，用來區(qū)分于內(nèi)容，例子如下：
```
title: 博客標(biāo)題
date: 18-10-22 17:19:55
tags: 標(biāo)簽
categories: 類別
subtitle: 子標(biāo)題
    
---
```

5. 應(yīng)用主題
   hexo提供的默認(rèn)主題不是很美觀。我們可以自定義主題。lz用到的是第三方主題，github地址如下[https://github.com/hilanmiao/hexo-theme-lanmiao]。使用步驟

   1.下載解壓之后，把整個(gè)目錄移到我們的工程目錄中的themes之下。

   2.配置我們工程的_config.yml ，記住不是主題之下的_config.yml,添加以下配置，圖片文件放在hexo-theme-lanmiao/source/image

    favicon: /image/favicon.png
    header-img: /image/header_img.jpg   
   

   3. 應(yīng)用主題，修改_config.yml配置 （hexo-theme-lanmiao 其實(shí)是目錄的名稱，看自己項(xiàng)目具體而定）

    theme: hexo-theme-lanmiao    
   

   4. hexo g && hexo s 生成預(yù)覽

6. 站點(diǎn)部署
   上傳到gitee代碼托管平臺(tái)，然后選擇（服務(wù)-gitee pages）。順利話的你的個(gè)人站點(diǎn)就已經(jīng)完成了。

總結(jié)，基本流程如下。深入的還需多看看hexo的文案。 有疑問或者有錯(cuò)誤的地方希望指正。