1. 秦子帅的博客首页
  2. 工具

HEXO+Github快速搭建自己的博客

点击标题下「蓝色微信名」可快速关注

很多人有了自己的博客,于是利用Hexo静态博客框架和Github搭建了一个,下面把详细的教程分享给大家。

Hexo是一个快速, 简洁且高效的博客框架. 让上百个页面在几秒内瞬间完成渲染. Hexo支持Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多数插件. 并自己也拥有强大的插件系统。

HEXO+Github快速搭建自己的博客

一.Git下载

下载地址:

https://git-for-windows.github.io/

对于git相信不用我多说,如果还不会git的话,还是结合github先学一下吧。

HEXO+Github快速搭建自己的博客

二.Node.js下载

下载地址:

https://nodejs.org/en/

HEXO+Github快速搭建自己的博客

直接默认安装就可以了。

HEXO+Github快速搭建自己的博客

三.配置Github

1.注册github账号,建立库,并且库名必须是yourname.github.io,yourname是你github的用户名。

HEXO+Github快速搭建自己的博客


2.在_config.yml进行配置

HEXO+Github快速搭建自己的博客


HEXO+Github快速搭建自己的博客


HEXO+Github快速搭建自己的博客

四.安装Hexo

1.利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash

HEXO+Github快速搭建自己的博客

然后输入命令:

如果显示的事command not found,那就删除刚才安装的目录,再次执行上面的命令。

HEXO+Github快速搭建自己的博客

五.初始化Hexo

1.在某一个盘上创建名为一个文件夹,(比如在D盘创建名为Hexo的文件夹)

HEXO+Github快速搭建自己的博客

2.在Hexo文件夹下,运行Git Bash,输入命令:hexo init  (一定要在你刚才创建的文件夹下运行)

安装依赖包  输入此命令: npm install

3.生成静态页面,输入此命令:

本地启动

启动本地服务,输入此命令:

输入完成后,打开浏览器输入http://localhost:4000

如果成功的话会显示如下页面:

HEXO+Github快速搭建自己的博客


但是也有可能报如下错误:

解决方法为: 

将hexo配置文件——config.yml中repo里更改为 

https://用户名:密码@新建github库的地.git然后就可以了。


如果是第一次,然后执行命令:

然后再执行

然后再浏览器中输入http://yourname.github.io/就行了,yourname是你的github的账户名,至此博客就基本搭建完成了。

附加:如果出现ERROR Deployer not found: git 或者 ERROR Deployer not found: github

解决方法: npm install hexo-deployer-git –save


4.部署步骤

以后每次部署的步骤,可按以下三步来进行。

    hexo clean 

    hexo g

    hexo d

5.常用命令

简写

服务器

此文章只是简单的搭建,接下来我会持续更新的关于博客配置的一系列文章。

HEXO+Github快速搭建自己的博客

推荐阅读

 


【收藏篇】32篇技术博文汇总


HEXO+Github快速搭建自己的博客

原文始发于微信公众号( 秦子帅 ):HEXO+Github快速搭建自己的博客

发布者:秦子帅,转转请注明出处:http://qinzishuai.cn/1120/e540d7c998/