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

posted @ 2018-09-16 23:01 咖啡猫-不忘初心 阅读(...) 评论(...) 编辑 收藏