hexo部署

---

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主题配置优化