# blog_source

**Repository Path**: E-10000/blog_source

## Basic Information

- **Project Name**: blog_source
- **Description**: 我的博客源码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-26
- **Last Updated**: 2022-02-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

我的个人博客，使用了hexo上传至gitee

- 主题：hexo-theme-fluid

- 网址：https://e-10000.gitee.io/blog/

- 支持文章搜索，可为文章添加分类和标签

- 支持白天/黑暗模式

- 支持页面访问统计次数、访问人数

  ![image-20210827153225950](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827153225950.png)

![image-20210827214136356](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214136356.png)

![image-20210827214401475](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214401475.png)

![评论区](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214232201.png)

![image-20210827214431813](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214431813.png)

![image-20210827214452227](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214452227.png)

![image-20210827214538661](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214538661.png)

![image-20210827214631386](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214631386.png)

![image-20210827214653789](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210827214653789.png)



# 使用前提

## 全局安装hexo

`npm install -g hexo`

## 安装依赖
`npm install`

然后记得进入themes/hexo-theme-fluid里面也`npm install`

## 本地查看效果
`hexo server`

# 基本使用

## 推送到生产环境（gitee/github）

不是说推送就推送啊，要把对应的东西换成你自己的

### 先下载hexo自动推送工具

`npm install hexo-deployer-git --save`

### 修改你要推送的仓库地址

_config.yml中找到deploy.repo，根据上传到GitHub还是gitee修改SSH地址

### 加公钥

详情看：https://blog.csdn.net/qq_38157825/article/details/112783631

### 修改首页，然后修改搜索功能

比如你的库是`https://gitee.com/xxx/blog/`

那么在_config.yml加上`root: /blog/`

而且为了避免搜索功能失效，需要将search.path变为`path: /blog/local-search.xml`

### 设置评论区

详情看文档 https://valine.js.org/quickstart.html 

官网注册，拿到valine的appId和appKey

到themes/hexo-theme-fluid/_config.yml修改valine.appId和appKey

### 最后再推送到线上环境

推送到线上环境`npm run upload`



## 更换主题

先到/themes，找个好看的主题，从git上下载

`git clone https://gitee.com/mirrors/hexo-theme-fluid.git`

然后进入那主题`npm install `

最后再在根目录_config.yml中`theme:`修改对应的文件

`hexo clean`再重新启动



## 新创建文章

```shell
hexo new <title>
//title为文章名
```

之后会在source/_posts/  生成对应的md文件

```md
---
title: {{ title }}
excerpt: 描述
date: {{ date }}
index_img: 图片url
banner_img: 图片url
categories:
- 分类
tags:
- 标签
---

这是一张测试文章
```

其中，title，data为必填，categories为分类且只能为一个，tags为标签可以有多个。最后面就是文章正文

如果分类想几级分类，就要

`- [web前端,vue]`

![image-20210826213855944](https://cdn.jsdelivr.net/gh/E-10000/picture/img/image-20210826213855944.png)





# 相关文档

hexo：https://hexo.io/zh-cn/
fluid：https://hexo.fluid-dev.com/docs/start/
valine：https://valine.js.org/quickstart.html 



# 一篇文章为2个分类
就一篇文章，比如又是mysql又是php，要这样写
```markdown
categories:
  - [mysql]
  - [php]
```
就会是这样效果
![](https://cdn.jsdelivr.net/gh/E-10000/picture/img/202202181621235.png)