Hexo+Github搭建个人博客

hexo:是一款基于NodeJS的博客框架,具有快速、简洁且高效的优点;使用Markdown解析文章,可以在几秒内快速生成静态文章博文

补充NodeJS:目前速度最快的Javascript引擎,和2014年出现的AngularJS不同,NodeJS是一款基于后端的语言,有数据库操作,快速、高效的优点,比起PHP来说开发效率更高

Markdown:它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。

Hexo图解

搭建过程:
环境准备:
Git:https://git-scm.com/downloads (官网)
NodeJS:http://nodejs.cn/ (NodeJS中文网)
MarkDown:http://download.csdn.net/detail/u014427391/9712318

安装过程略过,需要注意的是NodeJS需要设置好环境变量:
点击我的电脑,属性,选择高级系统设置
在Path变量,加上NodeJS的安装路径和Git的安装路径

这里写图片描述

window键+R,输入cmd,进入你nodejs的安装路径,输入

npm install -g hexo

安装hexo环境
这里写图片描述

在nodejs文件夹里创建一个文件夹,用于存放
myblog就是你要创建的文件夹名称

mkdir myblog

然后进入myblog文件夹

cd myblog

Git初始化

git init

安装环境配置:

npm install

然后
生成静态博客,使用hexo g

hexo g

启动hexo

hexo s

在本地系统输入http://localhost:4000 ,可以看到你的静态博客已经生成
然后,注册一个github账号,创建一个博客page
https://github.com

注意repository名称要命名为你的github用户名.github.io
选择你的github博客的主题,先发布出去

这里写图片描述

然后进入刚才创建的myblog文件夹,找到_config.yml,打开
修改deploy的type为git,repository为你github上创建repository的url,注意加个空格哦
这里写图片描述

解决hexo新版本的部署问题

npm install hexo-deployer-git -save

重新生成blog

hexo g

部署项目到github

hexo  d

输入https:你的用户名.github.io,可以看到你的个人博客已经创建好了
这里写图片描述

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值