Hexo+Butterfly增加侧边栏时钟
安装插件,在博客根目录 [Blogroot] 下打开终端,运行以下指令: 1 npm install hexo-butterfly-clock --save 添加配置信息,以下为写法示例在站点配置文件 _config.yml 或者主题配置文件 _config.
安装插件,在博客根目录 [Blogroot] 下打开终端,运行以下指令: 1 npm install hexo-butterfly-clock --save 添加配置信息,以下为写法示例在站点配置文件 _config.yml 或者主题配置文件 _config.
新建 [Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug, 这部分其实实质上就是一个 svg 文件,通过 js 操作它的旋转显隐,淡入淡出实现动画效果。 123456789 svg(aria-hidden='true'...
参照参考教程中的Butterfly 友链界面配置教程先配置好默认友链页面。 在 Hexo 博客根目录[Blogroot]下打开终端,输入 1 hexo new page link 打开[Blogroot]\source\link\index.md,添加一行ty
修改<BlogRoot>\themes\butterfly\_config.yml,其中background_dark参数为深色模式下的图片地址。 12345 # Website Background (设置网站背景)# can set it to color or image ...
修改<BlogRoot>\themes\butterfly\_config.yml 123456 inject: head: # - <link rel="stylesheet" href="/xxx.css"&...
引言 灵感来源于eurkon。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1~6 标题使用不同图标的话,那么识别会容易许多。 小插曲:我之前在此问题上花了很多功夫,比如加大各等级标题字体大小之间的差值(肉眼还是难以分别)、更换颜色(确实好分辨,但主色过多不符合我对网站视觉美感的要求)、部分标题加不同样式的左边框(还是不太符合视觉美感要求,不够直观) 实现方法
预览效果 实现方法 修改 themes\butterfly\layout\404.pug,直接 copy 过去覆盖即可 12345678910111213141516171819202122232425262728293031323334353637 - var top_i
前言 前段时间接到一个企业官网站内优化的任务。为了完成它,只能赶鸭子上架,从零开始系统地去学习 SEO 知识。经过几天的学习后,也算是入了门。才意识到 SEO 它的意义与重要性,觉得 SEO 对于做个人站点(博客也算是个人站点)的意义与重要性不言而喻。可能有人会反驳在如今自媒体、微信公众号及知乎、掘金、sf等各种垂直网站盛行的年代,再去研究 SEO,对博客做 SEO 是否有必
前言 SEO 优化可以分为站内优化和站外优化,而站内优化又分为:网站结构优化和网站页面优化。从 SEO 角度来看,做网站结构优化的目的在于: 提高用户体验 提高收录 更好的权重分配 优化锚文字分布 网站结构优化简单概括有下面几个要素: 物理及链接结构 清晰的导航 分配好子域名和目录 禁止收录机制 nofollow 使用 U
引言 在第一篇文章中介绍了搜索引擎原理基本原理和工作流程。在第二篇文章中介绍了 SEO 优化的基础部分-站内优化所包括的一些要素。 所以,在这篇文章就要教大家如何根据第二篇提到的站内优化要素对自己的博客进行 SEO 优化,以及介绍SEO常用的一些工具及用法。帮助大家的博客能更好更快地被搜索引擎收录。 下面的设置都是基于这个优化及改装过后的maupassant-hex