hexo初步搭建完成

要求

通过对hexo 安知鱼项目的开发文档其中的项目相关配置后进行调整后

得到了这个博客主要页面

分类 标签 留言板

展示还未弄清这几个的运行原理，但是不影响写博客的基本功能

该文档由md格式文件生成和github平台托管

在项目的开发初期阶段需要一定的时间去完善其中的各个功能

2024.5.3解决分类、标签的功能

该博客的主要功能

主要为我学习后端程序开发过程中所以遇到的各种麻烦和解决方案的提供思路

一遍于后续的学习和复习

安知鱼的使用

文章编写

在编写文章时，添加以下注解：

1、添加内容页面上部分透明的背景：

1
top_img: /img/xxx

2、添加主页的展示图片：

1
cover: /img/xxx

3、多个标签的引用：

1
2
3
tags：
	- java
	- hexo

标签页的自定义

对 source/categories/index.md文档中不使用传统的

1
2
3
4
5
6
7
---
title: 分类
date: 2022-02-23 17:56:00
aside: false
top_img: false
categories: 
---

这里外面采用自定义的带图片属性的标签页面美化：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
---
title: 分类
date: 2022-02-23 17:56:00
aside: false
top_img: false
---

<style>
  #libCategories .card-wrap:hover .card-info:after {
    width: 300%;
  }
</style>
<link rel="stylesheet" type="text/css" href="https://npm.elemecdn.com/js-heo@1.0.11/3dCard/no3d.css">

<div id='libCategories'>
<div id="lib-cards" class="container">
<a href='javascript:void(0);' onClick='pjax.loadUrl("/categories/后端开发/")'>
<card data-image="/img/categories/pre.jpg">

<h1 slot="header">后端</h1>
<p slot="content">后端学习之路。</p>
</card>
</a>

<a href='javascript:void(0);' onClick='pjax.loadUrl("/categories/生活趣事/")'>
  <card data-image="/img/categories/cent.jpg">
    <h1 slot="header">生活</h1>
    <p slot="content">和好朋友👬们一起经历的有趣事。</p>
  </card>
</a>

<a href='javascript:void(0);' onClick='pjax.loadUrl("/categories/课外知识/")'>
  <card data-image="/img/categories/left.jpg">
    <h1 slot="header">课外知识</h1>
    <p slot="content">对感兴趣的知识的探索过程</p>
  </card>
</a>

</div>
</div>

<script src='https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js' data-pjax></script>

<script type="text/javascript" src="https://npm.elemecdn.com/anzhiyu-theme-static@1.0.7/no3d/no3d.js" data-pjax></script>

等待开发的功能：

1、评论功能

2024年5月5日16点08分。

使用leancloud搭建评论功能完成

2、留言板

2024年5月4日20点28分，留言板界面开发完成

3.即刻说说功能

2024年5月5日20点08分。

完成生成，等待图床的购买。

4.加载页面更换

2024年5月28日15点15分。

参考文档
：欢迎回来♪自定义加载动画魔改方案 | SNTube Studio (satera.cn)

项目正确添加但是无法自动结束：

【Hexo博客】自定义Butterfly主题 Loading 加载动画 | 百里飞洋 (meta-code.top)