我的个人博客效果预览https://furfur-jiang.github.io/

加载可能会比较慢，因为是挂载到github上的

样式基于hexo-theme-matery主题，这个主题我特别喜欢，点击有彩色小心心效果，默认背景图，以及音乐视频简单易配置。

羊B站教学视频链接

不过视频是基于mac的，这篇文章是基于window，结合起来！

遇到视频没有出现的bug，然后已经解决了

只要一步步跟着我的文章来，就可以搭建成功，我重新搭建了一遍然后顺便截图下来。避免重复造轮子。

具体流程

注册github取昵称是注意，这个昵称关乎你的网站的地址
下载node.js和git，node很好下载，但是git要注意，参考这篇文章下载详细解释，也是很容易的
通过命令行工具进行操作
安装hexo框架
利用hexo生成博客
github创建仓库，确定地址
hexo部署到远端

小技巧：需要npm下载，由于是国外的东西，如果实在太慢，参考我的另一篇文章解决npm下载慢慢慢慢的问题

下面具体流程开始

下载node.js

nodejs下载网站

下载完直接一直下一步安装就可以

下载git

git安装教程详细解释

命令行工具

window+R，输入cmd打开命令行工具

看到以上内容即安装node成功（版本可能不同）

看到以上内容即安装npm成功（版本可能不同）

需要npm下载，如果实在太慢，参考我的另一篇文章解决npm下载慢慢慢慢的问题

全局安装hexo框架

命令行工具输入npm install -g hexo-cli

安装成功如下

通过hexo -v验证成功

建立一个空的文件夹(可以自己指定目录) mkdir blog，我指定在d目录下建

使用hexo生成博客

用管理员权限打开命令行工具

然后进入你建立的blog目录，输入hexo init

如果没有报错，正常情况下就开心下载博客框架了，我第一次就是这样

如果报错如下

就是没有 cd 进入blog 目录，输入cd blog即可

hexo博客安装完成

hexo博客自动生成的东西

开启博客

输入hexo s

打开浏览器http://localhost:4000预览

结束预览 ctrl+c 两次

部署到github上

登录你的github，点击右上角的+，new repository

注意用户部署个人博客的github仓库的命名必须符合特定要求才行

配置文件

在blog打开_config.yml，可以记事本打开，地址是你的仓库地址，复制仓库地址

在最底部找到图片相同内容，在deploy输入如下，注意千万不要忘记冒号后面空格，否则报错

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:type: gitrepo: https://github.com/furfur-jiang/furfur-jiang.github.io.gitbranch: master![1566979358505](C:\Users\JMQ\AppData\Roaming\Typora\typora-user-images\1566979358505.png)

将hexo推送到远端

正常情况下，再输入hexo d就可以进行了

但是如果不顺利，遇到下面的情况，也是很好解决的

解决方法：

在下面补充你的个人信息，注册github邮箱和github的昵称

D:\blog> git config --global user.email "2282995214@qq.com"D:\blog>git config --global user.name "furfur-jiang"

然后弹出一个github的登录窗口，输入内容登录即可

问题2： “Deployer not found: github”比较新版本会遇到的问题
运行一下代码：

npm install hexo-deployer-git --save

重新hexo -d即可。

最后再次 hexo d即可，然后可以打开你的浏览器，输入你的网站就可以

例如我的hexo https://furfur-jiang.github.io/ 把昵称换了就可以

预览

完成啦啦啦！

可以看一下我搭建的我的hexo个人博客

由于挂载github网站，会加载得慢一些。

有问题可以和我交流哦！

零基础免费通过hexo+github快速搭建个人博客（超详细图解+B站视频讲解资源）相关推荐

Hexo+GitHub 快速搭建个人博客（三）---- 改变主题
前期准备: 基本的Linux命令基本的GitHub命令 Hexo有多种博客框架,在 https://hexo.io/themes/ 里可以找到非常多优秀的博客框架,而且都是免费的. 首先大家可以去找 ...
Hexo+GitHub 快速搭建个人博客（二）---- 域名解析
前期准备: 备案的国内域名或者国外域名 (后面会解释为什么,这里以阿里云域名为例) 一.将个人域名与GitHub博客绑定我们在Hexo目录下的source子目录内创建一个txt文件,内容写自己的域名 ...
Hexo+GitHub 快速搭建个人博客（一）---- 基本部署
前期准备: 1.Git shell 2.node.js 3.在github上创建一个仓库,仓库命名格式为xxx.github.io 一.安装Hexo cd进入自己想要安装的目录下,执行下面的命令 np ...
基于Hexo框架快速搭建个人博客--文章一键发布（五）
基于Hexo框架快速搭建个人博客--文章一键发布一.文章对比二.发布到Github 三.一键发布四.总结博客链接: 会思想的苇草i 文章链接: 基于Hexo框架快速搭建个人博客–搭建(一) 基 ...
Github + Hexo 搭建个人博客超详细教程
Github + Hexo 搭建个人博客超详细教程本文目录 generated with DocToc 网站搭建本文目录 1.安装node.js 2.添加国内镜像 3.安装Git 4.注册Gith ...
Hexo+GitHub Pages搭建个人博客（ 0 基础、小白值得一看--实力软文！）- 初行ᵀᵀᴴ
文章目录 **写在之前** 一.搭建前的准备工作 - 安装工具 1.1 附上工具链接 1.2 Git 1.3 Node.js 1.4 GitHub Desktop 1.5 Notepad++ 1.6 ...
Hexo+Github+Vscode搭建个人博客内含添加图片和更换主题
本文导航 0. 环境配置 1. 连接GitHub 2. 创建Github Pages仓库 3. 本地安装Hexo博客程序 4. Hexo初始化和本地预览博客目录结构 5. 部署Hexo到Github ...
GitHub快速搭建个人博客
正所谓前人栽树,后人乘凉. 感谢Huxpro提供的博客模板我的的博客前言从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客Will Wang Blog搭建出来了. ...
Hexo+Butterfly 快速搭建个人博客【附源码】
先上效果在线查看:https://hongxh.cn/ Github 源码 https://github.com/hxh2010/hexo-butterfly Hexo hexo在线文档安装: $ ...

零基础免费通过hexo+github快速搭建个人博客（超详细图解+B站视频讲解资源）