正文

打造自己的博客试着添加这两个有意思的插件吧？(代码片段)

余光、  余光、  2022-10-21  176

关键词：

利用Vuepress打造自己的静态网站

🎆 上手难度低、扩展性强、0成本
😊 手把手教你托管自己的个人网站，包含评论+自动化构建推送+GithubPages在线地址预览
📚 收藏不走丢啊～

在《打造自己的博客（一）》中，我实现基本的博客网站搭建，其中包括了自动发布、评论浏览等等基本又实用的功能，效果传送门

今天我们来丰富自己的网站吧？看看下面那个插件是你最感兴趣的～

一、看板娘

插件地址：https://vuepress-theme-reco.recoluan.com/views/plugins/kanbanniang.html

安装：

yarn add @vuepress-reco/vuepress-plugin-kan-ban-niang -D

使用：

plugins: [
        [
            "@vuepress-reco/vuepress-plugin-kan-ban-niang",
            
                theme: ["haru1"], // 主题有多个，并支持换肤，如果仅设置了1个主题，则隐藏换肤功能
            ,
        ],
    ],

效果：

二、修改光标效果

插件地址：https://github.com/moefyit/vuepress-plugin-cursor-effects

安装：

yarn add vuepress-plugin-cursor-effects -D

使用：

plugins: [
  ['cursor-effects', 
    size: 2, // size of the particle, default: 2
    shape: 'star', // ['star' | 'circle'], // shape of the particle, default: 'star'
    zIndex: 999999999, // z-index property of the canvas, default: 999999999
 ]
]

效果：

写在最后

实用插件传送门

仅推荐这两个插件，并不是因为其他插件不够，而是我觉得这两个插件属于“锦上添花”型的插件，很多功能型的插件相信大家自己在打造网站时早就有了腹稿，加油啊～

热门开源项目-欢迎star鼓励

打造自己的博客试着添加这两个有意思的插件吧？(代码片段)

利用Vuepress打造自己的静态网站🎆上手难度低、扩展性强、0成本😊手把手教你托管自己的个人网站，包含评论+自动化构建推送+GithubPages在线地址预览📚收藏不走丢啊～在《打造自己的博客（一࿰... 查看详情

将自己的博客园，打造成个人知乎

将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造成个人知乎将自己的博客园，打造... 查看详情

美化你的博客园！(代码片段)

偶尔见到别人的博客侧边栏有一些很有意思的flash插件，也想加入到自己博客里面，这里来大概讲一下~一、支持js代码首先要在博客设置>开启博客侧边栏公告的js代码支持，提交审核后很快就会通过，如图：二、添加f... 查看详情

打造自己的博客利用vuepress完成博客整体搭建，并支持评论和自动发布(代码片段)

利用Vuepress打造自己的静态网站🎆上手难度低、扩展性强、0成本😊手把手教你托管自己的个人网站，包含评论+自动化构建推送+GithubPages在线地址预览📚收藏不走丢啊～一、VuePress本小节会帮助你从头搭... 查看详情

博客美化：为你的博客添加音乐插件

无意中发现，心血来潮就试着放到博客里。以网易云音乐为例，其他播放器插件大同小异。1.效果2.添加到博客2.1播放器插件　　主流的都可以，官方都提供外链：网易云、虾米　　拿网易云来说：<iframeframeborder="no"border="0... 查看详情

给自己的博客添加一个侧边栏(代码片段)

　　如何不使用JS，给自己的博客添加一个酷酷的侧边导航栏呢？详情请查看右侧导航栏，这是我自己做的一个导航栏，分别作用是：展示手机号，展示QQ，展示微信，跳转自己想要的网址（这里我放的是自己的还未完成的博客... 查看详情

打造自己的博客利用vuepress完成博客整体搭建，并支持评论和自动发布(代码片段)

博客园添加一个分享的(代码片段)

给自己的博客添加一个分享的按钮吧！！可以遇见更多志同道合的人呀！！！使用百度的一键生成按钮就可以了：http://share.baidu.com/code或者自己写一个也是一样的<scripttype="text/javascript">v... 查看详情

装饰博客添加宠物

...sp;https://www.cnblogs.com/DDiamondd/1、在http://abowman.com/选择一个自己喜欢的宠物 2、从上面复制的代码中有两个url（两个都是一样的）在浏览器中打开url（是一个下载界面内容就是那个宠物的动画）下载之后是一个 .swf文件 3... 查看详情

1024实战一下手把手教你打造自己的个人网站，并支持自动发布，添加评论(代码片段)

打造自己的静态网站🎆上手难度低、扩展性强、0成本😊手把手教你托管自己的个人网站，包含评论+自动化构建推送+GithubPages在线地址预览📚收藏不走丢啊～实战源代码仓库-来个star鼓励一下吧一、VuePr... 查看详情

1024实战一下手把手教你打造自己的个人网站，并支持自动发布，添加评论(代码片段)

《三分钟，在github上开启自己的博客》(代码片段)

咳咳,这几天用博客园实在有点不方便，譬如添加图片啥的，不过免费又无广告，我就也不要自行车了。三分钟，教在GitHub上开启个人博客。当然这也是一个玩笑，不过利用GitHub托管，你把它当个人博客用似乎也没什么不行，就... 查看详情

打造企业自己代码规范idea插件（中）

一些基本概念在开始独立研发公司自己的代码规范检查规则之前，先介绍一些相关的基本概念。阿里巴巴代码规范很多规则其实都是基于开源框架PMD进行的研发。PMD用官方的话语介绍来说：PMD是一个源代码分析器。它可以发现常... 查看详情

外星地图的由来

...年的一段经历。当时的博客还没有现在这么凋零，有很多有意思的博客博主在一些公共博客平台记录自己的小生活。而我，就通过这些blog来看他们那丰富多彩的经历。其中有一个id为GraceXiong的浙大学姐，她的Blog位于博客大巴，... 查看详情

怎样在博客园中添加自己的导航栏

原本想在博客园中添加自己的导航栏，摸索一番后才发现，博客园没有提供添加自己导航栏的功能。要是能自己写js来添加应该也是可以的，于是申请了js权限，申请了好多次都不通过，~~o(>_<)o~~，今天终于审核通过了，自己... 查看详情