
Hexo+Butterfly昼夜(深色和浅色模式)转换动画
<ol> <li> <p>新建 <code>[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug</code>, 这部分其实实质上就是一个 <code>svg</code> 文件,通过 <code>js<...
<ol> <li> <p>新建 <code>[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug</code>, 这部分其实实质上就是一个 <code>svg</code> 文件,通过 <code>js<...
<ol> <li> <p>安装插件,在博客根目录 <code>[Blogroot]</code> 下打开终端,运行以下指令:</p> <p>|-----------|-------------------------------------------------| | <code>...
<h1>预览效果 {#预览效果}</h1> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" /></p> <h1>实...
<h1>引言 {#引言}</h1> <p>灵感来源于<a href="https://blog.eurkon.com/">eurkon</a>。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1~6 标题使用不同图标的话,那么识别会容易许多。</p> <p>小插曲:...
<ol> <li> <p>修改<code><BlogRoot>\themes\butterfly\_config.yml</code>,其中<code>background_dark</code>参数为深色模式下的图片地址。</p> <p>|-...
<ol> <li> <p>修改<code><BlogRoot>\themes\butterfly\_config.yml</code></p> <p>|---------------------|------------------------------------...
<h1>简介 {#简介}</h1> <p>Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页</p> <h1>一、安装 {#一、安装}</h1> <...
<h1>前言 {#前言}</h1> <p>粒子时钟效果基于 Hexo 博客的 NexT 主题,其他主题的配置方式也可以参考这篇文章。</p> <h1>配置主题 {#配置主题}</h1> <p>为便于维护,通过修改主题配置文件(主题根目录的 <code>_config.yml</...
<h1>前言 {#前言}</h1> <blockquote> <p>原来的统计数据需要每个月手动统计上传非常的麻烦容易把人累死,直到看到了<a href="https://foolishfox.cn/">fox</a>的统计页面眼前一亮,于是借鉴学习了一波,注本文大部分代码都出自<...
引言 {#引言} ======== 自建hexo博客一直在用CNZZ的网站流量统计,每天登陆到CNZZ的网站流量统计后台看博客的访问量成了建站以来的习惯。3月23日以后突然发现CNZZ的统计没有数据了,查了半天才知道CNZZ的U-Web统计分析产品停服了,计划要收费了。最开始用百度统计也是的,原来用得好好的,突然也是要收费了才开始转向用CNZZ的,现在CNZZ也要开始收费了。...