记自己利用hexo和github搭建个人博客的过程

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

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
hexo g
hexo d

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

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

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

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

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

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

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

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



 
时间: 2024-10-13 11:37:12

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

使用hexo和github搭建个人博客网站

使用hexo+github可以免费.快速地搭建一个静态博客网站,并且使用hexo提供的命令以及git自身的功能可以很便捷地管理博客. 使用github部署静态页面 在了解hexo之前,我们先看看如何使用github部署静态页面. 注册github账号 访问github官网注册一个账号,该流程和一般网站注册账号一样,在此不赘述. 创建一个git仓库 其他项如果需要可以自主填写,这里只填写仓库名,点击Create repository创建仓库. 提交一个测试页面 执行git clone命令将仓库克隆

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

GitHub账号 mac/pc 环境 12 node.jsgit 创建GitHub仓库 登陆GitHub,创建一个新的Respository Repository name叫做{username}.github.io {username}代表你的GitHub用户名,Repository name一点要叫这个 绑定域名 待定 绑定ssh秘钥 设置git用户名和邮箱 12 git config --global user.name "liuxianan"git config --globa

利用hexo和github建立个人博客 适合小白的~

因为我自己用的是window 7系统,所以下面的教程是针对window系统的 首先需要准备的有 Git v1.9.5 下载地址:百度云 Node.js v0.12.5 x64 下载地址: 百度云 安装Git 作用:把本地的hexo提交到github上面去: 一路点击“Next”就好了 在这里选择对应的window选项 安装Node.js Node也是一样简单,也是一路“Next”就好,然后就等待安装完成 接下来就要验证软件是否正确的安装了 在运行里面输入“cmd” 然后输入如图所示的命令,如果结

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

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

一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍: 博客相关配置介绍 博客主题 Yilia 配置介绍 如何制作并配置网站缩略图 如何将博客同步到 Github.Coding 中 如何使用 Git 同步 Github 与 Coding 的代码 如何申请域名并作域名解析 如何将域名绑定至 Github.Codi

windows下hexo+github搭建个人博客

网上利用hexo搭建博客的教程非常多,大部分内容都大同小异,选择一篇合适的参考,跟着一步一步来即可. 但是,很多博客由于发布时间较为久远等问题,其中某些操作在现在已不再适用,从而导致类似于我这样的小白在搭建过程中困难重重. 因此在我这第一篇博客中,主要记录我搭建时参考的两篇博客中出现问题的地方(网上很多的博客都会导致这些问题,因此如果你在搭建过程中遇到困难的话,不妨来这里找一下答案) 参考的两篇博客 这里附上两篇博客的链接: windows下Hexo博客搭建过程 关于HEXO安装失败的解决方法

github搭建个人博客 hexo框架 next主题

之前就想搭建自己的博客,现在终于得以实施. 参考了多篇博客,然后又在虚拟机了往往复复试了好多次, 现在基本搭建完毕. 我是基于hexo博客框架, next主题搭建的博客, 静态网页.   大体就是, 先在本地搭建好整个系统, 然后再提交到github. 因为此篇文章只是捡部分内容说,所以我先列出来我参考的博客,这里谢谢他们的无私分享了. hexo博客框架 + next主题 + 插件等整个流程请参考ezlippi的两篇博客:  https://www.ezlippi.com/blog/2015/0

使用hexo+GitHub搭建个人博客的心得(含教程)

Author Email Yaoyao Liu [email protected] 前言 对于广大CS专业的学生和码农,找一个地方写博客,记录一些编程.配置环境.阅读论文的心得体会是一个很常见的习惯.当然想搭建个人博客,就需要找个靠谱的平台,主要就是以下的两种方式: 使用网站提供的博客平台,例如国内的CSDN.博客园:国外的Blogger.Wordpress 自己建站,发布到自己的服务器上,或者发布到GitHub.GitLab.Bitbucket等支持静态网页发布的git平台 针对于第一种方式,

使用 Github + Hexo 从 0 搭建一个博客

最近有几位同学在公众号后台留言问我的博客站是怎么建站的,思来想去,还是写一篇从 0 开始吧. 前置准备 我们先聊一下前置准备,可能很多同学一听说要自己搭一个博客系统,直接就望而却步.不得有台服务器么,不得搞个数据库么,不需要域名备案么?当然,这些确实是建立一个博客站点需要的东西,如果都没有,问题倒是也不大. 首先,Github 为我们做出了巨大的贡献,直接帮我们解决服务器和域名问题,当然,在国内访问 Github 可能会有些慢,但是国内有 Gitee 啊,完全不逊色 Github 的好不好. 博