记自己利用hexo和github搭建个人博客的过程
--------------------------------------可能我书写的方式跟别人顺序不一样,但这是我的成功经验--------------------------------------
1、先看成果---小小易的个人博客
2、工具+版本
npm 3.10.8
git Shell
3、开始
1),先从简单的开始;
先去github里创建一个repository;如图;

创建后的页面

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 // 开启服务
当出现如下图所示时:

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

2)修改主题,配置等
先下载主题,我用的是next主题
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
下载好后就来修改根目录下的_config.yml文件,为了防止改错,可以先备份一份,打开这个文件时最好用常用的编辑器打开,方便查看,用记事本打开完全乱掉

==修改时还要注意,属性冒号后面要空一格再写值,否侧会出错==
a),修改个人信息

b),修改主题信息,将原来的主题删掉,改成下载的next主题;

c),重点,上传到github上的配置;只要将地址改成你自己的就行了;地址上面有提到过

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搭建个人博客的过程的更多相关文章
- Hexo和github搭建个人博客 - 朱晨
GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.g ...
- 利用 Hexo 或者 hugo 搭建个人博客
我们无法选择生活的样子,但我们可以记下来. 博客的开始 其实,一切都是为了更好的装逼.好吧,我着相了. 最开始想做一个自己博客,主要是因为看到了很多人都有,觉得自己没有太 Low 了.于是申请了 CS ...
- github+hexo+node.js搭建个人博客基本过程及遇到的问题
一,所需工具 1,github账号+Gitclient+配置SSH key 2,安装node.js. 3,安装Hexo. 当中,github pages是我们用来部署我们本地的博客到github上的. ...
- Hexo结合Github搭建个人博客
如何搭建 我采用了ICARUS主题,根据以下教程完成了部署 https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github. ...
- 【1】hexo+github搭建个人博客的过程记录
前提: 1.新建一个github仓库 2.安装配置Node.js 3.安装配置Git 前提 步骤1.新建一个github仓库 打开github网站,(注册)登录账号,新建一个仓库; 注:仓库名称要求, ...
- 一、hexo+github搭建个人博客的过程记录
前提: 1.新建一个github仓库 2.安装配置Node.js 3.安装配置Git 前提 步骤1.新建一个github仓库 打开github网站,(注册)登录账号,新建一个仓库; 注:==仓库名称要 ...
- 《Hexo+github搭建个人博客》
<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
- 使用Node.js+Hexo+Github搭建个人博客(续)
一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...
- 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% ...
随机推荐
- 一键安装metasploit(linux,os x)
curl https://raw.githubusercontent.com/rapid7/metasploit-omnibus/master/config/templates/metasploit- ...
- Maven的安装、配置及使用入门+maven安装报错:JAVA_HOME【申明:来源于网络】
Maven的安装.配置及使用入门+maven安装报错:JAVA_HOME[申明:来源于网络] Maven的安装.配置及使用入门:http://www.cnblogs.com/dcba1112/arch ...
- 通过使用Web Workers,Web应用程序可以在独立于主线程的后台线程中,运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务,从而允许主线程(通常是UI线程)不会因此被阻塞/放慢。
Web Workers API - Web API 接口参考 | MDNhttps://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API ...
- Head First Python-Python简单处理文件
前面介绍了自定义格式化输出列表函数printList(),下面再介绍下格式化列表项及列表项的排序. 这里有一组列表数据,记录运动员跑步时间的,要求按照时间大小进行排序.这里每项数据记录的时间格式不一样 ...
- burp抓取ios设备https数据包
参考了网上其他相关教程,自己动手试了一次,有效的方法可确定为: 1.让PC机和移动端处于同一局域网, 2.burp设定监听所有接口,并监听一个端口 3.手机端设置代理,方式为手动,ip地址填PC在局域 ...
- html实现调用jar包
整体思路:html引用URL protocol-本地注册表key,key对应某一c#写的exe可执行文件,由exe可执行文件调用cmd,cmd执行jar包. 1.添加注册表: Windows Regi ...
- oracle学习笔记第三天
--DML(Data Manipulation Language)--insert关键字 插入 ---语法1.元祖值式插入(一次插入一条记录)---格式:insert into 表名(列名1,列名2. ...
- flask微服务框架的初步接触
测试2个关联的系统接口时,经常会遇到被测试系统或被测app的处理内部处理流程会依赖另一个系统的接口返回结果,这时,常用的做法就是写一个模拟测试桩,用作返回请求时的结果.java可以用servicele ...
- java程序如何正确的打日志
什么是日志 简单的说,日志就是记录程序的运行轨迹,方便查找关键信息,也方便快速定位解决问题. 我们 Java 程序员在开发项目时都是依赖 Eclipse/ Idea 等开发工具的 Debug 调试功能 ...
- 多个.txt文件合并到一个.txt文件中
如果想要将多个.txt文件合并到一个.txt文件中,可以先将所有.txt文件放到一个文件夹中,然后使用.bat文件完成任务. 例如,在一个文件夹下有1.txt, 2.txt, 3.txt三个文件,想把 ...