hexo的简介和安装

发表于 分类于 Valine： 本文字数： 1.4k

hexo简介

主页： https://hexo.io/zh-cn/
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

  • hexo 可以理解为是基于node.js制作的一个博客工具，不是我们理解的一个开源的博客系统。其中的差别，有点意思。
  • hexo 正常来说，不需要部署到我们的服务器上，我们的服务器上保存的，其实是基于在hexo通过markdown编写的文章，然后hexo帮我们生成静态的html页面，然后，将生成的html上传到我们的服务器。简而言之：hexo是个静态页面生成、上传的工具

hexo搭建

安装git

sudo apt-get install git-core

安装好后，使用git --Version来查看一下版本。

安装node.js

先安装nvm，即是Node Version Manager(Node版本管理器)

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash

激活nvm

source ~/.nvm/nvm.sh

安装node

nvm install node

安装好后

node -v
npm -v

来检查有没有安装成功

安装hexo

npm install -g hexo-cil

仍然使用hexo -v来检查有没有安装成功
创建一个文件夹，然后cd到这个文件夹下

hexo init

初始化后就能在文件夹下看到一系列文件，这里做点解释

  • node_modules：是依赖包
  • public：存放的是生成的页面
  • scaffolds：命令生成文章等的模板
  • source：用命令创建的各种文章
  • themes：主题
  • _config.yml：整个博客的配置
  • db.json：source解析所得到的
  • package.json：项目所需模块项目的配置信息

接着输入命令行

hexo g
hexo server

随后在浏览器输入localhost:4000就可以看到生成的微博了。

GitHub创建个人仓库

首先注册一个GitHub账号
然后创建一个和你用户名相同的仓库，在后面加上.github.io只有这样，将来要部署到GitHub page的时候，才会被识别，也就是xxxx.github.io，其中xxx就是你注册GitHub的用户名。

将hexo部署到GitHub

修改站点配置文件_config.yml的最后部分

1
2
3
4
deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

要先安装deploy-git,才能用命令部署到GitHub

npm install hexo-deployer-git --save

然后

hexo clean #清除之前生成的东西
hexo generate  #生成静态文章，缩写hexo g
hexo deploy  #部署文章，缩写hexo d

过一会儿就可以在http://yourname.github.io这个网站看到你的博客了

0%