美文网首页Nice三人行必有我师计算机微刊
搭建个人博客-hexo+github详细完整步骤

搭建个人博客-hexo+github详细完整步骤

作者: 致Great | 来源:发表于2017-01-16 20:15 被阅读21627次

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

一、第一步:下载安装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 install hexo-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分钟 搭建免费个人博客

七 、使用hexo,如果换了电脑怎么更新博客?

请参考这篇文章:https://formulahendry.github.io/2016/12/04/hexo-ci/

相关文章

网友评论

  • 6da1066b0981:我前几天也搭好了个人博客,欢迎各位大佬们来看看http://www.stormjie.top
  • 329c9301219d:你好 这个hexo deploy到github上后,不是全部上传 如果我更换了电脑后,怎么维护这个网站?
    致Great:@酱pipa https://formulahendry.github.io/2016/12/04/hexo-ci/ 请采纳
  • 13acc53d2325:$ npm install hexo-deployer-git --save
    npm WARN deprecated swig@1.4.2: This package is no longer maintained
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    + hexo-deployer-git@0.3.1
    added 12 packages in 13.179s
    执行了这条命令后 就开始报错了....请问是什么原因呀
    hexo -v
    internal/modules/cjs/loader.js:573
    throw err;
    ^

    Error: Cannot find module 'escape-string-regexp'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:571:15)
    at Function.Module._load (internal/modules/cjs/loader.js:497:25)
    at Module.require (internal/modules/cjs/loader.js:626:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (C:\Users\49974\AppData\Roaming\npm\node_modules\hexo\node_modules\hexo-cli\node_modules\chalk\index.js:2:26)
    at Module._compile (internal/modules/cjs/loader.js:678:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:689:10)
    at Module.load (internal/modules/cjs/loader.js:589:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
    at Function.Module._load (internal/modules/cjs/loader.js:520:3)
    致Great:@An0dy https://www.imooc.com/qadetail/145331
  • zxianwei:第四条:4、安装hexo-deployer-git自动部署发布工具 的命令写错了,应该是:$ npm install hexo-deployer-git --save 希望更正。
    致Great:@哇咔咔zw 好的,谢谢了,多谢了l
  • 吾名唐宋:我靠, I服了you, 好几个注意点都涉及到了, 我找了好多教程都发现有点小问题, 罩着你的一把过, 谢谢啦
    致Great:@吾名唐宋 :smile:
  • Jellyleo:题主写的很详细,欢迎来我的博客 http://www.jellyleo.com
    13edf801b06b:很漂亮 自己搭有点问题 能请教下吗
    Jellyleo:@致Great :blush:
    致Great:@Jellyleo 优美:smile:
  • 70678fe11eed:大神呐 我用的是flexy主题 怎么给文章分类呀
  • a7b48daec18c:楼主,你好.为什么我执行了hexo clean && hexo g && hexo d命令,却没有发布到github上去呢?
  • 燃烧的冰淇淋:有一个博客确实挺方便,我用的next主题,http://www.leason.top
  • 陈小影:我用你的方法第一次上传没有弹出要我登录,这是为什么呢?
    陈小影:@致Great 第一次安装,不过后来找朋友帮忙解决了,貌似是我有些配置不对造成的。
    致Great:@陈小影 是不是你原先安装过或者使用过hexo?
  • 一只阿木木:安装hexo 步骤,输入 npm install -g hexo 有什么提示信息,如何进一步判断是否需要”墙“操作
  • ef40b2b9e6ec:楼主,能不能说下markdown文件具体格式(这里说的不是markdown的语法,而是markdown中的哪个部分对应博客中的内容,例如文章中的title对应bolg的标题)?
  • 624bc27b0780:你好,如果仓库里的和用户名不一致也可以吗?
  • 44d982258af8:加你Q把:21533983
  • 44d982258af8:求题主指导
    44d982258af8:@致Great 怎么给你截图看啊
    44d982258af8:@致Great 首先我的git和node.js都正常,npm,也能查到,但是就是hexo装不上
    致Great:@花先生丶 你哪里出现问题了,给我截下图
  • 44d982258af8:为什么我安装不上啊。
    致Great:@花先生丶 装不上什么
  • 百伊公卿:很想试试
    致Great:可以试下:smiley:
  • 叁柒atZJU:请问,这样配置的markdown似乎不能写公式,是这样的吗
    致Great:@叁柒atZJU 是的,写公式你看下这个http://blog.csdn.net/u011001084/article/details/51253928
    致Great:@叁柒atZJU 用支持Latex的编辑器来写
  • 指向指针的指针_:谢谢楼主的博客 http://zhangchaozc.cn/
    致Great:@指向指针的指针_ 你的网站很酷
  • 0cec3276e6d0:可以
    致Great: @从零开始的勇气 😜
  • 7cc388ac1c27:学习
    致Great:@连输 :grin: :grin:
  • Leon_w:👍一直想试试,你的教程太好懂了
    致Great:@命里丶 :v:
  • 爪爪熊:很强呀,赞,学习到了一波
    致Great: @角角头小坏蛋 谢谢😶

本文标题:搭建个人博客-hexo+github详细完整步骤

本文链接:https://www.haomeiwen.com/subject/ejypbttx.html