--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验-------------------------------------- 

1、先看成果---小小易的个人博客

2、工具+版本
npm 3.10.8
git Shell

3、开始
1),先从简单的开始;
先去github里创建一个repository;如图;


创建后的页面
![image](D:\blog\source\hexoImg/2017-04-25_002602.png) 

2)在本地

$ npm install hexo-cli -g  //打开git命令行,执行第一行命令安装Hexo,注意;我所实践中发现;npm命令可以在git中用,但反过来不行
$ hexo init liyiyy.github.io //建议与github仓库命一样,例如我的就是liyiyy.github.io
$ cd liyiyy.github.io//进入到刚创建好的blog中,执行下一步
$ hexo server // 开启服务

当出现如下图所示时:

![image](https://github.com/liyiyy/liyiyy.github.io/blob/master/hexoImg/2017-04-24_233958.png)

[link](https://github.com/liyiyy/liyiyy.github.io/blob/master/hexoImg/2017-04-24_233958.png)
在浏览器中输入localhost:4000就可以访问本地的博客了,就可以看见一个简单的博客就基本成型了,看成果。。。
![image](D:\blog\source\hexoImg/2017-04-24_235010.png)

2)修改主题,配置等
先下载主题,我用的是next主题

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

下载好后就来修改根目录下的_config.yml文件,为了防止改错,可以先备份一份,打开这个文件时最好用常用的编辑器打开,方便查看,用记事本打开完全乱掉

![image](D:\blog\source\hexoImg/2017-04-25_000436.png)
==修改时还要注意,属性冒号后面要空一格再写值,否侧会出错==

a),修改个人信息

![image](D:\blog\source\hexoImg/2017-04-25_000711.png)
b),修改主题信息,将原来的主题删掉,改成下载的next主题;
![image](D:\blog\source\hexoImg/2017-04-25_000956.png)
c),重点,上传到github上的配置;只要将地址改成你自己的就行了;地址上面有提到过

![image](D:\blog\source\hexoImg/2017-04-25_001421.png)

3)执行命令上传

hexo clean   //清除public文件夹
hexo g  //编译文章,生成public文件夹
hexo d  //部署到github

上传成功后就可以在浏览器中输入你的网址了,例如我的;liyiyy.github.io 就可以看见已经成功了

4) 绑定自己的域名
a).先去买个域名,我的是在阿里云上买的;然后解析域名,添加解析记录,如:

