我的个人博客

mynotes

站点：https://zhaoxi7109.github.io/
GitHub地址：https://github.com/zhaoxi7109/mynotes/tree/main
gitee地址：https://gitee.com/zhaoxi7109/mynotes.git

项目简介

这是一个使用Vueperss-hope搭建的个人博客，功能，UI各方面都比较的简单（虽然我差点炸裂），大部分功能和界面都已经由框架完成了，只需要自己进行简要配置即可。值得一提的是开发阶段都是文章和很多的界面都是由md文件形式转换成vue，所以需要对markdown语法有一定了解。

vuepress-hope官网：https://theme-hope.vuejs.press/

项目环境

项目的搭建是有一定环境要求的，我使用环境如下：

• node v18.14.2 （node里面带有了npm）

• vuepress-hope 2.33

效果展示

为了避免网站崩掉看不到效果，所以将主要效果展示在如下：

• 主页（首页），

顶部导航栏可以跳转到其他功能块，右侧可以切换主题色和白天和黑夜

• 快速导航页，是一些小工具网站导航

• 博客主页

• 代码笔记页面，存放的是我日常的笔记

在这里插入图片描述

其他部分就不再展示。

下载部署

将项目源代码克隆到本地，使用vscode打开，在终端执行

npm run docs:dev

注意版本之间的适配，如果没报错的话就能在本地启动，可以工具自己的需求更改配置。

日志

这并不是最初版，而是修改了一次的产物。主要更改如下：

2023.7.20

• 修改了部分错误，
• 修改了选择主题色不显示的bug
• 优化了博客侧边栏显示内容
• 更新了笔记

后言

这个项目整体来说需要弄得东西并不多，并且我也是工具别人得源码来加以更改，但是实际实现得时候却发送很多意想不到得插曲或者是bug。我配置得主题色选择在配置后得前几下都没问题，但是我重新配置其他内容之后那个按钮就会莫名其妙的不见了，但最后部署完了又好了。有一个是图片路径写错了，但本地运行时并没有错，部署完之后图片没显示，结果只有回头来改bug。有几个可能是md文件格式不对，导致跳转到该页面就直接报错了，也是删改了不少内容。最得提的一点还是部署问题，看着很简单的问题却花了我很多时间，主要还是因为gitee实名失败了，另外就是GitHub pages不熟，还有就是不经常使用git，所以踩了很多坑。

总的来说还可以，这算是一次总结，也算是一次开始。今后我将会持续更新笔记，学习新知识。