github+hexo搭建个人博客(1.简单搭建)

原创 2017年12月06日 00:24:05

github+hexo搭建个人博客(1.简单搭建)

需要使用的软件,我已经放到自己的百度云盘里,网络不好的同学可以自己下载【百度云链接】

  • 安装git
  • 安装node
  • 安装hexo
  • 本地测试
  • 申请github账号
  • 建立仓库
  • 修改本地配置文件
  • hexo命令部署一下下
  • 然后就可以通过网络访问了

1.安装git,默认安装就可以,此处不再列出

2.首先 安装node,默认安装设置就可以,然后配置环境
这里写图片描述
这里写图片描述
这里写图片描述
如,此处是我的安装目录,填上你自己的安装目录
这里写图片描述

3.安装 hexo

打开CMD终端,如下图中操作就可以了(我这里装过了,再次用了安装命令,可能有些信息不一样,不打紧)
这里写图片描述


4.开始简单搭载本地博客(浏览器输入http://localhost:4000进行访问,下一步再寄托在github上)

4.1 按下图顺序操作

这里写图片描述
这里写图片描述
【命令一定要在我们建立的blog目录下运行哦】
hexo g 生成静态页面
hexo s可以通过http://localhost:4000进行访问现在建立的本地静态网页(Crtl+C就可以结束了)
这里写图片描述


5.我们开始将博客部署到github上(现在的主题是有一点丑,但是不要紧,后面我会教你美化)

5.1怎么注册github账号我就不说了吧,自己注册账号,然后登陆。如果是第一次的话,就像我一样(嘻嘻嘻嘻,小白菜白了个白的样子,哈哈哈),Let’s start a project~~

这里写图片描述

5.2注意我的图片提示哦,此处的命名一定要是这样,不然会出错。然后我们click一下绿色的按键,创建仓库

这里写图片描述

5.3然后复制一下HTTPS网址链接,下面会用到

这里写图片描述

5.4我们开始更改本地博客的配置

这里写图片描述

5.5记事本打开_config.yml

找到下面这段代码
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
改成下面这段代码
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/用户名/用户名.github.io.git
branch: master
【加的这一段网址要记住,repository的冒号后有一个空格哦!其它的也是,冒号后面有个空格,用户名记得替换成你自己的用户名或者下面截图中的网址】
这里写图片描述


6.开始生成,部署到github上

npm install hexo-deployer-git --save
hexo g
hexo d
有的时候部署的时候会因为网络问题会失败,hexo d 命令容易失败,就像下面这样
这里写图片描述
这时候不要着急,在输入一次hexo d
这里写图片描述
这样的话就部署成功了,现在电脑访问https://用户名.github.io
好了,你的博客已经部署成功了,可以网络访问了,后面我会教你进行域名绑定和博客美化,以及如何发表博客(我也是一个小小白,自己再一步一步的尝试,嘻嘻嘻)


版权声明:本文为博主原创文章,转载请注明出处。

使用hexo+github免费搭建个人博客网站超详细教程

很多人都想搭建自己的博客,但是奈何技术有限,服务器部署,HTML,域名解析,等等,这一大堆东西可真有的折腾。但是如果有这样一个机会,不需要太复杂的操作,不要服务器,不要域名,不用写html,你愿意去尝...
  • wapchief
  • wapchief
  • 2017年01月18日 16:35
  • 4271

零基础免费搭建个人博客-hexo+github

使用hexo生成静态博客并架设在免费的github page平台
  • jzooo
  • jzooo
  • 2015年07月07日 00:10
  • 36863

搭建属于自己的个人博客

前言 作为一个屌丝码农,再怎么着也得拥有一个自己的域名和网站吧,今天我就来讲一讲怎么搭建一个属于自己的博客,在很多新手看来,做网站是一件很复杂、很艰难的事情。其实互联网发展到现在,很多不懂html、A...
  • zhujunxxxxx
  • zhujunxxxxx
  • 2014年10月21日 12:20
  • 3670

GitHub+Hexo搭建个人博客

1.hexo介绍看到同学使用github+hexo搭建了属于自己的博客,眼馋,弄了好久了,感觉有点眼高手低了,一直没来得及写一下自己搭建的流程,心血来潮,下边来简单介绍下搭建流程,也方便自己以后rev...
  • williamHappy
  • williamHappy
  • 2017年01月05日 09:33
  • 1110

手把手教你用Hexo+Github 搭建属于自己的博客

大概可以分为以下几个步骤 搭建环境准备(包括node.js和git环境,gitHub账户的配置) 安装Hexo 配置Hexo 怎样将Hexo与github page 联系起来 怎样发布文章 主题 推...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2016年12月11日 22:04
  • 55663

github+hexo搭建个人博客

github+hexo搭建个人博客使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快; 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台; 可以随意...
  • qin528032307
  • qin528032307
  • 2017年04月25日 19:47
  • 335

如何搭建自己的个人博客网站

如何搭建自己的个人博客网站 随着信息时代的发展,催生博客文化,但受限于博客提供商有些功能或界面不能由自己决定,因此有的人想要在internet上拥有自己的个人网站,本文从无到有一步步描述个人博客网站的...
  • Ya_da
  • Ya_da
  • 2016年05月01日 20:32
  • 3534

Hexo+Github搭建个人博客(一)——开始搭建

title-picture   前段时间本人利用业余时间,在网上查询各种资料,使用Hexo+Github的方式搭建起了我个人的博客——BrightLoong。相信网上已经有无数前辈写了类似的文章来记录...
  • cl534854121
  • cl534854121
  • 2017年07月26日 10:17
  • 698

利用git搭建自己的个人博客

转载请标明出处:  http://blog.csdn.net/lmj623565791/article/details/51319147;  本文出自:【张鸿洋的博客】 一、概述 ...
  • kkkmmmjjjj
  • kkkmmmjjjj
  • 2016年12月07日 10:57
  • 4080

如何用github+hexo搭建个人博客

想着期末考试后自己做个独立的博客的,如今考完了,就跟人请教如何搭建,朋友介绍了这种github+hexo技术 前几天,我就尝试做了一下,发现网上查到的搭建方法有些不太适合我,可能它们过程顺序有些漏洞...
  • qq_36099238
  • qq_36099238
  • 2017年01月15日 22:24
  • 172
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:github+hexo搭建个人博客(1.简单搭建)
举报原因:
原因补充:

(最多只允许输入30个字)