如何使用hexo-github搭建个人博客

学习基于hexo、github 如何轻松快捷的搭建自己的个人博客

概念

  • hexo: 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown 来编写文章,通过 Hexo 生成静态网页,然后部署到服务器上。
  • github: 是一个面向开源及私有软件项目的托管平台,

搭建流程过程

  1. Node.js,Git 安装
  2. 注册和配置 Github
  3. 使用 Github 搭建和配置 Hexo 网站

安装 Node.js

  1. 安装 Node.js

安装 Node.js 的最佳方式是使用 nvm。

  1. 安装完成后,重启终端并执行下列命令即可安装 Node.js。
1
nvm install stable

  或者可以下载程序安装

安装Git

  • Windows:下载并安装 git
  • Mac:使用Homebrew, MacPorts:brew install git
  • Linux (Ubuntu, Debian):sudo apt-get install git-core
  • Linux (Fedora, Red Hat, CentOS):sudo yum install git-core

注册和配置Github

  如何注册github账户

  如何配置ssh秘钥

安装hexo

1
$ npm install -g hexo-cli

初始化hexo

  初始化需要你建立一个本地hexo文件夹作为存放你的Hexo文件,本文以桌面的Blog文件夹为例,进入此文件夹右键点击git bash并输入初始化命令

1
hexo init

生成静态界面

  初始化完成之后,就已经生成一篇“hello word”的文章了,现在执行以下命令把文章编译为静态页面

1
hexo generate 或 $ hexo g

本地启动

  把文章变为页面之后,可以执行以下命令,本地启动服务,在浏览器中输入http://localhost:4000/ 就可以查看生成的页面效果。

1
hexo server 或 $ hexo s

  如果你看到接下来的这个界面那么恭喜你博客搭建成功了

  

https://image.coderlab.cn/preview/1438622622983143426

更换主题

  如何更换hexo的主题

部署到github上

  1. 部署之前先修改Blog/_config.yml文件
1
2
3
4
deploy: 
   type: git 
   repository: https://github.com/gclm/gclm.github.io.git(这个就是你github创建的仓库的https链接) 
   branch: master(这个是仓库项目的分支,这个是默认分支基本上不用修改)
  1. 安装npm的git保存插件
1
npm install hexo-deployer-git –save
  1. 执行部署指令
1
hexo deploy 或 $ hexo d

  部署成功后再浏览器输入 你在github创建的仓库名(如:gclm.github.io)就可以访问你的个人博客了

结语

  好了,到这里搭建github博客的步骤就完成了。