hexo+github搭建我的博客

前言

无论简书、掘金或者其余网站，总会感受不是本身的地盘，因此我就想本身搭建个博客，能够在本身的一亩三分地上耕耘收获。不只如此，以往我写的博客都会处处乱放，好比一会放到掘金，一会放到简书等等，不利于管理，搭建一个本身的博客也更方便了我的的整理分类。目前来讲，hexo仍是挺主流的一种搭建博客的方式，主题也不少，能够供各位选择。先给你们看下个人博客吧

Hexo介绍

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。

安装Git

我以前有写过安装Git的教程，可点击查看，在这里我就再也不赘述了。

安装NodeJs

Hexo是基于nodeJS环境的静态博客，里面的npm工具真的颇有用啊，无论以后的安装hexo、统计阅读时长、博文字数或者添加小萌妹都须要使用到npm工具，因此仍是老老实实的装上吧~

1. 基本上都是64位的，直接给上64位Windows的下载地址：nodejs.org/dist/v10.13… 或者本身自行到官网下载：nodejs.org/en/
2. 下载好msi文件后，双击打开安装，反正一路next，安装路径能够根据本身须要更改。
3. 安装完以后打开cmd窗口（win+r），查看nodejs安装的版本。 输入如下命令：

$ node -v
$ npm -v
复制代码

安装成功！

安装Hexo

Hexo安装就只须要npm工具就好了 npm能够设置淘宝NPM镜像，来提升下载速度

npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码

1. 建立一个空的文件夹
2. 打开Git Bash（安装完Git随处右击就有“Git Bash here”），cd到文件夹，也能够直接在文件夹内右击“Git Bash here”
3. 安装Hexo

$ npm install -g hexo-cli
复制代码

3. 查看hexo版本

$ hexo -v
复制代码

4. 初始化

$ hexo init
复制代码

看一下文件夹初始化后内容

解析一下各文件：

• node_modules：是依赖包
• public：存放的是生成的页面
• scaffolds：命令生成文章等的模板
• source：用命令建立的各类文章
• themes：主题
• _config.yml：整个博客的配置
• db.json：source解析所获得的
• package.json：项目所需模块项目的配置信息

5. 查看本地博客 启动本地服务

$ hexo s
复制代码

访问本地浏览器：http://localhost:4000

写博客

1. 建立.md文件，目录：/source/_posts

   

2. 博文的属性

   

---
title: hexo-blog
date: 2018-11-03 16:07:32
tags: 
---
复制代码

这里要说一下 tags 这个属性，若是须要配置多个有两种方式：

tags: [tag1, tag2, tag3]
复制代码

或者

tags:
  - tag1
  - tag2
  - tag3
复制代码

注：Hexo 是支持 Markdown 的全部功能的，因此，最好去学习一下 Markdown 的语法规范。

搭桥到GitHub

1. 没有GitHub帐号建立帐号，有的话就看下一步
2. 建立新的仓库repository

   

   其中Repository name必须是你的github名称，否则后续会报404错误。

   

3. 回到gitbash中，配置github帐户信息（YourName和YourEail都替换成你本身的）
4. 建立SSH 第3，4步我以前的博文有教程，这里就再也不详细描述操做过程了，你也能够找度娘搜索。
5. 修改_config.yml文件

deploy:
  type: git
  repo: https://github.com/yourGitHubName/yourGitHubName.github.io.git
  branch: master
复制代码

注意：冒号以后都是有一个半角空格的，没有的话会出错！ 6. 安装hexo-deployer-git自动部署发布工具

$ npm install hexo-deployer-git  --save
复制代码

7. 发布到Github，命令以下:

$ hexo clean
$ hexo generate
$ hexo deploy
复制代码

第一次上传是须要验证GitHub帐号的

当出现下图字样表示发布成功

8. 访问： yourGitHubName.github.io 注：感受GitBash中东西太多的时候能够输入clear来清空命令。