未读
鱼塘朋友圈部署前端方案
一个好的博客当然需要有自己的鱼塘（坏笑） 点击查看参考站点 参考方向参考站点洪哥鱼塘HEO 鱼塘也就是朋友圈使用的项目是 hexo-circle-of-friends 后端部署文档：后端部署文档 博主采用的是 server+mysql 的方式进行部署。可以自行选择部署方案，后端部署完成后你就拥有了一个 api 调用地址。 这篇文章主要讨论前端部署方案 安装插件在博客根目录[Blogroot]下打开终端，运行以下指令（与旧版前端方案不兼容，如有安装旧版请先卸载）： 123npm uninstall hexo-butterfly-fcircle --savenpm uninstall hexo-filter-fcircle --savenpm install hexo-filter-fcircle-anzhiyu --save 添加配置信息在站点配置文件_config.yml或者主题配置文件例如_config.butterfly.yml中添加 12345678910 ...
vscode常用插件推荐
工欲善其事，必先利其器。 vscode算是前端的利器了, 也有很大一部分人在使用 WebStorm , 我始终觉得它太大了于是与便弃用了。我相信 vscode 才会是前端开发工具的潮流 😭 在这里推荐几款vscode扩展插件是因为最近问的同学很多，并且给自己做一个记录。 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 首先第一个推荐的是 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code , 不得不说这名字是真长。这是一个汉化插件，可以中文化vscode, 不过总归是有汉化的不太好的地方, 比如我的编译器右键时就有一部分未翻译的，不过基本不影响日常使用已经很棒了啦。 Vue Volar extension Pack 开发 vue 的话可以安装这个扩展包，这个扩展包中包括大多数开发 vue3 中需要的扩展，其中包括格式化代码插件Prettier, 路径引入插件Path Intellisense, 自动引入包插件Au ...
未读
Heo同款loading动画
原创HEO 点击查看参考教程 参考方向教程原贴洪哥HEO 昨天看到洪哥的加载动画很奇特，就只有一个头像，之前一直以为洪哥没有加载动画原来是加载太快看不到 效果预览本站 满屏与 pace 同时启用 butterfly 4.5 以上方案修改 themes/butterfly/layout/includes/loading/fullpage-loading.pug 1234567891011121314151617181920212223#loading-box(onclick='document.getElementById("loading-box").classList.add("loaded")') .loading-bg div.loading-img .loading-image-dotscript. const preloader = { endLoading: () ...
未读
butterfly导航栏修改方案(自用方案)
点击查看参考教程 参考洪哥的导航栏修改而来。参考方向教程原贴heoheoleonus返回顶部 显示网页阅读进度 注意 ⚠️ 该教程仅为博主目前使用的方法, 如需移植还需自行修改 js, 比如回到顶部需要调用的方法是在右键菜单中定义的方法,而没有这个方法的同学,可以自行修改nav.pug中的rmf.scrollToTop()方法为btf.scrollToDest(0, 500)方法或您自己的方法, 部分 css 颜色代码您可能需要自行修改。 预览预览效果 自定义 css添加自定义 css nav_menu.css, 注意其中的颜色代码需自行替换。这里提供一份我的颜色代码。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767 ...
未读
给butterfly添加不一样的友链
点击查看参考教程 基于店长方案进行修改参考方向教程原贴店长原教程给hexo-theme-butterfly添加 Friend Link Card Beautify 预览预览效果 魔改步骤前半部分偷懒直接把店长的复制过来了。 新建友链页面。已开的可以跳过，从第 2 步开始.参照参考教程中的Butterfly 友链界面配置教程先配置好默认友链页面。 在 Hexo 博客根目录 [Blogroot]下打开终端，输入 1hexo new page link 打开[Blogroot]\source\link\index.md,添加一行type: 'link': 12345---title: linkdate: 2020-12-01 22:19:45type: 'link'--- 新建文件[Blogroot]\source\_data\link.yml,没有_data文件夹的话也请自己新建。以下是默认友链格式示例(自己写 ...
vue朝花夕拾01
声明式和命令式原生开发和 Vue 开发的模式和特点，我们会发现是完全不同的，这里其实涉及到两种不同的编程范式: 命令式编程声明式编程命令式编程关注的是 how to do自己完成整个 how 的过程;声明式编程关注的是 what to do, 由框架(机器)完成 how的过程; 在原生的实现过程中，我们是如何操作的呢? 我们每完成一个操作，都需要通过JavaScript编写一条代码，来给浏览器一个指令; 这样的编写代码的过程，我们称之为命令式编程; 在早期的原生 JavaScript 和 jQuery 开发的过程中，我们都是通过这种命令式的方式在编写代码的; 在 Vue 的实现过程中，我们是如何操作的呢? 我们会在 createApp 传入的对象中声明需要的内容，模板 template、数据 data、方法 methods;这样的编写代码的过程，我们称之为是声明式编程;目前 Vue、React、Angular、小程序的编程模式，我们称之为声明式编程; MVVM 模型MVC 和 MVVM 都是一种软件的体系结构 MVC 是 Model – View –Controller 的简 ...
未读
Mac上配置多个SSH
Mac 上配置 SSH - 多个 SSH 进入 ssh 目录，查看目录12cd ~/.sshls ls 命令效果12config id_rsa.pub id_rsa_github.pub known_hosts.oldid_rsa id_rsa_github known_hosts 生成对称加密秘钥，默认名称 id_rsa1ssh-keygen -t rsa -C "youremail@yourcompany.com" 指定秘钥名称 id_rsa_github，名字任意定1ssh-keygen -t rsa -C "youremail@yourcompany.com" -f ~/.ssh/id_rsa_github 配置 config 文件1vim config 123456789101112131415161718# gitlab rsa pub# Host相当于别名，随便取，使用的时候注意名称一致，git clone git@NBGit:anzhiyu-c/anzhi ...
未读
macOS 安装 Mysql 和 Navicat
Mysql 登录 Mysql 的官网 mysql 下载的官网 引用站外地址 mysql下载的官网 mysql官网 下载社区版的Mysql，点击下图的Mysql Community(GPL) Downloads。 然后选择Mysql Community Server。 接下来进入现在页面，这里有这个下载的链接，我们选择DMG格式的下载链接。注意：一定要选择 macOS 系统。我是M1芯片arm架构所以选择ARM 选择直接下载 下载了 dmg 格式的安装包之后，接下来的安装就比较简单了，需要注意的是：一定要选择Use Legacy Password Encryption。（备注：因为我之前选择过 Use Strong Password Encryption，但是有的时候运行项目会出现问题） 一定要记得输入密码，这个密码也是登录 mysql 的密码，非常重要。备注：如果是 8.23 版本后的 Mysq ...
未读
给butterfly添加github贡献图(Gitcalendar)
点击查看参考教程 基于店长方案进行修改参考方向教程原贴店长原教程给hexo-theme-butterfly添加 Gitcalendar 预览效果 安装 安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令： 1npm install hexo-filter-gitcalendar --save 添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件如_config.butterfly.yml中添加 123456789101112131415161718192021222324252627282930313233343536373839# hexo-filter-gitcalendar# see https://akilar.top/posts/1f9c68c9/gitcalendar: enable: true # 开关 priority: 5 #过滤器优先权 enable_page: / # 应用页 ...
未读
给butterfly添加侧边栏电子钟
点击查看参考教程 基于店长方案进行修改参考方向教程原贴店长原教程给hexo-theme-butterfly添加 侧边栏电子钟 预览效果 如果有安装店长的插件版侧边栏电子钟（与店长的电子钟冲突），在博客根目录[Blogroot]下打开终端，运行以下指令 12# 卸载原版电子钟npm uninstall hexo-butterfly-clock 安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令： 1npm install hexo-butterfly-clock-anzhiyu --save 添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加 123456789101112131415161718192021# electric_clock# see https://anheyu.com/posts/fc18.htmlelectric_clock: ...
macbook pro 2021真实体验
用了差不多一个月 macbook pro2021 的真实体验就是：真香 我手里的这款是 2021 年 7 月教育优惠下单的 M1 MAX 64G 16 寸版本等了大半个月然后在 7 月底 提前发货了 😁 收到以后的第一感觉还是没有想象中的惊艳 但是仍然让我狠狠的开心了一把 让我最为感受明显，最爽的还是这几点 重量再也不用背着我的 砖头 🧱 电脑（指我 19 年的联想拯救者 Y7000）到处走了，虽然依然不轻（作为办公本来说，但是毕竟还是 16 寸的），没办法谁让我贪 16 寸的大屏幕呢 hhh，但是和之前的拯救者比起来可好多了。 续航 🔋续航方面，我的拯救者已经被我玩成了台式机 🖥️，必须得一直插电才能用 🥱，电池已经完全老化，好几次达到不插电就直接罢工了，但新的 macbook 就不一样了，充满中度使用一天不是问题，一个小时左右就能充满，让我感觉非常的舒服 😌 系统macOS 流畅无比的感觉让我能够完全沉浸在自己的事情中，几乎不用为其他的事情分心，之前的拯救者在开启两个 vscode，一个浏览器,打出 log 都卡顿，需要等 2-3s 才能出来代码提示，让我及其难受 ...
未读
npm图床使用
首先需要注册一个 npm 的账号。访问npm 注册页面 完成邮箱验证，注册完成后进入账号管理界面:头像->Account，拉倒最上方，你会看到You have not verified your email address字样的提示，点击以后按提示步骤验证你的邮箱。 找到我们之前创建的图床仓库，在本地合适的位置把它clone下来。找个空文件夹打开终端输入 123git clone git@github.com:[username]/[AssetsRepo].git#或者git clone https://github.com/[username]/[AssetsRepo].git 在 clone 下来的[AssetsRepo]文件夹内打开终端，输入以下指令切换回原生源 1npm config set registry https://registry.npmjs.org 添加本地 npm 用户设置 1234# 仅第一次使用需要添加用户，之后会提示你输入你的npm账号密码以及注册邮箱npm adduser# 非第一次使用直接登录即可，之后会提示你输入你的npm账号密码以及注 ...
