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

  自从上次在csdn发FQ教程被封号以后,就一直想着搭建本身的专属博客,更自由一点,还能够本身定制。因此这就动手用hexo+github搭建专属本身的博客天地。javascript

1、准备工做html

一、Git下载,windows版本Git安装初次运行Git前的配置生成SSH公钥java

二、Github帐号申请https://github.com/    配置SSHnode

三、node.js下载以及安装git

四、markdown下载以及安装github

2、Hexo的介绍以及安装npm

一、Hexo简介json

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

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

二、Hexo安装

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

  Hexo更新到最新版本:
npm update hexo -g
三、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/ 
四、hexo配置(_config.yml文件)  
title              网站标题
subtitle           网站副标题
description        网站描述
author             您的名字
language           网站使用的语言
timezone           网站时区。Hexo 默认使用您电脑的时区。时区列表。好比说:America/New_York, Japan, 和 UTC 。

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

 五、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   此时会发现没有网站主题。选择一个本身喜欢的主题。

相关文章
相关标签/搜索