b).在source文件夹下创建CHAME文件(为什么要在source文件夹下写,是为了以后上传文件时避免覆盖,不要后缀,可以用cmd黑窗口命令行创建,也可以用编辑器创建;里面只需要写域名就好了例如我的就是liyiyy.com,不需要写WWW;

好了过段时间,就可以打开你的域名访问了
打开我的---liyiyy.com
成功!

=========================途中所遇到的问题=========================

1,本地测试成功,上传到github后不能打开?
这里卡壳了好多天,上传上去后一直会给我发邮件说创建页面失败,后面按照简洁的做法,没有先安装主题,直接初始化后就上传了,然后也没出问题,后来仔细阅读邮件后发现可能是主题安装的版本与github上的东西不兼容。

2,绑定域名的时候绑定成功了,但就是不显示内容,整个页面只有EOF?
之前一直是在手机上解析域名的,也没有报什么原因,在电脑上解析的时候报出出错原因是域名冲突了,刚注册的域名会有很多的解析的东西,后来没办法,简单粗暴的把其他的直接删除了,没出问题了;不知道这有什么不妥;

3,发现局限性不知道怎么破?
在本地添加的图片在部署后不会显示出来;用github图片的链接也没用;



 

记自己利用hexo和github搭建个人博客的过程的更多相关文章

  1. Hexo和github搭建个人博客 - 朱晨

    GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.g ...

  2. 利用 Hexo 或者 hugo 搭建个人博客

    我们无法选择生活的样子,但我们可以记下来. 博客的开始 其实,一切都是为了更好的装逼.好吧,我着相了. 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了.于是申请了 CS ...

  3. github+hexo+node.js搭建个人博客基本过程及遇到的问题

    一,所需工具 1,github账号+Gitclient+配置SSH key 2,安装node.js. 3,安装Hexo. 当中,github pages是我们用来部署我们本地的博客到github上的. ...

  4. Hexo结合Github搭建个人博客

    如何搭建 我采用了ICARUS主题,根据以下教程完成了部署 https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github. ...

  5. 【1】hexo+github搭建个人博客的过程记录

    前提: 1.新建一个github仓库 2.安装配置Node.js 3.安装配置Git 前提 步骤1.新建一个github仓库 打开github网站,(注册)登录账号,新建一个仓库; 注:仓库名称要求, ...

  6. 一、hexo+github搭建个人博客的过程记录

    前提: 1.新建一个github仓库 2.安装配置Node.js 3.安装配置Git 前提 步骤1.新建一个github仓库 打开github网站,(注册)登录账号,新建一个仓库; 注:==仓库名称要 ...

  7. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  8. 使用Node.js+Hexo+Github搭建个人博客(续)

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  9. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

随机推荐

  1. react_app 项目开发 (4)_ React UI 组件库 ant-design 的基本使用

    最流行的开源 React UI 组件库 material-ui 国外流行(安卓手机的界面效果)文档 ant-design 国内流行 (蚂蚁金服 设计,一套 PC.一套移动端的____下拉菜单.分页.. ...

  2. 输入二进制数转换成十进制数(在cin>>和cin.get()上掉的坑)

    题目:输入一个二进制数转换成十进制. 题目分析:书上说,在一般情况下,c++的键盘输入可以识别是十进制数.八进制数和十六进制数,因此输入的二进制数据要作为字符处理.(其实我觉得数字也没问题吧). 正确 ...

  3. nginx r日志中午出现\xE5\x88\x98\xE4\xB8\x96\xE5\xA5\x87

    参考文档: https://www.cnblogs.com/hark0623/p/5715726.html https://www.cnblogs.com/fqfanqi/p/7900758.html ...

  4. Spring IOC原理解读 面试必读

    Spring源码解析:Bean实例的创建与初始化 一. 什么是Ioc/DI? 二. Spring IOC体系结构 (1) BeanFactory (2) BeanDefinition 三. IoC容器 ...

  5. 几何入门合集 gym101968 problem F. Mirror + gym102082 Problem F Fair Chocolate-Cutting + gym101915 problem B. Ali and Wi-Fi

    abstract: V const & a 加速 F. Mirror 题意 链接 问题: 有n个人在y=0的平面上(及xoz平面).z=0平面上有一面镜子(边平行于坐标轴).z=a平面上有q个 ...

  6. docker上配置mysql主从复制

    1.在docker上启动2台mysql容器:(这里3306为主,3307为从) docker run -d  -e MYSQL_ROOT_PASSWORD=123456  -p 3306:3306 - ...

  7. java集成微软的ad域,实现单点登录

    1.ad域介绍: windos server 2008R2服务器下的ad域,见下图(我是在虚拟机安装到windos server) 2.连接ad域代码:(里面代码自行修改) public Result ...

  8. [Day17]常用API(System、Math、Arrays、BigInteger、BigDecimal)

    1.基本类型包装类 1.1 8种基本类型对应的包装类 字节型 byte Byte 短整型 short Short 整型 int Integer 长整型 long Long 字符型 char Chara ...

  9. vlan分类简易解释

    注:出自http://wushank.blog.51cto.com/3489095/1305510 收报文: Acess端口1.收到一个报文,判断是否有VLAN信息:如果没有则打上端口的PVID,并进 ...

  10. struct ifreq学习和实例

    一.struct ifreq结构体 这个结构定义在/usr/include/net/if.h,用来配置和获取ip地址,掩码,MTU等接口信息的. /* Interface request struct ...