如何搭建个人博客

2020-04-03

利用hexo搭建博客步骤

奇怪的知识增加了！

一、准备

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

Git及GitHub使用教程

2.下载Nodejs并安装

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

Windows版本Nodejs下载地址

3.检查是否安装成功

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

1 2	node -v npm -v

若可以正常出现版本号，证明安装成功了！(如果这里出现了问题那就从头开始吧…)
4.下载一个文本编辑器(如果你能接收记事本的界面可以忽略这一步)
我使用的是Notespad++
Notepad++下载地址

二、开始搭建博客

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

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

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

1	cnpm install -g hexo-cli

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

hexo -v

能够正常出现版本信息就成功了！(如果失败，请重新安装…)
3.新建blog文件夹,可以直接去硬盘中创建，也可以用命令行，这里用命令行演示(由于在本人电脑Windows的命令行窗口中在后续的步骤曾经出错过，所以接下来使用的命令行窗口是我们在准备阶段安装好的Git工具”Git Bash”)
1)在Git Bash命令行窗口中打开你想创建blog文件夹的目录

1	比如打开E盘： cd /E

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

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

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

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

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

hexo s

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

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

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

1	hexo n "博客的标题"

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

1	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部署插件：

1	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”进行访问了！！！
完结撒花！！！