自从上次在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
INFO Start processing
INFO Hexo is running at http:
//localhost:4000/. Press Ctrl+C to stop.
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 此时会发现没有网站主题。选择一个本身喜欢的主题。