title: hexo 部署(一)
date: 2018-09-16 18:01:26
tags:

• hexo部署配置
  categories:

• 博客搭建

  hexo博客搭建

  折腾了好久的时间，终于使用hexo部署起来了自己的博客。
  初次使用hexo，也是各种纠结，看起来还不错，想用，但又感觉好麻烦，终于借着周六日休息的时间，把博客整起来了，特此记录下遇到的问题，哈哈！

hexo初体验

• 初体验的博客部署参考连接：jkzhao部署hexo

  hexo简介

  Hexo可以集成Github Pages展示自己的博客
  Hexo是一个可以快速生成静态页面的博客框架，通过编写mardown文件，转换成html文件，方便在浏览器中加载。

hexo的特点：

1. 快速生成静态页面

2. 支持Markdown

3. 一键部署博客

4. 丰富的插件支持

hexo部署

• 因个人机使用的win10系统，所以，以下环境都在windows上执行

• 安装依赖工具

• 
  

1. Node.js

• 
  

1. Git
   

• 下载以上两个工具即可。

在GitHub上创建仓库

• 例如我的仓库：
  

上面的仓库地址，就是后续要访问的地址，格式必须为： name.github.io

• 配置本地windows可以免秘钥登录自己的仓库，这个这么简单的问题，就不叙述了。

使用Hexo创建博客框架

-1. 在本地磁盘中，新建文件夹 自定义名称 例如hexo
-2. 进入hexo文件夹，打开git bash,执行以下命令

npm install -g hexo  #使用npm安装hexo，npm需要安装node.js的支持
hexo init   #初始化项目结构
hexo g      #用于生成静态网站文件
hexo s      #在本地运行静态网页

上面的命令执行完成后，会提示：

$ hexo s
INFO  Start processing
WARN  ===============================================================
WARN  ========================= ATTENTION! ==========================
WARN  ===============================================================
WARN   NexT repository is moving here: https://github.com/theme-next
WARN  ===============================================================
WARN   It's rebase to v6.0.0 and future maintenance will resume there
WARN  ===============================================================
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

• 本地浏览器，访问http://localhost:4000(默认端口4000)

• 默认主题的博客已经可以显示：
  

配置本地文件部署到GitHub

• 
  

1. 在Hexo文件夹下找到_config.yml文件，站点配置文件

• 
  

1. 修改代码如下：

deploy:
  type: git
  repository: git@github.com:MrLichangming/MrLichangming.github.io.git
  branch: master

部署到仓库

hexo clean
hexo generate
hexo deploy  #同步到github仓库，必须本地可以免秘钥，上面deploy字段中，仓库地址填写正确

更改默认主题为NexT

在hexo文件夹下，使用git clone Next主题

git clone https://github.com/iissnan/hexo-theme-next themes/next

• 克隆Next主题到本地hexo文件夹下的thems/next,此路径下全是主题配置文件

启用Next主题

打开站点配置文件

• 1.修改theme字段，将值更改为next

• 2.修改next主题的样式， scheme: Pisces 当然看个人爱好，可以使用其他样式

预览

hexo clean
hexo generate
hexo s

hexo的部署很简单，就能看到一个默认的雏形，第二篇文章会更新hexo的Next主题配置优化