使用Hexo搭建自己的博客

使用Hexo搭建自己的博客

什么是Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装前提

安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

  • Node.js :用来生成静态页面的

  • Git :把本地的hexo内容提交到github上去

  • GitHub 账户 :你没有GitHub账户你要把博客部署到哪里 - -

安装Hexo

这里呢,我们可以打开 Git Bash 命令行来进行Hexo的安装操作

1.建立一个存放Hexo的文件夹,例如 D:\Hexo,使用 Git Bash 进入的该文件夹下

1
$ cd D:/Hexo

2.所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo

1
$ npm install -g hexo-cli

3.安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件,即Hexo文件夹下会生成 blog 文件夹

1
2
3
  $ hexo init blog
$ cd blog
$ npm install

  • 新建完成后,指定 blog 文件夹的目录如下:
1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

4.到这一步你的博客就已经搭建好了,我们可以输入命令下面,浏览器地址输入 http://localhost:4000 就可以本地预览啦

1
2
 $ hexo generate
$ hexo server

配置GitHub

1.建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法,这个同样也是你的博客网站

2.使用编辑器打开 blog 下的 _config.yml 文件,推荐使用 SubLime 或 Atom 打开

1
2
3
4
5
6
修改如下字段:第二个字段是你的 GitHub 博客仓库地址

deploy:
type: git
repo: https://github.com/Werb/werb.github.io
branch: master

3.执行命令保存

1
2
$ npm install hexo-deployer-git --save

4.把项目部署到 GitHub 上去

1
2
$ hexo clean
$ hexo deploy

  • 有人说还有 hexo generate 命令,但是我没输还是一样可以部署成功

预览查看

  • 打开你的博客网站 ,我的是 werb.github.io ,你就会发现博客已经部署成功啦

相关配置

  • 接下来的配置大家可以查看 Hexo 的官方文档写的非常详细
  • 关于主题配置官方推荐了很多,我这里推荐一个我自己用的NexT,主题文档也写的很 Nice!

Contact Me