vuepress sakura漂亮的樱花插件

最新推荐文章于 2024-05-13 09:37:51 发布
最新推荐文章于 2024-05-13 09:37:51 发布
阅读量1.7k 收藏 8
点赞数 4
分类专栏： vuepress vue plugin 文章标签： vue js github vue.js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42250901/article/details/112948964
版权

💌 vuepress-plugin-sakura

项目地址：[http://www.zpzpup.com/blog]

vue vuepress vuepress-theme-reco 感谢各位大佬 😁

📢 说明

放到开头，这里重点说明下，大家如果有啥问题咱就直接提‘Issues’吧，后面朋友遇到相同问题大家也可以参考

🏠 项目截图

📎 项目配置也是很简单

npm install vuepress-plugin-sakura -D

or

cnpm install vuepress-plugin-sakura -D

版本更新

1.1.0 修复打包报错

// 只要把这个放进 config的plugins中就可以了 有木有很简单
 [
最低0.47元/天 解锁文章
JabinPeng_
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
在vuepress博客添加樱花特效(vue樱花组件源码)
あなたの可愛い41
08-03 1113
vuepress博客还没有樱花？支棱起来！
sakura安装
08-27
Sakura是日语文本编辑器，对日本文本的编辑比较好用
探索未来技术：vuepress-theme-hope — 功能强大的 VuePress 主题
最新发布
gitblog_00002的博客
05-13 283
探索未来技术：vuepress-theme-hope — 功能强大的 VuePress 主题 项目地址:https://gitcode.com/vuepress-theme-hope/vuepress-theme-hope 如果你正在寻找一个能够让你的技术博客或文档站点脱颖而出的解决方案，那么【vuepress-theme-hope】绝对值得你一试。这个由 Mr.Hope 创建并维护的开源项目，集...
WordPress樱花飘落特效插件
u014091490的博客
02-11 3211
WordPress樱花飘落特效插件 WordPress樱花飘落特效插件，如要修改下数量，速度，图片等到插件文件的php里修改改，图片默认本地调用如不喜欢用插件的可以自己替换png图片。 php代码如下： function wpb_hook_javascript() { ?> <script src="<?php echo plugins_url('',__FILE__); ?&g...
定时给你sakura-crx插件
04-07
语言:中文 (简体) give u love & peace 使用chrome浏览器，每过1分钟小樱花会给你安慰提醒你改休息啦～时间可配置，主题可配置，a（安）v（慰）的话可配置，sakura的皂片可以自定义～
基于wordpress和Sakura主题插件搭建博客网站
weixin_46560512的博客
01-17 814
基于wordpress和Sakura主题插件搭建博客网站
vuepress-theme-hope：具有大量功能的vuepress主题:sparkles:
02-23
Vuepress主题希望 具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 官方文档/官方文档 | | 主题亮点 主题保持@vuepress/theme-default的样式，并添加了许多功能和优化： 页面增强 向Markdown添加了更多语法，从而丰富了文档和博客撰写 特克斯支持 自定义对齐 流程图 标记 Subsript和Supercript 代码演示 介绍 图片预览功能，支持： 缩放 拖曳 滑动浏览 分享 正在下载 文章信息显示 阅读次数 作者和写作日期 自动生成的字数和估计的阅读时间 标签和类别 评论系统 面包屑 页面图标 版权展示 可自定义的页脚 特征 开箱即用 全新的主题颜色，可让您在浏览过程中动态切换 暗模式，允许您根据设备设置手动切换或自动应用 全
vue樱花漫天效果文件
03-12
在“vue樱花漫天效果文件”这个项目中，我们主要关注的是如何使用Vue.js来实现一种动态视觉效果——樱花飘落的场景。这通常涉及到Vue的基本组件创建、动画处理以及图像渲染等方面的知识点。 首先，我们要理解Vue...
jedi-sakura:樱花编辑绝地插件
05-29
绝地樱花 这是什么？ jedi-sakura 用于 Python 的静态代码自动完成库 jedi ( ) 的 Sakura 编辑器 ( )。一个插件。 通过使用jedi-sakura，您可以增强Sakura Editor ...与普通的 Sakura Editor 插件相同。见下文 就这样
梦幻樱花Sakura主题ppt模板
05-09
梦幻樱花Sakura主题ppt模板，这周大家选出来的是樱花主题，的确是挺浪漫的一个提议，不知道为什么提到樱花，就会觉得很浪漫，你们也会这样吗？因为某些小伙伴不希望公子再发疯，做那种特别粉嫩的来吓你们，哈哈哈哈...
sakura-canvas:飘落的樱花花瓣背景
06-12
樱花帆布用法 var sakura = new SakuraCanvas ( { OPTIONS_HERE } ) ;sakura . init ( ) ; // make <canvas> & petalscontainer . appendChild ( sakura . getCanvas ( ) ) ; // insert canvas into documentsakura ...
vuepress（二）插件安装推荐
前端学习博客
06-05 4382
vuepress博客搭建系列文章
vuepress-theme-reco 博客主题使用
星夜辰的博客
12-28 1374
## 前提 > 安装vuepress ## 安装vuepress-theme-reco > 安装 npm install vuepress-theme-reco --save-dev > 引用 // .vuepress/config.js module.exports = { theme: 'reco' } ## 插件 > 插件安装 //内置插件不需要下载安装，直接引用就可以 npm install <pagkageName> -D
使用vuepress快速搭建个人博客
qq_41008567的博客
03-30 919
理论篇 为啥搭建个人博客？ vuepress是啥？ 为啥选用vuepress,和其他博客框架对比？ 学习vuepress博客项目主题：视频+官网 操作篇 快速搭建一个初始化博客项目 视频教程 创建文件夹vuepress_blog 快速搭建一个初始化博客项目 使用vuepress博客脚手架工具 安装vuepress博客脚手架工具 npm install @vuepress-reco/theme-cli -g 创建自己的博客项目，#my-blog-项目名称 theme-cli ini
内网穿透-Frp（1）使用樱花Frp（Sakura Frp）进行免费的内网穿透操作步骤
热门推荐
muzlei的博客
10-28 2万+
背景介绍：因需要在4G路由器(openwrt，mips架构)上提高页面和视频流展示，需要在公网能访问的，问题：4G卡不能固定IP，所以没办法使用公网+端口映射方式进行；故采取内网穿透frp方式进行公网访问，frp需要跳板机(server端)；樱花支持mips架构；经测试成功；故记录供学习参考 樱花frp-内网穿透官网：https://openid.13a.com/login 樱花frp-软...
[React框架学习笔记]React入门笔记
あなたの可愛い41
10-26 325
React入门笔记React环境准备Node安装使用什么是Node？Node的作用？NPM和Yarn的比较React介绍特性知识点编写HelloWorld基本语法代码使用npmbabel语法糖JSX介绍元素渲染组件和PropsReact生命周期事件处理条件处理列表渲染一维二维 React环境准备 Node安装使用 Npm使用 Yarn使用 Node安装使用 什么是Node？ Node.js是一个基于Chrome V8引擎的JavaScript运行环境 Node的作用？ 前端开发环境 Webpack
liunx使用sakura frp进行进行内网穿透，搭建网站
lyk520dtf的博客
02-02 4834
工具：闲置域名、闲置电脑我自己有域名和服务器，但是都快过期了，续费zjb贵，自己没啥东西要用服务器，不打算续费了刚好有台闲置电脑，打算使用内网穿透搭建一个web，玩玩看。注意事项：如果选择https隧道需要在网站上面配置ssl证书，不然访问不了。
一步步搭建 VuePress 及优化【插件系列】
weixin_33700350的博客
03-30 2704
介绍 在之前为了搭建 VuePress 的文档，顺带制作了视频教程，如今准备再次搭建一个 VuePress 的项目，一看自己的视频竟然有五个小时，天呐，我只是需要过一遍而已，所以重新整理成文档吧，万一将来又要用呢…… 当然，如果您觉得文字版不够直观，可以前往观看视频版： 【☛ 视频地址 ☚】 ，当时录制完本地测试后觉得声音大小还可以，结果一套录完了才发现声音很小，所以推荐带上耳机。 VuePres...
来了！又一个免费的内网穿透
a18065597272的博客
09-08 2657
上一篇写的是Windows+安卓的方式，鉴于很多人没有服务器，所以这里再推荐一种免费免服务器的方式。其实免服务器就是用别人家的服务器，它终究是需要个服务端的。这里选用的是樱花FRP，免费2条隧道，10G流量，10M网速，问题不大。01—准备工具樱花（SAKURA）FRP账号安卓手机ZeroTermux02—樱花注册及设置到樱花官网自行注册个账号https://www.natfrp.com/...
vue3 canvas樱花
11-09
3和Canvas都是前端开发中常用的技术，结合起来可以实现很多有趣的效果，比如樱花飘落的动画效果。下面是一个简单的实现方法： 1. 首先，在Vue3项目中安装sakura.js库，可以使用npm命令进行安装： ```bash npm install sakura-js ``` 2. 在Vue3组件中引入sakura.js库，并在mounted钩子函数中初始化樱花动画： ```javascript <template> <canvas ref="canvas"></canvas> </template> <script> import { SakuraCanvas } from 'sakura-js'; export default { mounted() { const canvas = this.$refs.canvas; const sakura = new SakuraCanvas({ canvas: canvas, width: 800, height: 600, max: 100, size: 5, colors: ['#ff7f7f', '#ff5f7f', '#ff3f7f'] }); sakura.init(); } } </script> ``` 3. 在上述代码中，我们创建了一个canvas元素，并在mounted钩子函数中获取到该元素的引用。然后，我们使用sakura.js库创建了一个SakuraCanvas实例，并传入了一些参数，比如canvas元素、画布宽度、画布高度、最大樱花数量、樱花大小和颜色等。最后，我们调用了init方法来启动樱花动画。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值