最新Hello World
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
hexo+butterfly 外挂标签使用
这里记录我习惯用的外挂标签,同时也是为了让自己写文章更美化,也是为了记录我使用插件,为了后续可以使用,这里记录它的插件安装过程和使用的渲染。 原教程: 糖果屋店长原教程 安装插件 安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令: 1npm install hexo-butterfly-tag-plugins-plus --save 考虑到hexo自带的markdown渲染插件hexo-renderer-marked与外挂标签语法的兼容性较差,建议您将其替换成hexo-renderer-kramed。 12npm uninstall hexo-renderer-marked --savenpm install hexo-renderer-kramed --save 添加配置信息,以下为写法示例 在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加 123456789101112131415# tag-plugins-plus# see https://akilar.top/posts/615e2dec/ta ...
Waline 实现动态说说
这是我找到的一篇关于Waline动态说说的部署方法,我直接搬过来了,当然你不喜欢这个也可以去看安知鱼 的说说部署方式,看自己的喜好来布置。 也可以去看:BBtalk,Artitalk,小康哔哔。 转自: RootlexWaline 实现动态说说 由于我用的不是这个,其中有什么问题,可以留言,后面大家一起研究! 优点 没有本地局限性 支持 heo 同款瀑布流 无需额外部署 引入 js 代码创建自定义js文件名,放到blog\themes\butterfly\source\js文件夹下(可以自定义一个文件夹,方便管理)。 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263var percentFlag = false; // 节流阀var ...
添加昼夜切换动画
这里我们来加载一个昼夜切换过程,让你的博客切换不这么单调。 在\themes\butterfly\layout\includes下新建sun_moon.pug。 这里加载的是动画效果,我们后面还需要js来操纵这个效果 123456789svg(aria-hidden='true', style='position:absolute; overflow:hidden; width:0; height:0') symbol#icon-sun(viewBox='0 0 1024 1024') path(d='M960 512l-128 128v192h-192l-128 128-128-128H192v-192l-128-128 128-128V192h192l128-128 128 128h192v192z', fill='#FFD878', p-id='8420') path(d='M736 512a224 224 0 1 0-448 0 2 ...
JMeter和java8安装
jdk下载和安装 注:因为JMeter运行需要依赖jdk环境,所以在安装JMeter之前需要配置安装jdk且配置好环境变量,需要jdk8以上的版本(这里推荐安装java8版本就够了)。 jdk下载:JMeter下载地址 这里就不截图了,找到自己的系统版本,下载就可以了。 注:这里下载需要一个登录账号,你需要注册一个。 jdk安装点击安装包,并点击下一步。 后面还有jre安装,路径记得更改。 配置环境变量 环境配置 打开高级系统设置(用系统的搜索就可以找到),打开环境变量,在系统变量下创建一个JAVA_HOME变量名,并且找到你的jdk安装路径。 123变量名:JAVA_HOME变量值:jdk的安装路径 这里再添加一个ClassPath变量,方法和java-home一样,在系统变量下创建一个ClassPath变量,引入变量值。 12变量名:ClassPath变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; 找到Path,进入界面新建两个java环境变量。 12%JAVA_HOME%\bin%JAVA_HO ...
添加追番页面
转自: hclonelyhclonely blog 安装插件1npm install hexo-bilibili-bangumi --save 配置文件将下面的配置写入主题的配置文件_config.yml下(不是主题的配置文件) 12345678910111213bangumi: # 追番设置 enable: true source: bili path: vmid: title: '追番列表' quote: '生命不息,追番不止!' show: 1 loading: metaColor: color: webp: progress: 参数释义 参数 释义 enable 是否启用 source 据源,仅支持番剧,bili:哔哩哔哩源;bgm:Bangumi源 path 默认bangumis/index.html,cinemas/index.html vmid 哔哩哔哩的vmid(uid) title 该页面的标题 quote 写在页面开头的一段话,支持 html 语法,可留空 sho ...
添加和风天气插件
注册和风天气 注册网址: 和风天气官网地址 插件名称随便写 内容自定义 样式自行斟酌修改,根据自己到达博客情况进行修改(背景颜色最好是透明) 生成代码 引入文件新建css和js 创建名为weather.js文件名,放入到\themes\butterfly\source\js\文件夹下。 把以下代码放入到weanther.js下 123456789101112131415161718WIDGET = { "CONFIG": { "modules": "012", "background": "5", "tmpColor": "FFFFFF", "tmpSize": "16", "cityColor": "FFFFFF", "citySize": "16", "aqiC ...
hexo+butterfly添加背景特效
收集好看的特效,这些是比较符合我心意的,如果还找到其它的,我会继续更新到下面 新建themes\butterfly\source\js目录下,自定义文件夹保存背景特效(大部分都是取名困难症,直接用别人的了)。 雪花特效1.大雪花(有齿轮)新建snowflake.js 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748/*样式一*/(function ($) { $.fn.snow = function (options) { var $flake = $('<div id="snowbox" />').css({ 'position': 'absolute', 'z-index': '9999', ...
给butterfly添加顶部加载进度条
转自Xlenco站外链接 Dome显示的效果: 引入 css123456789101112131415161718192021222324252627282930313233343536373839404142434445464748.pace { pointer-events: none; user-select: none; z-index: 2; position: fixed; margin: auto; top: 4px; left: 0; right: 0; height: 8px; border-radius: 8px; width: 6rem; background: #eaecf2; overflow: hidden;}.pace-inactive .pace-progress { opacity: 0; transition: 0.3s ease-in;}.pace.pace-inactive { opacity: 0; transition: 0.3s; top: -8px;& ...