Fork me on GitHub

使用Hexo＋ github快速搭建自己的博客网站(一)

发表于 | 分类于 | 阅读次数:
字数统计: 821 | 阅读时长 ≈ 3

Hexo简介

Hexo 是一个简单地、轻量地、基于Node.js的一个静态博客框架。通过Hexo我们可以快速创建自己的博客，仅需要几条命令就可以完成。

Hexo特性： 

- Hexo基于Node.js，支持多进程，几百篇文章也可以秒生成。 
- 支持GitHub Flavored Markdown和所有Octopress的插件。 
- Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less

详细简介请查看 Hexo官方网站

搭建博客之前的准备

  • 安装Node环境
  • 安装Git
  • 申请GitHub

上面提到的node和git的安装以及github账号的申请此处不再写出操作步骤，如安装或申请时遇到困难，请google或者百度

安装Hexo

  1. 安装hexo脚手架工具
    npm install hexo-cli -g
  2. 安装并初始化blog项目，此处如果不写blog则表示安装在当前目录
    hexo init blog
  3. 切换到blog目录,如果安装到当前目录则无需切换
    cd blog
  4. 安装依赖
    npm install
  5. 启动本地服务
    hexo server
    服务启动成功之后会出现如下提示

    然后在浏览器中输入 localhost:4000 ,接着出现如下内容的页面

此时一个属于我们自己的博客系统也就搭建成功了

等一等…
现在只能在本地可以访问，其他人访问不了，那我拿这个博客系统来干嘛，还不如用自己的记事本
…..

将Hexo与github关联起来

关联之前需要做的准备

  1. 配置个人的git信息，将生成的ssh key添加到自己的github上
  2. 在github上创建一个repository
    注意：新创建的repository的名字必须为如下格式：
    yourname.github.io
    或者
    yourname.github.com
    yourname为你自己的github账号，比如我的github账号为：https://github.com/tankboo ， 则此时的yourname就是 tankboo

  3. 启用github pages 的服务

    首先进入项目目录，然后点击右上角的setting，如下图所示

    在setting页面，往下滚动，找到GitHub Pages，然后点击选择主题按钮（Choose a theme ）如下图所示

    接着进入主题选择页面,此时可以随便选择一个主题然后保存。保存之后，在浏览器输入 yourname.github.io （yourname换成你自己的github的名字, 即可看到如下内容
    此时根据选择的主题的不同，可能看到的内容有所区别。

正式关联

打开项目录下的_config.yml文件，然后找到Deployment 部分，进行如下修改

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:tankboo/tankboo.github.io.git
  branch: master

其中的repo的值换成自己在github上的项目的路径
修改完成之后我们还需要引入hexo-deployer-git ,不然会出现以下错误

ERROR Deployer not found: git

使用如下命令实现对hexo-deployer-git的安装

npm install hexo-deployer-git --save

安装完成后使用如下命令即可将自己的blog部署到github上

hexo clean
hexo generate
hexo deploy

接着在浏览器输入yourname.github.io ,我的是tankboo.github.io，然后就可以看到自己的blog了

现在看到的样式是hexo的默认主题，在官网上还有很多其他的不错的主题，可以根据自己的喜好选择

0%