手把手教你用hexo+github搭建专属博客

　　自从上次在csdn发FQ教程被封号之后，就一直想着搭建自己的专属博客，更自由一点，还可以自己定制。所以这就动手用hexo+github搭建专属自己的博客天地。

一、准备工作

1、Git下载，windows版本，Git安装，初次运行Git前的配置，生成SSH公钥。

2、Github账号申请https://github.com/    配置SSH

3、node.js下载以及安装

4、markdown下载以及安装

二、Hexo的介绍以及安装

1、Hexo简介

　　先附上Hexo的官方文档：https://hexo.io/docs/

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

2、Hexo安装

　　安装Hexo之前确保git和nodejs安装成功。接下来在计算机的某个磁盘下新建文件夹hexo,进入到hexo文件夹使用Git Bash(在任意位置单击右键，选择 “Git Bash Here” 即可)　　        $ npm install -g hexo-cli

  Hexo更新到最新版本：
  npm update hexo -g
3、hexo初始化
　　安装hexo之后，执行以下命令，hexo会在当前文件夹下新建所需要的文件。
hexo init hexo
cd hexo
npm install
输入以下命令生成静态页面
hexo generate
新建完成之后，文件夹目录如下
.
├── _config.yml 网站的配置信息，您可以在此配置大部分的参数
├── package.json 应用程序的信息
├── scaffolds 模板文件夹
├── source 资源文件夹，存放用户资源
|   ├── _drafts
|   └── _posts
└── themes 网站主题文件夹
接着输入命令启动服务：
hexo server
打印信息如下表示服务启动成功
$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
然后在浏览器中访问：http://localhost:4000/ 
4、hexo配置（_config.yml文件）　　
title              网站标题
subtitle           网站副标题
description        网站描述
author             您的名字
language           网站使用的语言
timezone           网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说：America/New_York, Japan, 和 UTC 。

其中，description主要用于SEO，告诉搜索引擎一个关于您站点的简单描述，通常建议在其中包含您网站的关键词。author参数用于主题显示文章的作者。

 5、hexo部署至Github

　　首先需要在Github中新建仓库 new repository为：自己的Github名称.github.io， 如：isabelle.github.io  。然后修改_config.yml配置文件，打开文件后找到deploy，修改如下：

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

编辑完成之后，保存，接着安装hexo-deployer-git ,命令如下：

$ npm install hexo-deployer-git --save

安装完成以后，执行如下配置命令：

$ hexo deploy

重新部署一下，命令如下：

$ hexo clean
$ hexo generate
$ hexo deploy

部署完成之后，打开浏览器输入：https://github名称.github.io   此时会发现没有网站主题。选择一个自己喜欢的主题。




posted on 2018-01-14 14:25  isabellezhou  阅读(193)  评论(0)  编辑  收藏  举报

导航