使用hexo+github 搭建自己的博客领地
2016-05-05 16:36
676 查看
1.使用hexo 和github 创建属于自己的私人领地
1.安装hexo ,之前必须要有两个必要的条件
1.必须要安装Node.js 这个工具包
下载
2.必须安装git;
2.满足这两个条件后,我们就要开始安装hexo 了
安装之前我们要创建一个本地的文件夹,然后把hexo 安装的配置文件存放在这个文件夹中。然后我们打开终端,然后找到我们刚刚创建的文件夹,在这个文件夹下我们输入hexo的安装命令 ;命令如下:
sudo
npm install-g hexo
![](http://img.blog.csdn.net/20160505154418522?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
3. 如图,出现上面的内容以后证明我们已经安装hexo 成功了。
4.接下来,我们要输入命令 "hexo init" 初始化
如图所示
![](http://img.blog.csdn.net/20160505154631291?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
6. 我们要生成静态页面; 命令如下:
hexo generate (hexo g 也可以);
如图所示:
![](http://img.blog.csdn.net/20160505154351162?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
5.初始化完成以后,我们要开启本地的服务 输入命令:”hexo server“
如图:
![](http://img.blog.csdn.net/20160505160359194?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
6.输入命令后我们可以打开这个网站 http:localhost:4000/;有的时候能打开,有的时候打不开,没有关系,我们接下来配置一下就好了。
7.接下来我们要配置GitHub ;
1> 有github账号的话可以直接创建 和用户名一样的仓库, 列如: 我的github 的账号是bujieshi, 那么我们新创建的仓库名称为 bujieshi.github.io; 一定要对应,不然的话 后期配置无法关联;
如图所示
![](http://img.blog.csdn.net/20160505161055541?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2>接下来我们要创建 账户和我们本地的关联了,仓库创建成功我们要复制仓库的地址, 接下来我们到终端,找到我们安装hexo 的目录 查看一下 ;(如图所示:)
![](http://img.blog.csdn.net/20160505161353045?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
3> 接下来我们要关联账户 输入命令:"vim _config.yml", 然后进入vim 编辑模式 ,进入后
输入i,进入编辑模式,更改如下:
如图所示:(把我们github 的账户的地址复制进来)
![](http://img.blog.csdn.net/20160505161722059?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
4>
更改完成后,点击ESC 按钮, 然后输入:wq 保存退出
8 接下来输入命令:
”npm
install hexo-deployer-git--save“ 如图所示
![](http://img.blog.csdn.net/20160505154312442?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
9.然后输入命令:”hexo d“ //上传本地更改内容到github; 然后我们就可以打开自己的博客了
地址为:你自己的用户名
http://bujieshi.github.io/
以后每次部署步骤
每次部署的步骤,可按以下三步来进行。
hexo clean
hexo generate
hexo deploy
至此,我们基本算是配置完了,接下来再来几个 常用的命令
hexo new"postName"
#新建文章
hexo new page"pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server
#开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
1.安装hexo ,之前必须要有两个必要的条件
1.必须要安装Node.js 这个工具包
下载
2.必须安装git;
2.满足这两个条件后,我们就要开始安装hexo 了
安装之前我们要创建一个本地的文件夹,然后把hexo 安装的配置文件存放在这个文件夹中。然后我们打开终端,然后找到我们刚刚创建的文件夹,在这个文件夹下我们输入hexo的安装命令 ;命令如下:
sudo
npm install-g hexo
3. 如图,出现上面的内容以后证明我们已经安装hexo 成功了。
4.接下来,我们要输入命令 "hexo init" 初始化
如图所示
6. 我们要生成静态页面; 命令如下:
hexo generate (hexo g 也可以);
如图所示:
5.初始化完成以后,我们要开启本地的服务 输入命令:”hexo server“
如图:
6.输入命令后我们可以打开这个网站 http:localhost:4000/;有的时候能打开,有的时候打不开,没有关系,我们接下来配置一下就好了。
7.接下来我们要配置GitHub ;
1> 有github账号的话可以直接创建 和用户名一样的仓库, 列如: 我的github 的账号是bujieshi, 那么我们新创建的仓库名称为 bujieshi.github.io; 一定要对应,不然的话 后期配置无法关联;
如图所示
2>接下来我们要创建 账户和我们本地的关联了,仓库创建成功我们要复制仓库的地址, 接下来我们到终端,找到我们安装hexo 的目录 查看一下 ;(如图所示:)
3> 接下来我们要关联账户 输入命令:"vim _config.yml", 然后进入vim 编辑模式 ,进入后
输入i,进入编辑模式,更改如下:
如图所示:(把我们github 的账户的地址复制进来)
4>
更改完成后,点击ESC 按钮, 然后输入:wq 保存退出
8 接下来输入命令:
”npm
install hexo-deployer-git--save“ 如图所示
9.然后输入命令:”hexo d“ //上传本地更改内容到github; 然后我们就可以打开自己的博客了
地址为:你自己的用户名
http://bujieshi.github.io/
以后每次部署步骤
每次部署的步骤,可按以下三步来进行。
hexo clean
hexo generate
hexo deploy
至此,我们基本算是配置完了,接下来再来几个 常用的命令
hexo new"postName"
#新建文章
hexo new page"pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server
#开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本
相关文章推荐
- java log4j 日志
- c++ 使用int main(int argc,char* argv[])实现文件批处理
- Fragment下listview item设置fragment,
- [C/C++] char[]和char*变量的==比较
- 【C语言】1-1/2+1/3-1/4……1/n求多项式结果
- Java Memory Model
- java IO体系的学习总结
- MyEclipse建立SpringMVC入门HelloWorld项目
- JAVA正则表达式 Pattern和Matcher
- c++中字符串的输入
- go排序示例
- C++实验5--项目1:数组分离
- c++构造函数 对象初始化
- C++ new的nothrow关键字和new_handler用法
- github error:src refspec master does not match any的解决办法
- Java中23种设计模式简介
- Maven配置和打包以及使用Eclipse构建Maven项目
- spring 、springMVC、struts2、hibernate 、mybatis
- leetcode笔记:Excel Sheet Column Number
- Junit4 整合 Spring