blog
未读创建一个文件夹
在文件夹打开git
1git clone -b main https://github.com/jerryc127/hexo -theme-butterfly .git themes/butterfly
应用主题修改Hexo 根目录下的_config.yml，把主题改为butterfly
1theme: butterfly
安装插件下载安装渲染器：
1npm install hexo -renderer-pug hexo -renderer-stylus --save
重中之重
在hexo 的根目录创建一个文件_config.butterfly.yml，并把主题目录的_config.yml 内容复制_config.butterfly.yml到 去。
注意:
复制的是主题的_config.yml，而不是hexo 的_config.yml
不要把主题目录的_config.yml删掉
以后只需要在_config.butterfly.yml进行配置就行。如果使用了_config.butterfly.yml， 配置主题的_config.yml将不会有效果。
Hexo ...
1234567891011文档指路https://butterfly.zhheo.com/create.html我的主题色 : rgb(191, 219, 221)加载动画 (安知鱼)https://blog.anheyu.com/posts/52d8.html导航栏修改(安知鱼)https://blog.anheyu.com/posts/8e53.html试了一下, 每次改完网站就挂了(细节处理太麻烦了), 以后再试试其他主题
上面这些适合想要完全按照自己喜好搭建博客的仔仔啊
但是框框太懒了, 搭一半就放弃了 , 直接去用别人现成的主题去了
找到了一个现成的主题(安知鱼)https://docs.anheyu.com/intro.html
基本clone下来就可以了, 不需要过多的配置, up主已经帮我们配好了
同时推荐一下这个up主发的部署视频(默认你已经有github了啊)07.通过github page部署至互联网
记得将autodeploy.yml中的node版本改成自己电脑上的版本哦, node-version: "22.x"
自动部署, 完成之后只需 ...
路漫漫其修远兮, 路还长, 一切才刚刚开始
总体来讲, 我的大学生活算是幸运的了
冥冥之中, 自有定义初识Lec2024-07说来也巧, 加入学校官方新生群后 , 并没有很多卖卡卖被子(就一两个) 的”热心” 学长学姐加我, 我眼中的西柚学长学姐们都是十分善良的
也正是因为这一点, 在看到计算机团队在招新宣传的时候, 我才没有把团队归为社团, 部门这类相对没有意义的组织(就像一位学长说的: “能加入lec, 本身就是莫大的缘分. 有人不相信所谓的团队招新, 认为是推销骗子; 有人哪怕加入了招新群, 但在暑假没有准备开学的考试. 我们能顺利加入团队, 本身就是lec最好的选择与安排”)
2024-08感谢当时充满好奇心的我啊, 挑选了一个当时在群里发言比较积极, 看着十分乐于助人的学长(后来知道, cxh学长是lec团队非常优秀的一个人, 不仅技术好, 人也很好相处, 经常在群里发一些有用的资料 (框框经常看这个学长的blog, 争取像他一样, 进大厂!)). 后来么, 就被拉入了lec招新群.
转折点开始!
就此框框也是知道团队的存在了, 不止lec, 当时我基本把所有的计算机团队都 ...
框框灵机一动, 想在手机上面也能访问github, 这里做个记录, 免得之后忘记怎么设置了
前提我现在的手机型号是 oppo Pro12, 安卓, 电脑用的是clash verge, 节点购买的 赔钱机场
网上的资料使用电脑clash verge给手机共享代理【电脑上的准备】
1.首先打开clash verge的设置界面，打开“局域网连接”，若弹出防火墙提示，请选择允许访问
2.使用win+r快捷键，在弹出页面输入“cmd”并点击确定或回车
3.在新弹出的页面中输入”ipconfig/all“并回车
4.在显示的列表中找到“ IPv4 地址 . . . . . . . . . . . . :”一栏
【手机上的设置】
1.进入网络设置中的wifi设置，通常在你连接的wifi右侧会有感叹号图标，或者长按可以修改网络具体设置，若没有，请自行在网上查询您所使用的设备如何设置手动代理
2.在网络的具体设置中找到代理设置，通常默认为关闭，请将其设置为手动
3.在服务器一栏内填写上方电脑中获取到的ipv4地址（通常格式为192.168..或10.236..）
4.在端口一栏填写clash ...
1. Vue3简介
2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n
经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者
官方发版地址：Release v3.0.0 One Piece · vuejs/core
截止2023年10月，最新的公开版本为：3.3.4
1.1. 【性能的提升】
打包大小减少41%。
初次渲染快55%, 更新渲染快133%。
内存减少54%。
1.2.【 源码的升级】
使用Proxy代替defineProperty实现响应式。
重写虚拟DOM的实现和Tree-Shaking。
1.3. 【拥抱TypeScript】
Vue3可以更好的支持TypeScript。
1.4. 【新的特性】
Composition API（组合API）：
setup
ref与reactive
computed与watch
……
新的内置组件：
Fragment
Teleport
Suspense
……
其他改变：
新的生命周期钩子
data 选项应始终被声明为一个函数 ...
Node定义Node.js是一个基于 V8 JavaScript 引擎的JavaScript运行时的环境
Node 程序是使用 c++/ c/ js 语言编写的[[前端了解/Node/_resources/node/e49f63c48826b59143b4b3366c92cf75_MD5.jpeg|Open: Pasted image 20250522151116.png]]![[前端了解/Node/_resources/node/e49f63c48826b59143b4b3366c92cf75_MD5.jpeg]]
应用场景一: *目前前端开发的库都是以node包的形式进行管理
二: *npm、yarn、pnpm工具成为前端开发使用最多的工具；
三: 越来越多的公司使用Node.js作为web服务器开发、中间件、代理服务器；
四, 大量项目需要借助Node.js完成前后端渲染的同构应用
五, 资深前端工程师需要为项目编写脚本工具（前端工程师编写脚本通常会使用JavaScript,而不是Python或者sh ...
Mini Vue前言在尝试读懂这篇文章之前，请保证已经学习过面向对象基本知识、HTML基础、JS基础，并且有过一定的实践开发基础，不然可能会有非常多的小问号。
如果不满足上述条件，也可以试着读一读，不必为其中不懂的内容感到焦虑，后面都能学会的。
本文旨在教会读者实现一个精简版的Vue，很多Vue的功能会被简化，但是核心思想是相通的。
本文会尽可能通俗易懂、避开JS的各种生僻特性。
我们先不说Vue的事情，让我们先通过一些场景了解一点前置知识和概念——只需要知道大概是什么，没必要咬文嚼字：
一个场景里的概念：响应式数据、依赖、数据劫持、MVVM 和双向绑定看看这段代码：
12345// 我们希望这个关系恒成立： y = 2 * x + 1 let x = 10 let y = 2 * x + 1 x = 20 // x变了，但是y却不会发生变化
我们希望，x变化时y能自动地变化，而不是我们还需要手动赋值多此一举。
那么怎么实现呢？这里有一种思路是，设置一个角色专门监听x的变化，在察觉x变化时能够通知y发生变化。
这很容易做到，JS为我们提供了一个API，Object.definePro ...
祖传三件套html我是看的黑马程序员的课, 这个B站上面有很多资源建议时间: 三天
css黑马 + 📶学长发的三件套资料黑马通俗易懂,;coderwhy讲的更深入, 会涉及许多其他的知识, 听完后可以跟着做一个项目, 巩固css知识,;框框css学的比较差, ┭┮﹏┭┮
JavaScriptJavaScript就全看的coderwhy发的资料了, 讲的非常的细致, 从es6之前到后面的新版本es.个人建议可以把coderwhy的js视频全部看一遍, 重点学习他标注重点的视频
中间如果有看不懂的, 不要急. 掘金上面有很多前端大佬分享的笔记, 可以在上面淘淘. 或者直接问ai. 还能直接在官方文档里面找答案学js的时候一定不要急啊, 越急学的越慢, 还学不好
框框学js的时候心态感觉就不好. 现在想来完全没必要啊. 只要每天按部就班的在学, js在暑假之前是能学的差不多的, 心再急也没必要. 希望大家能有一个良好的心态学习, 因为让人崩溃的知识后面还有很多
工具篇看完js, 恭喜你, 马上就要进入框架的学习了后面还有node和工具的学习, 不要急, 你已经离成功不远了
按照我们这届的进 ...
HTML标签语法规范基本语法概述1.所有标签都包括在<>里面2.并且一般情况下<>都成对出现，例如：< html >(开始标签) 和< /html >(结束标签)，称为双标签3.有极少数标签必须是单个标签，例如：< br />
标签关系包含关系和并列关系![[Pasted image 20240415204232.png]]![[Pasted image 20240415204710.png]]
基本结构标签< html> 和 < /html> 内包含所有内容< head> 和< /head> 内包含头部即![[Pasted image 20240415215459.png]]< title>和< /title> 内包含标题即![[Pasted image 20240415215620.png]]< body> 和< /body>内包含主要内容即
