从0开始搭建个人博客(详细步骤)

在B站看着视频教程搭完博客，于是整理下来，方便自己以后查看，同时希望帮到有需要的朋友~

hexo博客搭建步骤

一、准备

1.首先要注册github账号并配置好Git

Git及GitHub使用教程

2.下载Nodejs并安装

打开下方链接，下载LTS的，一直点Next，除了改安装目录外，其他按照默认的就可以。

Windows版本Nodejs下载地址

3.检查是否安装成功

以管理员身份打开命令行窗口(cmd)，依次输入：

node -v
npm -v

如果可以正常出现版本号，证明安装成功了！(要是这里出现了问题那就从头开始吧…)

4.下载一个文本编辑器(如果你习惯用记事本可以忽略这一步)
我使用的是Notespad++ （附Notepad++下载地址）

二、开始搭建博客

1.在命令行窗口中输入以下命令安装cnpm工具：

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

2.安装hexo工具，在命令行窗口中继续输入以下命令：

cnpm install -g hexo-cli

安装完后可以验证一下是否成功，继续输入：

hexo -v

能够正常出现版本信息就成功了！(如果失败，就重新安装吧)

3.新建blog文件夹,可以直接去硬盘中创建，也可以用命令行，这里用命令行演示(由于在本人电脑Windows的命令行窗口中在后续的步骤曾经出错过，所以接下来使用的命令行窗口是我们在准备阶段安装好的Git工具"Git Bash")
1)在Git Bash命令行窗口中打开你想创建blog文件夹的目录

比如打开E盘：	cd /E

2)使用命令行创建blog文件夹：

mkdir blog
这里的blog是文件夹名，可以自己更改

创建完了可以去对应目录下看看有没有(如果搭建博客过程出错，大不了删除这个blog文件夹然后重来)

3)使用hexo来初始化blog

先进入我们创建的blog文件夹：
cd blog/
再使用hexo初始化：
hexo init
完了之后去blog文件夹下检查是否有生成了一堆东西

4)启动搭建好的博客，在命令行窗口中继续输入：

hexo s

然后会生成一个地址:http://localhost:4000
在浏览器中打开可以看到已经初始化的博客

三、创建自己的第一篇博客

1.Ctrl+c退出博客运行后，输入：

hexo n "博客的标题"

检查在目录下是否生成了文章：

cd source/_posts/

2.对博客(.md格式)进行编辑
可以使用文本编辑器，如Notepad++；可以使用Hexo admin插件实时编辑：
如果有进入到“source/_posts/”目录下，记得退回到blog目录，退回目录为：

cd ../..
注意：这个命令是退出两层，如果是一层：cd ..就好
在命令行窗口输入：
cnpm install --save hexo-admin

安装成功后，就可以打开 http://localhost:4000/admin/ 访问到hexo-admin管理页面了

3.创建完博客后，更新内容到http://localhost:4000/
依次输入：

清理命令：
hexo clean
生成命令：
hexo g
运行博客命令：
hexo s

到目前为止，博客搭建的基本操作就完成了，接下来介绍怎么把我们的博客部署到GitHub上

四、把hexo搭建的博客部署到GitHub上

1.打开github网站，新建一个Repository，"Repository name"必须是这种格式：“你的Github账户名.github.io”，以后在浏览器输入"你的Github账户名.github.io"就可以访问博客了
2.回到命令行窗口，在blog目录下安装一个git部署插件：

cnpm install --save hexo-deployer-git 

3.打开blog文件夹，编辑"_config.yml"文件(可以用文本编辑器Notepad++)
拉到文件夹最底部，修改如下：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: 'git'
  repo: 这里的地址就是你刚刚创建的仓库的地址，即：https://github.com/你的Github名/你的Github名.github.io.git 这种格式
  branch: master

注意！！！这里的type和repo、branch后面都有一个空格的！！！

4.最后一步！！！
部署到远端：

hexo d

这里可能会跳出来窗口让你输入你的GitHub名和密码。
回到你的GitHub仓库，刚刚创建的空仓库会多了很多东西。
以后访问博客就可以在浏览器输入"你的Github账户名.github.io"进行访问了！！！（比如我的：https://hu-tong.github.io/）

完结撒花！感谢阅读！希望能够帮助到你！