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

标签: blog 个人博客 hexo
1493人阅读 评论(0) 收藏 举报
分类:

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 搭建属于自己的博客

欢迎关注我的微信公众号,扫一扫下方二维码或搜索微信号 stormjun,即可关注。 目前专注于 Android 开发,主要分享 Android开发相关知识和一些相关的优秀文章,包括个人总结,职场经验等...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2016-12-11 22:04:12
  • 70941

hexo+github搭建个人博客(超详细教程)

首先呢,先说一下吧,作为一个程序猿来说,大多的大牛都是使用的是msdn/github这些来交流技术,但是我后来发现csdn上面好多的大牛都已经摒弃csdn,自己搭建个人博客进行发表文章记录点滴了。 虽...
  • AinUser
  • AinUser
  • 2017-08-26 23:48:37
  • 5236

Hexo搭建个人博客网站详细流程

过年回家前在公司的最后一天,说实话有点心不在焉了。整个2017也就这样恍然过去,很多事都来不及回想。在这最后的时间里,想起把自己使用Hexo搭建个人博客网站的流程整理成篇,前段时间为了这个也是找了好多...
  • DreamcoffeeZS
  • DreamcoffeeZS
  • 2018-02-28 15:23:00
  • 839

用Github Page+Hexo轻松搭建个人博客

在2018年来临之际,笔者拖延了一年多的博客终于上线了,本文基于笔者的实践经验,即使你是一个技术小白,按照本文的步骤,也可以轻松搭建自己的博客。为什么要搭建个人博客? 总结和写作能力很重要 独立的才是...
  • peterzhen40
  • peterzhen40
  • 2017-12-31 16:39:41
  • 344

利用hexo在github上快速搭建个人博客

利用hexo在github上快速搭建个人博客
  • curry_yu
  • curry_yu
  • 2017-09-20 13:54:08
  • 255

通过GitHub和Hexo来搭建自己的个人博客

搭建个人博客在我大学的时候建过一次,那时候是用新浪云和Wordpress搭建的,那时候新浪云服务是免费的,后来变收费,博客就没有了。之前便想着再弄个自己的博客出来,这几天就着手弄了起来。 看到很多人...
  • u011976726
  • u011976726
  • 2017-10-12 17:24:20
  • 940

github+hexo+阿里云搭建个人博客

勇敢跨出去吧!后面怎么样,谁知道呢!定有办法的。
  • sxwzuoyi
  • sxwzuoyi
  • 2017-09-30 21:15:57
  • 558

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

使用hexo生成静态博客并架设在免费的github page平台
  • jzooo
  • jzooo
  • 2015-07-07 00:10:28
  • 38925

Hexo+Github 搭建属于自己的博客

个人博客界面: 首先呢,先说一下吧,作为一个程序猿来说,大多的大牛都是使用的是msdn/github这些来交流技术,但是我后来发现csdn上面好多的大牛都已经摒弃csdn,自己搭建个人博客进...
  • qq_34777600
  • qq_34777600
  • 2018-03-30 23:38:10
  • 73

hexo+GitHub博客搭建实战

我的个人博客链接:wangwlj.com 想要搭建类似的博客吗? 如果是,那就赶快点进来吧~~ 手把手教学,现在开始!! PS: 将会在个人博客持续更新,本文链接:hexo+GitHub博客搭...
  • qwerty200696
  • qwerty200696
  • 2018-01-07 21:02:12
  • 596
    个人资料
    持之以恒
    等级:
    访问量: 1万+
    积分: 256
    排名: 30万+
    文章存档
    最新评论