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 post$ hexo new "My New Post"
More info: Writing
Run server$ hexo server
More info: Server
Generate static files$ hexo generate
More info: Generating
Deploy to remote sites$ hexo deploy
More info: Deployment
AnZhiYu主题中大部分标签移植于店长的hexo-butterfly-tag-plugins-plus,转载请注明来自安知鱼
段落文本 p标签语法配置参数样式预览示例源码{% p 样式参数(参数以空格划分), 文本内容 %}
字体: logo, code
颜色: red,yellow,green,cyan,blue,gray
大小: small, h4, h3, h2, h1, large, huge, ultra
对齐方向: left, center, right
彩色文字在一段话中方便插入各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大号文字文档「开始」页面中的标题部分就是超大号文字。Volantis
A Wonderful Theme for Hexo
- 彩色文字 在一段话中方便插入各种颜色的标签,包括:{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %}、{ ...
顶部隐藏导航首先,我们打开主题下的 header.php 文件,搜索下面代码(大约 105 行),
<header class="site-header no-select" role="banner">
修改为下面代码。
<?php if (is_front_page()){ ?><!-- 判断是否为首页 --><header class="site-header no-select is-homepage" role="banner"><?php }else{ ?><header class="site-header no-select" role="banner"><?php } ?>
此代码为首页顶部隐藏导航菜单,不需要隐藏可跳过此部分!
菜单栏居中接着还在 header.php 文件搜索下面代码(改隐藏导航前约 133 行,隐藏后约 ...
介绍一款自动回复文字、图片、视频的 JS 聊天机器人框架 BotUI,可以自由设置多种选项、触发关键词、输入框等内容,聊天内容或范围也可以自由设置,回复内容可以是文字、图片(GIF 亦可)、视频,我在博客中引用了此框架。
BotUI Github:https://github.com/botui/botui
BotUI官网:https://botui.org/
BotUI 展示:https://pp.0a0.me/about/
教程此代码为大佬 @汤包 重写版。
<link rel="stylesheet" href="https://pp.0a0.me/botui/botui.min.css" /> <link rel="stylesheet" href="https://pp.0a0.me/botui/botui-theme-default.css" /><div id="dialogue" style="min-height:300px ...
由于 Sakurairo 主题已经引用了 Fontawesome 所以直接 后台-外观-修改菜单 即可
挑选图标打开 Font Awesome,一套绝佳的图标字体库和CSS框架
选取你喜欢的图案点击进入,复制代码!
例子:
fa-wrench,但是在应用时,所有图标前面都要需要添加多一个 fa 得出 fa fa-wrench
<i class="fa fa-wrench"> </i> 文字
<=演示
然后保存之后,刷新页面就能看到图标了。 (为什么不一样,不会动呢?)
添加动态效果打开 font-awesome-animation | Simple animations using FontAwesome and some CSS3.
选取你喜欢的动态效果,复制代码!
这里有三种显示方式,根据你喜欢的效果做出选择。
触碰图标,图标才动例子:
<i class="fa fa-wrench faa-wrench animated-hover"> </i> 文字
<= ...
添加嘉然 Live2D这一步我也是按照大佬 @叶小兽 的教程完成的。
效果图
抛开速度和可靠性不谈,你只需要将下方代码粘贴在你的 <footer> 标签内,或者打开你的 WordPress 后台 => 外观 => 主题编辑器 => footer.php,将以下代码添加到适当位置 (例如 Sakurairo 主题的约 174 行 </body> 标签上方),即可初步实现嘉然 Live2D 看板娘:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/TweenLite.js"></script><script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script><script src="https://cdn.jsdeliv ...
服务器创建创建实例注册完成后登录,直接创建实例即可。
注意选择自己想要的镜像,已经看是否有符合始终免费条件字样。
一定要保存好私有密钥!一定要保存好私有密钥!一定要保存好私有密钥!
选择映像和配置这一步非常重要,选择你的服务器的系统,如果你默认的话 Oracle 给你安排的是 Oracle Linux 系统。
Shape 这里选择的是服务器配置, ARM 的性能很强,配置往最大的选,只要没弹出来提示就是可以选的,硬盘是 200G 免费。
放行必要端口跳转后会有分配给你的 IP 地址,这时候是 ping 不通的,需要开放端口及 ICMP 设置。
点击蓝色实例名称会进入实例设置。
点击实例详细信息下的虚拟云网络(VNC-XXXXXX 这个)来设置端口。
点击子网,再进入安全列表。
注意把 ICMP 下的类型和代码清除,不然 IP 是 ping 不通的。
根据自己需求添加或修改入站规则,我们这里打开 80 和 443 端口,源 CIDR 填写 0.0.0.0/0 就可以了。
SFTP 和 SSH 登录设置SFTP 设置我们这里使用 Winscp 这款 SFTP 软件。
...
注册需要信用卡,虚拟卡难以注册,就算成功也会翻车,谨慎使用。国内主流的 visa 卡和万事通卡都可以尝试!
提醒一下,始终免费的服务仅支持在主区域 (注册时选择的区域)!只要不点击【升级】无论怎么折腾不会造成信用卡的扣费!300 美元的试用额度能嗨 30 天!
注册步骤访问活动地址Oracle 云免费套餐 | Oracle 中国
邮箱尽量用谷歌、微软等国际邮箱,尽量不要用 QQ,163 等国内邮箱,非常容易注册失败,国家选中国。
完善相关信息。特别注意【Home Region】这里选择哪个区域就是你选择的主区域,只能在该主域内免费使用。
今年政策改版后已经不能改动,请谨慎选择!手机号可填国内手机号码!
验证码手机号码接收验证码完成完成验证!
密码设置登录密码。请注意密码的要求,非常多!
验证信用卡亲测交行青年卡 VISA 可用,普遍反映招行 VISA 和中行 VISA 双币也可以。
验证要扣 1 新加坡元,会退还,这是预付费,大厂要放心(或者会显示扣费失败,实际验证成功)!
然后需要打勾的地方点选,完成注册即可。
一般大家说的失败就是最后这里了。不行了就换换浏览器,无痕 ...
引言
群居防口,独坐防心。 ——勿埋我心
如果你觉得你网站页面的跳转比较慢,或者说你想变得更快,那么这个脚本我想会比较适合你。
项目Github:https://github.com/instantpage/instant.page
官网:instant.page
原理:
它的作用是可以预加载,用户想访问的页面,用户点击网站链接之前,他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时,当用户真正点击链接后,就会直接从缓存中读取,以此提升网站的访问速度,因此 instant.page 此时开始预加载,平均超过 300 毫秒,instant.page 是渐进式增强 ,对不支持它的浏览器没有影响。
方法 在网站的 <body> 添加一行 JS,一般添加在 <footer> 区域。至于 JS 的添加方法有以下几种。
官方提供的方法不推荐
虽然有 Cloudflare 节点的加速,但对于国内而言还是比较慢的,这更像是减速了。
<script src="//instant.page/5.1.1" type="module&qu ...
AList一款支持多种存储的目录文件列表程序
环境部署首先部署好宝塔面板之后,创建网站。
数据库无需创建,PHP 版本可随意,纯静态也可以。这里我们复制一下根目录地址,后面安装 Alist 程序需要用到。根目录地址为:
/www/wwwroot/pan.0A0.me
宝塔安装 Alist 程序接下来,通过 ssh 连接该服务器,在官方给出的基础上,末尾增加指定目录安装,添加刚刚得到的根目录地址,如下示例
curl -fsSL "https://nn.ci/alist.sh" | bash -s install /www/wwwroot/pan.0A0.mecurl -fsSL "https://nn.ci/alist.sh" | bash -s update /www/wwwroot/pan.0A0.mecurl -fsSL "https://nn.ci/alist.sh" | bash -s uninstall /www/wwwroot/pan.0A0.me
install 为安装,update 为升级,uninst ...