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
butterfly 魔改系列(持续更新)
前置说明感谢大佬的技术提供,给dalao们递零食✿✿ヽ(°▽°)ノ✿
HCLonely
小康
超逸
会飞的小戈
魔改预览
🎃主题升级,添加css
🍳简单快速:简单上手,快速修改。
📕优雅阅读:对卡片进行不同的透明度设置,实现更优雅的阅读。
🍭背景也面:多种背景随意更换。
👦个性友联:为你的好友设置不同的颜色,炫彩样式等
🆙Pixiv 日榜:瞒足你的渴望
✈️ 还在评论无法及时回复吗?:双系统评论,邮件通知
⏰ 添加了日历视图:在日历上可以查看到当前日历以及所写的文章日历
🎈页脚更炫酷:彩色渐 ...
初辰的butterfly主题使用手册
md文件头部Page Front-matter
key
value
title
标题
date
日期
updated
文章更新日期
type
类型,tags,link,categories 这三个页面需要配置
comments
是否显示评论,默认 true
description
描述
top_img
顶部图
mathjax
数学公式
katex
数学公式
aside
true 表示显示右边信息卡片,默认值;false 表示不显示
aplayer
在需要的页面加载 aplayer 的 js 和 css, 请参考文章下面的音乐 配置
highlight_shrink
【可选】配置代码框是否展开 (true/false)(默认为设置中 highlight_shrink 的配置)
Post Front-matter
key
value
title
标题
date
时间
updated
文章更新日期
tags
标签
categories
分类
keywords
关键字
description
描述
...
valine-admin Qmsg酱 邮件通知
前言上个版本之前,也就是2.3.5版本 ,根据懒人大佬 写里一篇 Valine添加验证码、博主标签及评论QQ通知 没有 Qmsg酱 (QQ 评论提醒)、Server酱 (微信评论提醒)
这里建议配置Qmsg酱 (QQ 评论提醒),Server酱 (微信评论提醒)->不建议,因为微信嘛,这在前端有个漏洞,就不说,难免有些不全!
项目地址:小康大佬我的也贴出来:初辰定制
说明:如果你配置的话建议使用小康大佬的,毕竟咋还是要尊重原创嘛!我定制的就修改了一下参数还有浏览器适配等,具体与原创不会有太大的区别。
要完成此次配置需要做些什么呢?
有LeanCloud 账号,并且创建了应用
在LeanCloud 应用部署项目,并且配置云引擎变量
绑定后台,这个可选
评论标签,引入valine.min.js
申请Qmsg酱,并配置云引擎变量
...
gitalk 评论
前言gitalk 使用 Github 帐号登录,界面干净整洁,最喜欢的一点是支持 MarkDown语法。
原理Gitalk 是一个利用 Github API,基于 Github issue 和 Preact 开发的评论插件,在 Gitalk 之前还有一个 gitment 插件也是基于这个原理开发的,不过 gitment 已经很久没人维护了。
在 gitalk 的评论框进行评论时,其实就是在对应的 issue 上提问题。
集成 Gitalk
将这段代码插入到你的网站:
1234567891011121314151617181920212223<!-- Gitalk 评论 start -->{% if site.gitalk.enable %}<!-- Link Gitalk 的支持文件 --><link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css&qu ...
全局添加吸底音乐APlayer
hexo butterfly主题 添加全局吸底APlayer
打开 themes\Butterfly\layout\includes\head.pug,在结尾加一句include ./third-party/aplayer.pug,如图·:
然后在 themes\Butterfly\layout\includes\third-party\ 里面新建一个文件叫 aplayer.pug ,内容如下
123456if theme.aplayer && theme.aplayer.enable .aplayer(data-id=theme.aplayer.id data-server=theme.aplayer.server data-type=theme.aplayer.type data-fixed=theme.aplayer.fixed data-mini=theme.aplayer.mini data-listFolded=theme.aplayer.listFolded data-order=theme.aplayer.order data-preload=the ...
Valine 添加验证码,博主标签及评论邮件通知
前言
本教程介绍了如何给 Valine 评论系统添加博主、小伙伴、 访客标签,添加浏览器及操作系统图标,以及评论及 QQ 通知。
更多配置请参考:懒人的Valine添加验证码、博主标签及评论微信、QQ通知,或者按照小康的aline评论之Valine-admin配置攻略
添加标签及图标需要修改的地方
注意:添加评论标签及图表与配置valine邮件通知并没有直接关系
需要修改的位置,这里我给出,butterfly.yml配置文件,valine.pug模板文件
butterfly.yml配置文件,标出的必须有配置,在此之前请确认你已开通valine评论系统了
修改链接地址
链接地址:https://cdn.jsdelivr.net/gh/HCLonely/Valine@latest/dist/Valine.min.js这是懒人大佬的,你也可以fork到自己的仓库引用,但有延迟,最好用版本引用这样就可以及时更新了
修改valine.pug ...
优雅使用JSdelivr/cdn来优化博客访问速度
前言
CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。——百度百科
说明:我们把博客文件部署到github上难免会加载起来很慢,但是并不是没有办法滴。优雅使用CDN加速来优化网站打开速度,jsDelivr /cdn + Github。
开始操作前期准备
一个 Github 账号,并且可以登录
会git向 GitHub 仓库 push 文件
关于 Github 仓库可以新建,也可以使用 <用户名>.github.io 这个仓库。这里我就以新建一个仓库为例。
正式开始
新建创库
仓库名称与描述自定义,但仓库一定要公开,不能是私有哦!
创建完创库后我们可以用命令行初始化创库,具体操作创建完创库会给出提示怎么做的了,我这里教你本地上传文件,再次上传只需要拖到初始化的文 ...
Volantis主题标签预览
前言butterfly3.0 的更新note有冲突这里就不展示啦!如何移植Volantis主题外挂标签请移步到这里:butterfly主题添加Volantis主题标签
参考: 官方文档
文本文字彩色文字:在一段话中方便插入各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大文字文档「开始」页面中的标题部分就是超大文字。
Volantis
A Wonderful Theme for Hexo
语法格式参数列表示例代码行内文本
1{% span 样式参数, 文本内容 %}
独立段落
1{% p 样式参数, 文本内容 %}样式参数位置可以写颜色、大小和对齐方向,多个样式参数用空格隔开。
字体
1logo, code
颜色
1red, yellow, green, cyan, blue, gray
大小
1small, h4, h3, h2, h1, large, huge, ultra
对齐方向
1left, center, right123456在一段话中方便插入各种颜色的标签,包括:{% span red, 红色 ...
微语
前言看到别人有弄这个说说这个小页面,心想自己要不实现一个?
效果是这样滴:
传送门: 说说心情页,开源项目:artitalk.js.org
设置记录参考申请leancloud国际版账号
前往leancloud国际版,注册账号。(需要验证邮箱)
创建应用
验证手机号在右上角,方便消息管理跟之后信息找回。
后台设置
可以收藏这个地址:https://console.leancloud.app/#/apps(直达书签任务栏)
添加用户(存储->结构化数据->_User->添加行 )
添加用户
权限设置(存储->结构化数据->_User->权限)
前4个都设置为指定的 指定用户、用户名
完成之后
获得 应用秘钥AppID和Appkey
可以设置你的域名,如果有的话(设置->安全中心->下滑找到Web安全域名)(可选)
博客配置
注:我的是butterfly主题
配置butterfly.yml配置文件这里给出配置主题目录作为导航source_data\butterfly.yml ...