Cyan Blog Cyan Blog
首页
  • Java (opens new window)
  • JUC (opens new window)
  • JVM (opens new window)
  • Redis

    • Redis安装 (opens new window)
    • Redis基础 (opens new window)
    • Redis实战 (opens new window)
    • Redis集群安装 (opens new window)
    • Redis分布式缓存 (opens new window)
    • Redis多级缓存 (opens new window)
    • Redis原理 (opens new window)
  • 管理工具

    • Maven (opens new window)
    • Git (opens new window)
  • SSM

    • Spring (opens new window)
    • SpringBoot (opens new window)
    • Mybatis (opens new window)
    • MybatisPlus (opens new window)
  • 微服务

    • Docker (opens new window)
    • RabbitMQ (opens new window)
    • SpringCloud (opens new window)
    • Dubbo (opens new window)
    • MongoDB (opens new window)
    • Zookeeper (opens new window)
  • Java面试题 (opens new window)
  • JUC面试题 (opens new window)
  • JVM面试题 (opens new window)
  • Linux面试题 (opens new window)
  • SQL面试题 (opens new window)
  • Maven面试题 (opens new window)
  • Redis面试题 (opens new window)
  • SSM面试题 (opens new window)
  • SpringCloud面试题 (opens new window)
  • Linux (opens new window)
  • C++ (opens new window)
  • 数据库

    • MySQL (opens new window)
    • NoSQL (opens new window)
  • 软件测试

    • 软件测试 (opens new window)
  • 加密解密 (opens new window)
  • bilibili字幕提取 (opens new window)
  • 道理 (opens new window)
  • 关于博主

    • Github (opens new window)
    • CSDN (opens new window)
  • 关于本站

    • 如何搭建博客网站 (opens new window)
首页
  • Java (opens new window)
  • JUC (opens new window)
  • JVM (opens new window)
  • Redis

    • Redis安装 (opens new window)
    • Redis基础 (opens new window)
    • Redis实战 (opens new window)
    • Redis集群安装 (opens new window)
    • Redis分布式缓存 (opens new window)
    • Redis多级缓存 (opens new window)
    • Redis原理 (opens new window)
  • 管理工具

    • Maven (opens new window)
    • Git (opens new window)
  • SSM

    • Spring (opens new window)
    • SpringBoot (opens new window)
    • Mybatis (opens new window)
    • MybatisPlus (opens new window)
  • 微服务

    • Docker (opens new window)
    • RabbitMQ (opens new window)
    • SpringCloud (opens new window)
    • Dubbo (opens new window)
    • MongoDB (opens new window)
    • Zookeeper (opens new window)
  • Java面试题 (opens new window)
  • JUC面试题 (opens new window)
  • JVM面试题 (opens new window)
  • Linux面试题 (opens new window)
  • SQL面试题 (opens new window)
  • Maven面试题 (opens new window)
  • Redis面试题 (opens new window)
  • SSM面试题 (opens new window)
  • SpringCloud面试题 (opens new window)
  • Linux (opens new window)
  • C++ (opens new window)
  • 数据库

    • MySQL (opens new window)
    • NoSQL (opens new window)
  • 软件测试

    • 软件测试 (opens new window)
  • 加密解密 (opens new window)
  • bilibili字幕提取 (opens new window)
  • 道理 (opens new window)
  • 关于博主

    • Github (opens new window)
    • CSDN (opens new window)
  • 关于本站

    • 如何搭建博客网站 (opens new window)
  • 零成本搭建个人博客网站
  • 从零开始搭建博客
  • 更多配置
  • 域名
  • 图床
  • 同步GitHub和Gitee
  • 自动部署
  • 代码私有
  • 评论区
  • 站点信息
  • MoreMore
    • 添加自定义工具
    • 优化首页
    • 首页大图
    • 全局事件提示
    • 目录优化
    • 打标签titleTag
    • 加载进度条
    • 隐私博客
    • 待办事务(xm)
    • 热门文章
  • 障碍与反思
  • Blog
2025-03-31
541
2.2m
目录
添加自定义工具
优化首页
首页大图
全局事件提示
目录优化
修改项目名称
打标签titleTag
加载进度条
隐私博客
待办事务(xm)
热门文章

MoreMore未完成

#

、

# 添加自定义工具

编写vue组件

在md中导入并使用

<CryptoTool />

<script setup>
import CryptoTool from '../.vuepress/tools/CryptoTool.vue'
</script>
Copied!

# 优化首页

# 首页大图

# 全局事件提示

TODO

# 目录优化 (opens new window)

我的目录路径图可以参考

.vuepress
├── common
|   └──head.ts
├── components
|   ├──PageInfo.vue
|	├──Twikoo.vue
|	└──WebInfo.vue
├── config
|	└──themeConfig.ts
├── dist //构建的项目
├── nav
|	└──nav.ts
├── plugins
|	└──plugins.ts
├── public
│   └── img
|        └──logo.png
├── styles
├── webSiteInfo
|	├──busuanzi.js
|	├──readFiles.ts
|	└──utils.js
└── config.js

Copied!
  • 修改后的文件里的路径修改就交给你们自己了

  • 其中可以将logo放在public里,我放在public/img中,

    • 因为public 目录是一个特殊的目录,用于存放静态资源。这些资源会被直接复制到构建输出的根目录下,可以通过根路径 / 访问。

    • 所以在head.ts、themeConfig.ts和index.dm中访问你的logo图片都可以使用路径 '/img/logo.png'

# 修改项目名称

我们创建了blog-img,blog-code,为了统一分类,我把仓库名cyanyep改为了blog-pages

还需要修改deploy.yml中的仓库名 external_repository: cyanyep/blog-pages #用户名/仓库名

# 打标签titleTag

title: MoreMore
date: 2025-03-31 19:13:22
permalink: /Blog/Moremore/
titleTag: 未完成
categories:
  - Blog
tags:
  - 
Copied!

# 加载进度条

# 隐私博客

  • 如果不想让别人看到自己未完成的的文章,可以使用标签,来隐藏自己的文章。不过这样依然可以通过路径查看,但是一般人应该不知道路径是什么。

  • 文件名不要加序号01.,不然会生成在你同级文章的侧边栏中,

acticle: false
hide: true
Copied!

使用自定义标签+脚本 TODO

可能有的文章还没写好不想公布或者想要写在一起但是不想被部署到网站上被看,可以通过自定义标签+脚本。

【腾讯文档】vuepress可以build时忽略某些md吗 https://docs.qq.com/aio/DWXNiYmhLYXdzcURs

# 待办事务(xm)

# 热门文章

根据文章的访问量生成热门访问推荐列表

。。。

未完待续


参考

上次更新: 2025/5/3 23:15:15
站点信息
障碍与反思

← 站点信息 障碍与反思→

最近更新
01
md
06-10
02
Redis
06-10
03
HBase
06-10
更多文章>
Theme by Vdoing | Copyright © 2025-2025 Cyan Blog
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式