Hexo + GitHub 搭建个人博客

对于程序员来说,搭建和维护一个个人博客十分必要,写博客既是对所学知识的整理和总结,同时也能向他人展现自己的学习成果。这篇教程就是基于 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/)就能很明显地看到下载提示,点击左边的按钮进行下载即可。

**下载完点击安装程序进行安装,无需修改安装路径的话无脑点击下一步即可。**
当安装完成后打开命令行工具(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 进行安装。

**安装和 Node.js 差不多,不做修改的话一直点下一步即可。**
安装完成后同样打开命令行工具(cmd/powershell),输入`git --version`,如果输出如下信息,安装即为成功。
```bash
$ git --version
git version 2.21.0.windows.1
```
## 安装 Hexo
安装完 Git 后,我们的操作就可以在 Git Bash 中进行**(当然在其他命令行工具中也行)**,在资源管理的任意目录下右键鼠标可以看到 Git Bash Here 选项。

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

由于国内的 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 搭建个人博客的更多相关文章
- 《Hexo+github搭建个人博客》
<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+g ...
- 使用Node.js+Hexo+Github搭建个人博客(续)
一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在 ...
- 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% ...
- 如何用hexo+github搭建个人博客
搭建环境 1.安装 Node.js: https://nodejs.org/en/ windows下点击链接,下载安装即可;Linux下更加简单,在终端下输入sudo apt-get install ...
- Ubuntu+Hexo+Github搭建个人博客
Ubuntu+Hexo+Github搭建个人博客 目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. ...
- hexo+github搭建个人博客
最近用hexo+github搭建了自己的个人博客-https://liuyfl.github.io,其中碰到了一些问题,记录下来,以便查阅. hexo+github在win7环境下搭建个人博客:hex ...
- 使用Node.js+Hexo+Github搭建个人博客
一.为什么要花时间去搭建个人博客? 首先说说为什么我想要尝试着去搭建属于自己的Blog,古人云:“好记性不如烂笔头”.一开始我把笔记做在本子上.电脑上,发现要用的时候特别地不方便,而且越记越多.越多越 ...
- 【教程向】——基于hexo+github搭建私人博客
前言 1.github pages服务生成的全是静态文件,访问速度快: 2.免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 3.可以随意绑定自己的域名,不仔细看的话根本看 ...
- 【2】hexo+github搭建个人博客的简单使用
使用hexo+github搭建一个可以外网访问的个人博客,此文用于记录博客初级的使用方法. 新建-编写-生成-部署文章的全过程 1.使用cmd完成 打开命令提示符[win+r输入cmd] 切换到自己本 ...
随机推荐
- 由于github仓库中提前建立readme文件,导致git push报错error: failed to push some refs to 'git@github.com:
$ git push -u origin master To git@github.com:xxx/xxx.git ! [rejected] master -> master (fetch fi ...
- no system images installed for this target这个问题如何解决?
今天想查看个项目的布局,结果发现这个Hierarchy这个工具没有提供对实体机的支持,所以就想加一个模拟机,结果还曝出了这么么一个错误,导致不能设置模拟机: 在网上的查找下,发现原来是缺失了 圈中的是 ...
- Linux时间子系统之(十二):periodic tick
专题文档汇总目录 Notes:TickDevice模式,以及clocckevent设备.TickDevice设备的初始化,TickDevice是如何加入到系统中的.周期性Tick的产生. 原文地址:L ...
- Vue 2.0 路由全局守卫
vue2.0 实现导航守卫(路由守卫) 路由跳转前做一些验证,比如登录验证,是网站中的普遍需求. 对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navi ...
- 纯CSS打造进度条
进度条效果如下: CSS部分 body { background-color: white; } .progress-bar { display: flex; flex-direction: row; ...
- BZOJ_1196_[HNOI2006]公路修建问题_kruskal+二分答案
BZOJ_1196_[HNOI2006]公路修建问题_kruskal+二分答案 题意:http://www.lydsy.com/JudgeOnline/problem.php?id=1196 分析: ...
- html中layui+jfinal模板实现前端搜索功能
<input type="text" id="campus" class="layui-input" onkeyup="ck ...
- C++教程之初识编程
突然想写一份C++教程,并且此教程会尽量使用通俗语言来描述,进入正题! 如果你从来没有接触过编程语言,希望我的教程能够帮助你! 一.代码示例 当然我希望你暂时不要纠结我在写什么,把代码贴在前面是想 ...
- 开源方案搭建可离线的精美矢量切片地图服务-3.Mapbox个性化地图定制入门
1.简介 mapbox是一家非常牛的公司,比如像特斯拉.DJI大疆创新.孤独星球.Airbnb.GitHub.Cisco.Snap.飞猪.Keep.Bosch这些在国内外各自领域中响当当的企业都是它的 ...
- 【公告】MIP组件审核平台故障-影响说明
故障通报 2017年8月8日 下午14:11,由于机器故障原因,MIP组件审核平台无法提供服务. 2017年8月8日 下午16:46,服务恢复. 故障影响 2017年8月8日下午13:00-14:00 ...