Hexo博客搭建（全）

---

title: 搭建博客
date: 2020-08-08 16:54:41
tags:

• blog
• hexo

---

安装Nodejs和git

可以去官网下载

安装淘宝镜像文件

在dos命令行下输入以下命令安装

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

安装 hexo框架

cnpm install -g hexo-cli

hexo -v #查看hexo版本

cd进入你的博客文件

hexo init #生成博客 初始化博客

访问博客

hexo -s 访问博客

在浏览器中输入 http://localhost:4000/

现在博客就初期搭建好了，接下来就准备将其部署到网上，可以选择github或者gitee 我选择码云，速度比较快一点

创建gitee 仓库

准备工作

接下来 去码云创建一个仓库（名字和你用户名一样）

如果没有注册码云的可以去注册一个

创建完之后在hexo的目录使用git 输入以下内容

vim _condfig.yml

在里面修改添加如下内容（最末尾位置）

 type: git

 repo: 你创建的码云仓库名称

 branch: master

部署之前需要先下载git依赖

cpnm install --save hexo-deployer-git

hexo clean 清理一下

hexo g 重新生成内容

hexo d 部署

开启gitee page

部署博客到gitee

这样就可以部署到码云上了

文章/主题配置

更换主题：我使用yilia的主题

源地址：https://github.com/litten/hexo-theme-yilia

在hexo的源目录下

切换到主题目录 theme 使用git克隆该仓库

git clone https://github.com/litten/hexo-theme-yilia.git

然后打开 _config.yml文件，将主题改成如下（对应下载的目录名字） 记得将 .git文件目录删除掉，

不删除的话会影响后续分支目录的上传

重新启动一下 看看有没有错误

hexo clean

hexo g

hexo s

如果出现下图就没问题了

将其部署到gitee上去

使用命令就行了

hexo d

但是部署后出现了一个问题，在本地是更新主题后的页面，而远程更新后的页面没改变

我去查了一下，hexo clean 只是把public文件删除，但是hexo g的时候发现你并没有改配置文件，所以就没有改动，记录没改变，.deploy_git提交记录也就没改动，所以远程没改动配置文件。

我将.deploy_git文件删除之后，再执行hexo d -g 就更新成功了

头像设置

存放位置

头像/图标图片的存放位置是/themes/yilia/source/下任意位置，可以自己新建一个文件夹存放，我存放在assets文件夹下。

配置设置

配置文件为/themes/yilia/_config.yml。设置头像为配置文件中avatar一项，设置图标为配置文件中favicon一项，设置路径的根目录为/themes/yilia/source/。例如，我的头像存放的地址是/themes/yilia/source/assets/me.png，设置则为avatar: /assets/me.png。（图标同理）

文章设置

创建“分类”选项

打开命令行，进入博客所在文件夹。执行命令

$ hexo new page categories

成功后会提示：

INFO  Created: ~/Documents/blog/source/categories/index.md

根据上面的路径，找到index.md这个文件，打开后默认内容是这样的：

---
title: 文章分类
date:
---

添加type: "categories"到内容中，添加后是这样的：

---
title: categorise
date: 2020-08-08 17:06:45
type: "categories"
---

保存并关闭文件。

给文章添加“categories”属性

打开需要添加分类的文章，为其添加categories属性。下方的categories: web前端表示添加这篇文章到“web前端”这个分类。注意：hexo一篇文章只能属于一个分类，也就是说如果在“- web前端”下方添加“-xxx”，hexo不会产生两个分类，而是把分类嵌套（即该文章属于 “- web前端”下的 “-xxx ”分类）。

---
title: 计算机网络概述
date: 2020-08-08 17:15:37
categories:  
 - 计算机网络
---

至此，成功给文章添加分类，点击首页的“分类”可以看到该分类下的所有文章。当然，只有添加了categories: xxx的文章才会被收录到首页的“分类”中。

创建“标签”选项

生成“标签”页并添加tpye属性

打开命令行，进入博客所在文件夹。执行命令

$ hexo new page tags

成功后会提示：

INFO  Created: ~/Documents/blog/source/tags/index.md

根据上面的路径，找到index.md这个文件，打开后默认内容是这样的：

---
title: categorise
date: 2020-08-08 17:06:45
type: "categories"
---

添加type: "tags"到内容中，添加后是这样的：

---
title: tags
date: 2020-08-08 17:08:42
type: "tags"
---

保存并关闭文件。

2.2 给文章添加“tags”属性

打开需要添加标签的文章，为其添加tags属性。下方的tags:下方的- jQuery - 表格
- 表单验证就是这篇文章的标签了

---

title: 计算机网络概述
date: 2020-08-08 17:15:37
categories:  
 - 计算机网络
tags: 
 - 408
 - 网络
---

至此，成功给文章添加分类，点击首页的“标签”可以看到该标签下的所有文章。当然，只有添加了tags: xxx的文章才会被收录到首页的“标签”中。

细心的朋友可能已经发现，这两个的设置几乎一模一样！是的，没错，思路都是一样的。所以我们可以打开scaffolds/post.md文件，在tages:上面加入categories:,保存后，之后执行hexo new 文章名命令生成的文件，页面里就有categories:项了。

scaffolds目录下，是新建页面的模板，执行新建命令时，是根据这里的模板页来完成的，所以可以在这里根据你自己的需求添加一些默认值。

博客部署的基本过程就这些了，感兴趣的可以自己动手部署一个，加油
个人博客