搭建博客很久了，一直没有写自己的博客，今天终于有时间写博客了，准备先写下博客搭建过程。我使用的是Hexo框架搭建的博客，利用Hexo搭建博客,那么Hexo是什么呢？我不做过多详细介绍了，文末有相关文档网站阅读

准备行动

安装git并配置

  • 下载并安装对应系统版本的git，当你安装好后桌面会有个Git bush
  • 如果你已经熟悉Git和GitHub了并且配置好了SSH key，请直接看下一步。
  • 如果你不清楚Git，不用担心，文末有相关文档网址，你可以先学习下Git
  • 如果你没有GitHub账户，点击这里注册你的Github账号。
    点击这里学习创建SSH key配置GitHub

下载安装Node.js

点击这里下载好，建议你选择一个比较空余的的路径安装好

安装Hexo

打开Git bash
输入命令

1
$ npm install -g hexo-cli

回车等待，紧接着就输入以下命令初始化hexo

开始搭建

安装好git后打开gitbash，输入命令：

1
$ npm install -g hexo-cli

接着在命令行输入：

1
2
3
$ hexo init 文件夹
$ cd 文件夹
$ npm install

把上面的”文件夹”替换成你想好的目录名字，比如我的是目录名字为hexo，Hexo将会在hexo文件夹中新建所需要的文件。
cd命令代表打开路径，比如我想打开E盘的hexo目录就在Git bash命令行输入：

1
cd e:/hexo

就进入E盘的hexo文件夹里了。

耐心等待会，你可以在相应的目录看到以下结构

1
2
3
4
5
6
7
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

多出一些目录也不必担心，影响不大

  • config.yml用来配置网站信息的，后面我会讲到如何配置。
  • source下用来存放一些你的博客文章，一般你的文章都存放在posts里面，可能还会有个drafts，这个是存放草稿的。
  • themes是存放主题的，你打开目录现在只有一个主题，就是landscape，后面我会讲到如何更换主题。

安装主题

打开网站

现在我们可以打开网站看看了
输入以下命令启动Hexo服务：

1
2
$ cd 文件夹目录
$ hexo s

之后你可以通过浏览器访问localhost:4000看到博客网站的主页，默认使用的主题是landscape。

更换主题

当然你也可以更换其他主题，点击这里下载你喜欢的主题，接下来我就用我使用的indigo主题来作为栗子,在此谢过王昱森前辈以及为这个博客主题付出努力的大佬们，容小弟膜拜一下ヾ(◍°∇°◍)ﾉﾞ
用cd命令进你的hexo根目录下在Git bush输入以下命令把indigo主题下载到本地

1
$ git clone https://github.com/yscoder/hexo-theme-indigo.git

tips：如果不是下载在themes里面，把他放在themes目录下，如果名字不是indigo，建议重命名为indigo，方便后续配置。

安装依赖

Less

1
$ npm install hexo-renderer-less --save

Feed

1
$ npm install hexo-generator-feed --save

Json-content

1
$ npm install hexo-generator-json-content --save

QRcode

1
$ npm install hexo-helper-qrcode --save

开启标签页

1
$ hexo new page tags

修改hexo/source/tags/index.md的元数据。
（如果没有合适的程序打开修改的话，建议您使用Atom打开，个人觉得还是挺好用的，可以修改各种文件，后面的文件基本可以用这个打开和修改，若用Atom修改会记得点save，点击这里下载）
注意，里面只留下以下三行，不然博客内点击相应的标签会报错，我踩过的坑，说多了都是泪。

1
2
3
layout: tags
comments: false
---

开启分类页

1
$ hexo new page categories

用Atom修改hexo/source/categories/index.md的元数据。
只留下以下三行，原因同上。

1
2
layout: categories
comments: false

tips：记住，修改元数据时冒号后面一定要有个空格。

帮助你深入了解的相关方式

文档

1.hexo
2.indigo
这个是indigo主题的网址，你可以在这里找到很多的拓展和常见问题的处理方法。

书籍

1.Pro git
没看过，但好像还不错有PDF版，附上网址，点击这里。
2.GitHub入门与实践
经久不衰的GitHub入门书籍，墙裂推荐。

网站

1.Git
学习git的快速入门网站，里面挺多git干货。
2.猴子都能懂的git入门
看名字我就想推荐，哈哈哈。
3.Try git
以上网站我尽量找了中文版的，如果有像我这种英文渣看不懂的话，下载个chrome浏览器右键翻译成中文超好用（墙裂推荐Chrome浏览器，相信你也会和我一样放弃其他浏览器的٩꒰▽ ꒱۶⁼³₌₃逃 ）