WCY的博客

明明在typora里上传图片了，在COSBower和腾讯云里都能看到文件，但不能通过网页链接查看图片，很烦 无法访问图片，通过picgo设置改域名解决 在picgo的图床设置里的设定自定义域名里填了公网IP地址，好像无法访问 把ip删了（也不是必填项），就能通过https://butterfly-xxx.cos.ap-shanghai.myqcloud.com/typora-images/xxxx.png 访问了 typora也自动上传到这个网址 后续把服务器备案了，通过域名来存图 加载速度用手机登了网站，发现加载超级慢（还没写md文件，只改了样式）。感觉只能是图片的原因了，几张图片十多MB，下载确实得下一会，有几个办法缓解 删除几张背景图，用一张图片做背景图 把备份的文件删了（butterfly的source文件夹里的文件可能在更新后被覆盖，所以备份了） 搞明白这里面文件路径到底怎么写，把文件放其他文件夹 把背景图上传图床，不用研究文件路径，直接通过网址访问

今天分支写成main，和master不一样，给我搞炸了，记录一下git操作经验，以后再多练练 gitee创建仓库创建仓库，最下面几个框别选，创建完才有教程代码，能直接复制 分支名写错最稳妥的方式还是老办法，先创建一个仓库，然后在桌面新建文件夹 1git clone 把.git文件夹移到要上传的文件夹里，然后上传代码 123git add .git commit -m “” git push 就不用管分支啊，remote啊啥的了代码文件夹复制有时候超慢，还是直接仓库里clone下来快 本地代码上传代码文件夹里 12345git initgit add .git commit -m "first commit"git remote add origin https://gitee.com/creek19/xxxx.gitgit push -u origin "master" 就完事了 .git文件一个文件里应该只有一个.git文件夹，子文件夹里有.git文件夹可能导致该文件夹无法上传 默认是隐藏的，需要在文件资源管理器里打开，点击上方查看，勾 ...

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment

git bash 和 cmd看别人在git bash 里下载hexo，不是cmd搜了下npm install -g hexo-cli在git bash里运行还是cmd里运行，有啥区别 Git Bash:Git Bash 是一个基于 Bash 的终端，为 Windows 用户提供了一个类 Unix 的环境。在 Git Bash 中安装全局 npm 包，通常不会受到系统权限的限制。Git Bash 通常用于 Git 操作，但也可以用于其他需要 Unix 环境的命令。 CMD:CMD 是 Windows 的原生命令行工具。在 CMD 中安装全局 npm 包，可能会因为权限问题而需要管理员权限，尤其是当你尝试安装到系统路径时。CMD 通常用于 Windows 系统的操作。 Yum命令无法使用yum 是 Red Hat 系列的包管理器，比如 CentOS 或 Fedora，而不是 Ubuntu 的。Ubuntu 使用的包管理器是 apt，因此您应该使用 apt-get 或者 apt 命令来安装软件包。另外包的名称可能与在 yum 中使用的名称不完全相同，因为不同的 Linux 发行版可能会使 ...

vue3用pinia取代vue2的vuex，学一下pinia pinia是干嘛的用来组件之间共享数据 怎么用 先下载npm install pinia 然后在main.js里引入pinia 从下载的pinia里引入 createPinia函数，就可以通过createPinia函数创建了 123456//第一步：引入piniaimport {createPinia} from 'pinia'//第二步：创建piniaconst pinia = createPinia()//第三步：安装piniaapp.use(pinia) 使用Pinia里的数据Pinia里的数据是用reactive定义的对象里的属性，所以用的时候不需要加.value 存储共享数据 新建一个store文件夹 在store文件夹里创建一个，名字和要存储数据的组件名一样或差不多的，js或ts文件 引入defineStore函数，创建一个新函数（起不同名字来区分）调用defineStore，函数有2个参数，第一个是id名字（随便起），第二个是配置对象。 state要写成一个函数， ...

发现Option里的value值会被当做字符串，在sum.value+n.value时会变成字符串拼接 把字符串变成数字方法value前加：，变成v-bind12345678910111213141516<template> <h2>{{sum}}</h2> <select v-model="n"> <option :value>1</option> <option :value>2</option> <option :value>3</option> </select> <button @click="add">加</button> <button @click="minus">减</button></template>&l ...

将特定的路径，重新定向到已有路由 在router文件夹的index.ts文件中配置实现只要输入网址，就能跳转进入home页面 1234{ path:'/', redirect:'/home'}

后续再更新，主要4个阶段，create、mount、update、destory vue2的生命周期 mounted()挂载完毕，是把组件渲染到页面上的 beforeupdate和updated是页面的数据刷新，刷新一次调用一次，可能调用好几次，而创建和挂载只能调用一次 beforedestroy和destroyed是组件销毁，用v-if，变成false时会调用，注意如果用的v-show，变成false不会调用 vue2的生命周期 要用生命周期函数需要先引入，import，vue2不需要 创建前和创建完毕被setup()取代，所以创建可以直接在<script setup>标签里写 除了要加on以外，还得用驼峰式，要大写（on不用），onBeforeMount、onMounted 另外，vue2里的销毁在vue3里变成了卸载从beforedestroy和destroyed变成了onBeforeUnmount和onUnmounted 父子生命周期 子先挂载，父再挂载，最后是App组件（App.vue） 常用的钩子 onMounted(挂载完毕)、onUpdated(更新完 ...

之前一直看要求熟悉webpack，原来vue-cli就是基于webpack，那我再熟悉不过了 区别 vite能创建react和vue,vuecli只能创建vue Vuecli要把module全部加载完，vite用什么就加载哪些module在vscode里启动项目时（npm run dev），vite会快很多

watch监视数据的变化 vue2和vue3 watch的写法区别 从vue2的配置项变成了vue3的函数 Vue3函数式写法，要先把watch函数imoport（同样，computed、ref、reatcive也要import） 1import {ref,watch} from 'vue' Watch能监视以下四种数据 ref定义的数据 reactive定义的数据 函数返回一个值（getter函数） 一个包含上述内容的数组 五种监视情况情况一：监视ref定义的【基本类型】数据 参数是ref数据，而不是数据的值，所以不要加.valu 一共两个参数，第一个是监视的数据，第二个是回调函数，用箭头函数来写 12345678910111213<script lang="ts" setup name="Person"> import {ref,watch} from 'vue' // 数据 let sum = ref(0) // 方法 fun ...