自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-)

一、第一步:下载安装Git

 

1、Git下载地址

2、安装步骤

个人选择全选

选择第二个

然后一路默认

二、第二步:下载安装node.js

1、node.js下载地址

两个版本

2、安装步骤:一路默认就行(安装路径根据自己需要更改)

三、第三步:安装hexo

1、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择Git Bash

 

在电脑任意位置右键

2、输入命令:npm install -g hexo

注意:-g是指全局安装hexo。

这里如果地址被“墙”,可以参考这篇文章的“安装Hexo”部分

四、第四步:初始化Hexo

1、创建文件夹(我的是在E盘创建的Hexo)

根据个人爱好创建博客文件夹

2、在Hexo文件下,右键运行Git Bash,输入命令:hexo init

(这里可能时间会长些,要耐心等待)

初始化成功后生成的一些列文件

3、在_config.yml,进行基础配置

基础配置

其中可以在这里浏览更多主题,然后在Hexo文件夹下 Git Bash

输入命令:git clone https://github.com/iissnan/hexo-theme-nextthemes/next(next为主题名字),来获得更多主题

获取主题next

下载成功(如果需要更改主题,请在_cofig.yml修改theme)

4、本地浏览博客

分别输入 如下命令:

hexo g

hexo s

这里有更多hexo常用命令

 

在浏览器输入:localhost:4000 ,就可以进行访问,效果如下:

效果图

5、写文章

在E:\Hexo\source\_posts文件下,新建.md文件就可以写文章

新建.md文件

---

title: 我的博客

---

简单测试下

浏览效果

五、部署到Github上

1、申请Github账号,(注意别忘了进行账号邮箱验证)

2.new repository

 

 

然后点击

 

3、在_config.yml进行配置

(注意:要保存)

4、安装hexo-deployer-git自动部署发布工具

npm instal lhexo-deployer-git  --save

(在Hexo文件夹下 Git Bash)

5、发布到Github

输入如下命令:hexo clean && hexo g && hexo d

 

第一次发布需要验证github账号

发布完成

在仓库中我们也可以看到

6、测试访问

在浏览器输入:https://yanqiangmiffy.github.io/

大功告成

六、最后加上一些文章的传送门

1、史上最详细“截图”搭建Hexo博客并部署到Github

2、使用hexo+github搭建免费个人博客详细教程

3、如何搭建一个独立博客——简明Github Pages与Hexo教程

4、5分钟 搭建免费个人博客

作者:致Great
链接:http://www.jianshu.com/p/189fd945f38f
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

搭建个人博客-hexo+github的更多相关文章

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

    使用hexo生成静态博客并架设在免费的github page平台 准备 系统: Window 7 64位 使用软件: Git v1.9.5[下载地址] 百度云 360云盘 访问密码 d269 Git官 ...

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

    之前就想搭建自己的博客,现在终于得以实施. 参考了多篇博客,然后又在虚拟机了往往复复试了好多次, 现在基本搭建完毕. 我是基于hexo博客框架, next主题搭建的博客, 静态网页.   大体就是, ...

  3. GitHub Pages + Hexo搭建个人博客网站-github风格-采坑记录

    目录 1.本机安装nodejs 2.github上创建仓库 3.安装hexo 4.hexo主题 5.配置主题 6.添加文章 7.使用分类和标签 8.增加文章目录 9.推送github 使用github ...

  4. 博客Hexo + github pages + 阿里云绑定域名搭建个人博客

    申请域名 万网购买的域名,地址:https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制台进行解析 控制台 ...

  5. Hexo+Git一个小时快速搭建个人博客

    搭建本地环境:Hexo框架 Hexo为何物 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用Markdown解析文章,并瞬间利用靓丽的主题生成静态网页.其中,Markdown是一个用于将普通 ...

  6. HEXO与Github.io搭建个人博客

    HEXO与Github.io搭建个人博客 HEXO搭建    HEXO是基于Node.JS的一款简单快速的博客框架,能够支持多线程,支持markdown,可以将生成的静态网页发布到github.io以 ...

  7. 使用github和hexo搭建静态博客

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...

  8. 使用jekyll和Github搭建个人博客

    一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Gi ...

  9. 使用Jekyll + GitHub Pages免费搭建个人博客

    使用Jekyll + GitHub Pages免费搭建个人博客 My Blog:无名の辈 | VectorX (vectorxxxx.github.io) Download Ruby:Download ...

随机推荐

  1. CentOS7中热插拔硬盘如何读取新的硬盘

    在服务器或虚拟机上,一般会实现热插拔硬盘.此时CentOS7是无法读到新盘的,所以需要重新扫描. 我们添加一个新的硬盘演示: [root@xuexi ~]# ls /dev/sd* //应该还有一个s ...

  2. ActiveMQ (三):项目实践

    1. 简单项目demo Com.hoo.mq路径下(除了com.hoo.mq.spring)是普通java中使用activeMQ. Com.hoo.mq.spring路径下是非web环境spring集 ...

  3. [python 源码]整数对象的创建和维护

    刚开始学python时候,发现一个很迷惑的现象,一直到看了源码后才知道了: >>> a=6 >>> b=6 >>> a is b True 想用同 ...

  4. iOS Sprite Kit教程之滚动场景

    iOS Sprite Kit教程之滚动场景 滚动场景 在很多的游戏中,场景都不是静止的,而是滚动的,如在植物大战僵尸的游戏中,它的场景如图2.26所示. 图2.26  植物大战僵尸 在图2.26中,用 ...

  5. 《jQuery基础教程》读书笔记

    最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章 事件 jQuery中$(document).ready()与j ...

  6. OI刷题记录(Updating)

    [Counter] [AGC]:0/96 [ARC]:0/70 [2016年省选]:0/69 [2017年省选]:22/75 [2018年省选]:0/63 [ZROI2018]:0/30 [ZROI2 ...

  7. ASP.NET MVC HttpVerbs.Delete/Put Routes not firing

    原文地址: https://weblog.west-wind.com/posts/2015/Apr/09/ASPNET-MVC-HttpVerbsDeletePut-Routes-not-firing ...

  8. Codeforces Round #350 (Div. 2) E. Correct Bracket Sequence Editor 栈 链表

    E. Correct Bracket Sequence Editor 题目连接: http://www.codeforces.com/contest/670/problem/E Description ...

  9. spring---aop(5)---Spring AOP的配置的背后的配置

    写在前面 Spring AOP中Pointcut,dvice 和 Advisor三个概念 1)切入点 Pointcut 在介绍Pointcut之前,有必要先介绍 Join Point(连接点)概念. ...

  10. both, either, neither的用法

    http://www.yywords.com/Article/200806/347.html  1. 这三个词都用来谈论两者:both 意为“(两者)都”,either意为“(两者中)任意一个”,ne ...