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

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

一、第一步:下载安装Git

1531909-6e4dd1331b8ee66c.png

1、Git下载地址

2、安装步骤


1531909-4da9b2db5ad099b5.png
个人选择全选


1531909-44bddccbb0bc44fb.png
选择第二个

                然后一路默认

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

1、node.js下载地址


1531909-acb3ca9d69e0037f.png
两个版本

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

三、第三步:安装hexo

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


1531909-ed306496f5c34312.png
在电脑任意位置右键

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

1531909-0b9d56643f6b27cc.png
注意:-g是指全局安装hexo。

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

四、第四步:初始化Hexo

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

1531909-b4cfc9da3f2063b9.png
根据个人爱好创建博客文件夹

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


1531909-f6ae9b7089741c89.png
(这里可能时间会长些,要耐心等待)


1531909-d0452912537c03e8.png
初始化成功后生成的一些列文件

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

1531909-cd5743eda172deca.png
基础配置

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

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


1531909-c428c38d5b6f608d.png
获取主题next
1531909-9e10141923fcdf7a.png
下载成功(如果需要更改主题,请在_cofig.yml修改theme)

4、本地浏览博客

  分别输入 如下命令:

      hexo g

      hexo s

    这里有更多hexo常用命令

1531909-0501276ece21c570.png


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


1531909-4f9a111a4f87ff63.png
效果图

5、写文章

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

1531909-f369abde30af73e0.png
新建.md文件

---

title: 我的博客

---


1531909-a55880ce3bb59600.png
简单测试下
1531909-3b9c7f217892c046.png
浏览效果

五、部署到Github上

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

2.new repository

1531909-8decffce7d3866b3.png


1531909-d3da80e668341305.png

然后点击

1531909-fe29bad673d85f37.png

3、在_config.yml进行配置


1531909-d0fc558c749b5569.png
(注意:要保存)

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

    npm install hexo-deployer-git  --save

1531909-fb7e657ad2729c88.png
(在Hexo文件夹下 Git Bash)

5、发布到Github

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

1531909-72b3c30ffbfb1210.png
1531909-5fdbcdab2249c01e.png
第一次发布需要验证github账号


1531909-1f99441c5f2e0cfb.png
发布完成


1531909-eeae3f8de4041eff.png
在仓库中我们也可以看到

6、测试访问

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

1531909-a771d32449cbd5c8.png
大功告成

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

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值