右键圆圈六环选项
预览
首先
打开网址下载文件包，然后上传到服务器上。https://gitee.com/flurrychan/acggg/blob/master/123.rar本人整包上传地址为/wp-content/themes/Sakura/
如跟随上传地址，则修改打开的链接跟文字即可。否则需要修改 文件链接地址。
复制下面代码， <head> <link rel="stylesheet" type="text/css" href="/wp-content/themes/Sakura/123/css/normalize.css" /> ## 需要绝对地址链接<link rel="stylesheet" href="/wp-content/themes/Sakura/123/css/AshenMenu.css" /> ## 需要绝对地址链接<div class="AshenMenu AshenDropDo ...
配置手机 PC 页面白天黑夜共四个背景图
直接动工
我们在 hexo根目录 \source\css 或者 主题 \themes\butterfly\source\css 目录内 创建一个css文件 例如: css.css
复制下面css代码进去文件 ，修改文件中的图片改为自己的图片 例如: url(../img/beijing.jpeg); 改为 url(您的图片网址);
/*背景*/#web_bg { background: url(../img/beijing.jpeg); #浅色模式背景图}@media screen and (max-width:860px) { #web_bg {background: url(../img/shouji.jpeg); #浅色模式手机背景图}}[data-theme='dark'] #web_bg { background: url(../img/ybeijing.jpeg); #深色模式背景图}@media screen and (max-width:860px) { ...
配置手机 PC 页面白天黑夜共四个背景图
直接动工 方法 一sakura跟sakurairo 都可以使用
我们首先创建一个css文件 例如: css.css
复制下面css代码进去文件 ，修改文件中的图片改为自己的图片 例如: url(../img/beijing.jpeg); 改为 url(您的图片网址);
/*背景*/figure#centerbg { background: url(../img/beijing.jpeg);}@media screen and (max-width:860px) {figure#centerbg {background: url(../img/shouji.jpeg);}}#centerbg { background: url(../img/ybeijing.jpeg);}@media screen and (max-width:860px) {#centerbg {background: url(../img/yshouji.jpeg);}}figure#ce ...
sakura本地化包跟回复可见
sakura本地化包下载 文件放在gitee仓库之中，除了表情包之外，基本都本地化了。下载地址：
https://gitee.com/flurrychan/acggg/blob/master/Sakura.part1.rarhttps://gitee.com/flurrychan/acggg/blob/master/Sakura.part2.rar总数分两卷…
经过2天时间的奋斗，终于把sakura的大部分文件都保存在本地，妈妈再也不怕我的cdn，jds爆炸了。XD
主题包的小部分修改
对于主题包，本人呢也作出了小部分的内容修改，不喜欢的朋友也可以修改回去..网站右下角的 top 猫，更换为 萝莉jump,隐藏了切换主题的按钮…本站所使用的字体文件，修复播放器跟增加移动版本播放器，点击交互自动播放等但是我喜欢原本的呢？应该怎样复原…?打开主题包内footer.php 文件 ，大约100-141 行代码，取消注销即可还原切换主题，在主题包的 \Sakura\Sakura\killua\images 中的scroll.png 图片删除，把1scroll.png 改回scroll.pn ...
对于sakura的播放器修复方法跟移动端显示
修复播放器对于 sakura 的播放器失灵，很多人都不知道如何修复 sakura 的播放器，今天就直接发个文章教程，直接修复.
修复方法很简单，先下载最新的Meting.php 文件，下载地址：
https://cdn.jsdelivr.net/gh/flurrychan/cdn/Meting.php ，后手动替换 v3.3.9 主题inc/classes 目录中的 Meting.php 这个文件，最后刷新页面缓存即可生效。
移动端显示播放器首先下载文件 sakura-app.js , 下载地址:https://cdn.jsdelivr.net/gh/flurrychan/cdn/sakura-app.js ,然后手动替换 sakura 主题的js 文件夹里面的sakura-app.js 文件即可。
Git ssh 配置及使用方法
这篇文章主要介绍了Git ssh 配置及使用方法,需要的朋友可以参考下
这篇教程是在电脑上已经安装好git的前提之上的，要进行以下配置，请先确保你的电脑已经安装好git。以下配置步骤是在git bash里面进行配置的，可以通过 右键》 git bash here 打开在管理Git项目上，很多时候都是直接使用https url克隆到本地，当然也有有些人使用SSH url克隆到本地。
这两种方式的主要区别在于：使用https url克隆对初学者来说会比较方便，复制https url然后到git Bash里面直接用clone命令克隆到本地就好了，但是每次fetch和push代码都需要输入账号和密码，这也是https方式的麻烦之处。
而使用SSH url克隆却需要在克隆之前先配置和添加好SSH key，因此，如果你想要使用SSH url克隆的话，你必须是这个项目的拥有者。否则你是无法添加SSH key的，另外ssh默认是每次fetch和push代码都不需要输入账号和密码，如果你想要每次都输入账号密码才能进行fetch和push也可以另外进行设置。前面的几篇介绍Git的博客里面采用的都是htt ...
hexo中的一些标签写法
默认 提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
{% note simple %}默认 提示块标签{% endnote %}{% note default simple %}default 提示块标签{% endnote %}{% note primary simple %}primary 提示块标签{% endnote %}{% note success simple %}success 提示块标签{% endnote %}{% note info simple %}info 提示块标签{% endnote %}{% note warning simple %}warning 提示块标签{% endnot ...
hexo备份方法
使用Hexo在github搭建的博客，博客作为一个单独的GitHub仓库存在，但是这个仓库只有生成的静态网页文件，并没有Hexo的源文件，如果要换电脑或者重装系统后，就比较麻烦了，这里推荐一种方法。(github,gitee的方法太多，不记录了)只记录一下简单的本地备份，以防换电脑，电脑坏了。
备份hexo的源文件这里说一下为什么只需要拷贝6个，而不需要全部：
_config.yml站点的配置文件，需要拷贝；
themes/主题文件夹，需要拷贝；
source博客文章的.md文件，需要拷贝；
scaffolds/文章的模板，需要拷贝；
package.json安装包的名称，需要拷贝；
.gitignore限定在push时哪些文件可以忽略，需要拷贝；
.git/主题和站点都有，标志这是一个git项目，不需要拷贝；
node_modules/是安装包的目录，在执行npm install的时候会重新生成，不需要拷贝；
public是hexo g生成的静态网页，不需要拷贝；
.deploy_git同上，hexo g也会生成，不需要拷贝；
db.json文件，不需要拷贝。
其实不需要拷贝的 ...
为hexo安装一个可爱的看板娘
今天我们准备为hexo博客添加一个可爱的live2d(看板娘)。
首先，安装npm包：npm install --save hexo-helper-live2d
然后在hexo的配置文件_config.yml中添加如下配置，详细配置可以参考文档：live2d: enable: true scriptFrom: local pluginRootPath: live2dw/ pluginJsPath: lib/ pluginModelPath: assets/ tagMode: false debug: false model: use: live2d-widget-model-shizuku //模型的名称 display: position: right // 右边，左边输入 left width: 150 height: 300 mobile: show: true //手机显示，关闭输入 false
然后下载模型，模型名称可以到这里参考，一些模型的预览可以在这里。所有模型列表如下：
live2d-widget-m ...
帮hexo安装播放器
首先安装播放器插件hexo-tag-aplayer
npm install --save hexo-tag-aplayer
安装完成后在根目录的配置文件添加
aplayer: meting: true asset_inject: false
然后在主题的配置文件添加播放配置
inject: head: bottom: - <div class="aplayer no-destroy" data-id="440999611" data-server="netease" data-type="playlist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-preload="none" data-autoplay="true" muted></ ...
手把手教你用Hexo+Github搭建属于自己的博客(详细图文)
越来越多的朋友选择自己架设自己的博客，以来方便个性样式二来也能带来不少收入，大部分朋友都会选择wordpress搭建个人博客，这里为大家分享使用Hexo+Github搭建开发者博客的方法,需要的朋友可以参考下
大概可以分为以下几个步骤搭建环境准备（包括node.js和git环境，gitHub账户的配置）安装Hexo配置Hexo怎样将Hexo与github page 联系起来怎样发布文章主题 推荐主题Net的简单配置添加sitemap和feed插件添加404 公益页面搭建环境准备
大概可以分为以下三步
Node.js 的安装和准备
git的安装和准备
gitHub账户的配置
配置Node.js环境下载Node.js安装文件：https://nodejs.org/zh-cn/download/根据自己的Windows版本选择相应的安装文件，要是不知道，就安装32-bit的吧- -。
可以通过我的电脑 > 右键 > 属性如图所示：保持默认设置即可，一路Next，安装很快就结束了。 然后我们检查一下是不是要求的组件都安装好了，同时按下Win和R，打开运行窗口：
Windows ...
JS聊天机器人框架BotUI 使用笔记
前言
一款自动回复文字、图片、视频的JS聊天机器人框架 BotUI，可以自由设置多种选项、触发关键词、输入框等内容，聊天内容或范围也可以自由设置，回复内容可以是文字、图片（GIF亦可）、视频，我在博客中引用了此框架。通用方法
head部分，需要引入CSS样式文件<link rel="stylesheet" href="build/botui.min.css"><link rel="stylesheet" href="build/botui-theme-default.css">
自己去下载相关js，css 项目地址 https://github.com/botui/botui/tree/master/build
body部分，设置好聊天机器人的对话容器位置<div class="botui-app-container" id="botui-app"> <bot-ui></bot-ui></div& ...
Sakura主题Mashiro同款LOGO
前言
方法还是 F12 Mashiro大佬博客的，和大佬博客展示的一毛一样 (:зゝ∠)用了 CSS自定义字体 + 大佬博客爬到的CSS ，Mashiro大佬用的字体包只有 “樱花庄的白猫” 这几个字，所以字体包只能自己百度喜欢的啦（注意版权问题哦）！
开工
首先找到一款你想要的字体，我这里用的是 萝莉小猫咪体。由于中文字体包都很大不利于WEB环境，这里我们需要使用 Fontmin 从字体包里提取出我们要使用的字体。下载 Fontmin客户端 和 你要用的字体包只需要输入你LOGO需要的几个字,例如 killua的博客の ，顺序不限。生成完成后会有个文件夹，将文件夹复制到 Sakura\inc\fonts 目录，文件夹重命名为你自己想要的名字，这里我用的是 LOGO注意：尽量不要乱改名称，不然需要修改代码
打开Sakura主题包中的头文件 header.php引用上面文件里的 miao.css 文件<link rel="stylesheet" type="text/css" href="/wp-content/themes/Sa ...
在留言页动态诗句
方法是 F12 Mashiro大佬博客的，和大佬博客展示的一毛一样。=￣ω￣=公开的主题 Sakura 和 Mashiro 主站有一些差别，只能自己动手，丰衣足食咯。
开工
WP后台-Sakura主题设置-CDN-开启本地调用主题 js、css 文件
找到主题根目录的 style.css 文件，在底部添加如下CSS代码/*诗*/.poem-wrap { position: relative; width: 730px; max-width: 80%; border: 2px solid #797979; border-top: none; text-align: center; margin: 80px auto;} .poem-wrap h1 { position: relative; margin-top: -20px; display: inline-block; letter-spacing: 4px; color: #797979} .poem-wrap p ...
Sakura主题首页波浪动画效果
使用 CSS3 Animation 复现直接扒 JS 代码固然省时省力……【省嘛？好像没有吧，当初扒的时候眼睛都快瞎了】,但是 JS 似乎不是每次都起作用……
然后我就自己用 CSS3 Animation 重写这个动画。CSS 如下：
#banner_wave_1 { width: auto; height: 65px; background: url(https://view.amogu.cn/images/2020/08/30/wave_1.png) repeat-x; _filter: alpha(opacity=80); position: absolute; bottom: 0; width: 400%; left: -236px; z-index: 5; opacity: 1; transiton-property: opacity, bottom; transition-duration: .4s, .4s; animation-name: move2; animation-du ...
Sakura主题首页的下拉小箭头
开工
首先找到Sakura主题文件包下的 layouts 中的 imgbox.php 文件，在最底下添加如下代码echo bgvideo(); //BGVideo ?><!-- 首页下拉箭头 --><div class="headertop-down faa-float animated" onclick="headertop_down()"><span><i class="fa fa-chevron-down" aria-hidden="true"></i></span></div>
接着修改主题文件中的 style.css 文件（记得在WP后台主题设置-CDN-开启本地调用主题js、css文件） 或者 直接在 主题设置-自定义CSS样式 中添加如下代码/* 首页下拉箭头 */.headertop-bar::after { content: ''; width: 150%; ...
JWordPress博客添加说说心情页面
很多网站都有一个说说/心情的页面，用来记录自己每日的所思所想，很是不错。我以前使用的WP主题有这个功能，所以现在就把它做出来。此教程 不仅仅 适用于Sakura主题如果是其他主题需要修改一下页面模版（把第 13-37 行提取出来），对了现在说说页的评论可以由后台控制了，现在开工吧~
开工
首先，我们需要使用 WordPress 的 register_post_type() 函数注册一个新的帖子类型，以方便日后编辑说说。将以下代码直接添加到到主题的 functions.php 文件中去即可。//说说页面function shuoshuo_custom_init(){ $labels = array( 'name' => '说说', 'singular_name' => '说说', 'add_new' => '发表说说', 'add_new_item' => ...
WordPress自动更新太坑了，如何关闭自动更新？
有些时候我们会收到关于WordPress自动更新成功了的邮件信息，提示你WordPress自动的给你升级了版本，这个有人喜有人忧的功能我觉得吧，确实得需要分开的来看待了，当然对于本分喜欢自动更新点的人来说，不必动手永远是最新版本的系统，确实省时省心的没有觉得有任何的鸡肋的地方吧。但是对于另一部分的人来说的话，估计就是另一种答案了，WordPress升级和更新如果自动的贸然完成，就显得体验很不好。我个人不太喜欢WordPress的自动更新的，因为担心自动升级会带来一些列的各种问题，比如主题和插件不兼容的问题，或者是其他未知的错误出现，因此我们会有这样的需求，关闭自动更新。那么如何才能关闭自动升级和更新呢？查询网上总结的做法合理建议是配置wp-config.php文件，修改wordpress程序根目录下的全局配置文件wp-config.php，在最后加入：
/** 关闭WordPress自动更新升级 */define('AUTOMATIC_UPDATER_DISABLED', true);
sakura 美化第三弹 添加菜单动态图标
由于Sakurairo主题已经引用了 Fontawesome 所以直接 后台-外观-修改菜单 即可，找到你想要的图标参考如下填写
打开 Font Awesome中文网 http://www.fontawesome.com.cn/faicons/
选取你喜欢的图案点击进入，复制代码！例子：
fa-address-book，但是在应用时，所有图标前面都要需要添加多一个fa 得出fa fa-address-book
<i class="fa fa-fort-awesome"></i> 首页
然后保存之后，刷新面页就能看到图标了。 (为什么不一样不会动呢？)
现在，我们来添加一个会动的图标！1,我们需要用到这个网站Font Awesome Animation，然后还需要在头部引用一个CSS【Sakurairo 主题同样自带，此步跳过】<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome-animation@0.2.1/dist ...
sakura 自定义网站登录链接或删除
网站右上角的登录，头像，如何删除或者添加删减。首先，先创建注册，跟登录模板，取名login跟register，重要，重要，重要！
确认https://网址/login 跟https://网址/register 能访问打开才能开始动手
我们打开主题内的inc文件夹的theme_plus.php文件第496行发现以下代码：
<div class="herder-user-name no-logged"> <a href="<?php echo $login_url; ?>" target="_blank" style="color:<?php echo akina_option('theme_skin'); ?>;font-weight:bold;text-decoration:none">登录</a>
在其后添加： <br><a href="你的鏈接網址" target="_ ...