对于程序员来说,搭建和维护一个个人博客十分必要​,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果。这篇教程就是基于 Hexo 和 GitHub 来搭建属于自己的个人博客,简单快捷,对小白也十分友好。

***

# 前期准备

本次Hexo博客搭建环境

> Windows 10 1803
> node-v10.14.1
> git version 2.21.0.windows.1
> hexo-v3.8.0

安装各种依赖环境还是比较简单的,基本上就是从各自的官网下载进行安装,十分方便。

## 安装 Node.js

Hexo 的运行需要 Node.js 的支持,所以我们需要首先安装好 Node.js 。打开[Node.js官网](https://nodejs.org/en/)就能很明显地看到下载提示,点击左边的按钮进行下载即可。

![](//upload-images.jianshu.io/upload_images/8695476-6eb7d883d993f526.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/640)

**下载完点击安装程序进行安装,无需修改安装路径的话无脑点击下一步即可。**
当安装完成后打开命令行工具(cmd/powershell),输入`node -v`,如果输出如下信息,安装即为成功。

```bash
$ node -v
v10.14.1
```

## 安装 Git

我们需要从 GitHub 上下载主题文件,最重要的是我们需要将本地的博客部署到可供外部访问的网页上去,我们借助的是 GitHub ,这些都离不开 Git 的支持。同样的我们到 [Git官网下载页](https://git-scm.com/downloads)下载即可。这里我们选择 Windows 64 位最新版本的 Git for Windows 进行安装。

![image](//upload-images.jianshu.io/upload_images/8695476-622fd4216e3e3525.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/640)

**安装和 Node.js 差不多,不做修改的话一直点下一步即可。**
安装完成后同样打开命令行工具(cmd/powershell),输入`git --version`,如果输出如下信息,安装即为成功。

```bash
$ git --version
git version 2.21.0.windows.1
```

## 安装 Hexo

安装完 Git 后,我们的操作就可以在 Git Bash 中进行**(当然在其他命令行工具中也行)**,在资源管理的任意目录下右键鼠标可以看到 Git Bash Here 选项。

![](//upload-images.jianshu.io/upload_images/8695476-7f47820a977258fb.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

单击该选项,我们便进入了 Git 的命令行工具界面如下(同样打开Windows自带的cmd或是其他命令行工具都可以),之后 Hexo 的安装、博客的部署等操作都在这个界面进行。

![](//upload-images.jianshu.io/upload_images/8695476-2afb4a6bbbdc3d62.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/540)

由于国内的 npm 访问外网下载速度较慢,我们可以将 npm 源更换为淘宝的镜像(当然如果你觉得你的下载速度较快的话,也可以选择不进行更换),在 Git Bash 中输入以下指令

```bash
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
```

**请注意如果进行了上述操作,那么之后的下载等操作需要使用到 npm 的地方你都应该更换为 cnpm 指令,这样才能起到加速作用,如果未进行更换,则使用 npm 即可。**

接下来就是重头戏**安装 Hexo **了。输入如下指令即可安装完成 Hexo 的安装,十分方便。

```bash
$ npm install hexo-cli -g
```

在安装过程中可能会出现`WARN`提示,这是因为 Hexo 的某些内容不支持 Windows 系统,我们无需理会 ~~(程序员只关心 Error,不关心 Warning

Hexo + GitHub 搭建个人博客的更多相关文章

  1. 《Hexo+github搭建个人博客》

    <Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...

  2. 使用Node.js+Hexo+Github搭建个人博客(续)

    一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...

  3. Mac上基于hexo+GitHub搭建个人博客(一)

    原文地址: http://fanjiajia.cn/2018/11/23/Mac%E4%B8%8A%E5%9F%BA%E4%BA%8Ehexo+GitHub%E6%90%AD%E5%BB%BA%E4% ...

  4. 如何用hexo+github搭建个人博客

    搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...

  5. Ubuntu+Hexo+Github搭建个人博客

    Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...

  6. hexo+github搭建个人博客

    最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hex ...

  7. 使用Node.js+Hexo+Github搭建个人博客

    一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越 ...

  8. 【教程向】——基于hexo+github搭建私人博客

    前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...

  9. 【2】hexo+github搭建个人博客的简单使用

    使用hexo+github搭建一个可以外网访问的个人博客,此文用于记录博客初级的使用方法. 新建-编写-生成-部署文章的全过程 1.使用cmd完成 打开命令提示符[win+r输入cmd] 切换到自己本 ...

随机推荐

  1. PAT1090:Highest Price in Supply Chain

    1090. Highest Price in Supply Chain (25) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 C ...

  2. mysql读写分离总结

    随着一个网站的业务不断扩展,数据不断增加,数据库的压力也会越来越大,对数据库或者SQL的基本优化可能达不到最终的效果,我们可以采用读写分离的策略来改变现状.读写分离现在被大量应用于很多大型网站,这个技 ...

  3. java通过反射获取字段的类型

    import java.lang.reflect.Field;  //这是需要引入的包 Field[] f = 类名.class.getDeclaredFields(); //获取该类的字段for(F ...

  4. 《Spring Cloud与Docker微服务架构实战》配套代码

    不才写了本使用Spring Cloud玩转微服务架构的书,书名是<Spring Cloud与Docker微服务架构实战> - 周立,已于2017-01-12交稿.不少朋友想先看看源码,现将 ...

  5. vm12 和14密钥

    vm12:5A02H-AU243-TZJ49-GTC7K-3C61N vm14:FF31K-AHZD1-H8ETZ-8WWEZ-WUUVA

  6. Docker for Windows 使用 VMware WorkStation

    一.前言 Docker for Windows 不同于 Docker Toolbox.Docker for Windows 对系统的要求至少为Windows 10专业版,因为它需要Hyper-V的支持 ...

  7. javascript this 的工作原理

    JavaScript 有一套完全不同于其它语言的对 this 的处理机制. 在五种不同的情况下 ,this 指向的各不相同. 1.全局范围内 当在全部范围内使用 this,它将会指向全局对象. 2.函 ...

  8. Python 员工信息管理系统

    学Python将近一个月了,第一次写了两百多行代码,一个很简单的脚本. 员工信息管理系统: 需求: 1.管理员账户能够增加,删除,修改,查询员工信息,并且设置管理员账户. 2.普通账户可以查看所有员工 ...

  9. 使用代码的方式给EntityFramework edmx 创建连接字符串

    在构建上下文的时候动态生成连接字符串: /// <summary> /// 从配置生成连接 /// </summary> private static readonly str ...

  10. Java Script中常见操作

    字符串常见操作:obj.length 长度obj.trim() 移除空白obj.trimLeft()obj.trimRight)obj.charAt(n) 返回字符串中的第n个字符obj.concat ...