搭建Hexo博客并部署到Github
一.搭建Hexo博客
什么是Hexo
-
Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上。并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设置。
-
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
注意:
因为大多数都是widons版本,所以题主Windows版本,其他版本和widons差不多,有些是需要一些权限的,所以实践起来并没有很大的差别。
环境准备
前往Git官网下载对应的版本,后期需要Git到远程或者下一些资源,所以要用git。
前往Node.js官方下载网站,Hexo是基于Node.js的,所以要安装Node环境。
关于上面的安装教程网上很多资料,题主就不多说了(可以百度)。
- 安装Hexo
先创建一个文件夹存放我们的博客文件(如果不满意或者第一次搭建,感觉博客不喜欢就直接把这个文件夹删掉重来)
自己可以先建一个文件夹比如:F:\blog\Hexo
然后在F:\blog\Hexo目录下安装hexo
npm install -g hexo-cli
安装完成后可以用hexo -v查看hexo版本
下来可以初始化博客:
hexo init (初始化博客)
启动服务
hexo s (server启动服务)
然后在浏览器中输入 localhost:4000 就可以看到自己的博客了 Hexo 便安装完成了
二、把hexo部署到github上
- 注册Github账户
前往Github网站,注册一个新用户。用邮箱注册的一定前往邮箱去验证邮件。
- 创建一个新的repository
在自己的Github主页右上角,创建一个新的repository。比如我的Github用户名为lteffp,那么我创建的repository的名字应该是 lteffp.github.io 。
创建好如下图:
将本地的文件部署(上传)到Github账户中
编辑本地Hexo目录下的文件_comfig.yml,在最后添加如下代码(在你修改时,把 lteffp 要替换成你自己的用户名)
更改hexo目录下的_comfig.yml文件:
deploy:
type: git
repository: https://github.com/lteffp/lteffp.github.io.git
branch: master
- .yml文件对格式规范要求很严格,type: repository: branch: 前面有两个空格,冒号后面都有一个空格。
安装一个插件用于把hexo部署到github上
npm install hexo-deployer-git --save
执行以下指令即可完成部署:
hexo g (hexo generate --生成hexo)
hexo d(hexo deploy --部署到github)
如果你是windows用户,那么当你执行$ hexo deploy命令的时候,可能会先后出现提示框让你输入你的Github用户名和Github密码,只要输入正确,上传就没有问题。
现在我们的博客已经在Github上面部署成功了,可以在浏览器访问lteffp.github.io试试了。这里只是简单的把hexo部署到github上(好多细节还没有完成主题等),参考了一些资料,还有好多不足希望可以希望大家见谅。