Hexo博客51.LA统计美化
前言 {#前言} ======== 发现自带的样式实在太简单,写css覆盖的话还很麻烦,夜间模式看的话很突兀。 所以我就稍微改了一下,只要它的数据,样式全由自己来写。 添加代码 {#添加代码} ============ 代码如下所示: |-----------------------------------------------------------------...
前言 {#前言} ======== 发现自带的样式实在太简单,写css覆盖的话还很麻烦,夜间模式看的话很突兀。 所以我就稍微改了一下,只要它的数据,样式全由自己来写。 添加代码 {#添加代码} ============ 代码如下所示: |-----------------------------------------------------------------...
1. 安装插件,在博客根目录 `[Blogroot]` 下打开终端,运行以下指令: |-----------|-------------------------------------------------| | ``` 1 ``` | ``` npm install hexo-butterfly-clock --save ``` | 2. 添加配置信息,以下...
1. 新建 `[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug`, 这部分其实实质上就是一个 `svg` 文件,通过 `js` 操作它的旋转显隐,淡入淡出实现动画效果。 |---------------------------|---------------------------------...
1. 参照参考教程中的[Butterfly 友链界面配置教程](https://butterfly.js.org/posts/dc584b87/#%E5%8F%8B%E6%83%85%E9%8F%88%E6%8E%A5)先配置好默认友链页面。 2. 在 Hexo 博客根目录`[Blogroot]`下打开终端,输入 |-----------|--------------...
1. 修改`<BlogRoot>\themes\butterfly\_config.yml`,其中`background_dark`参数为深色模式下的图片地址。 |-------------------|------------------------------------------------------------------------------...
1. 修改`<BlogRoot>\themes\butterfly\_config.yml` |---------------------|--------------------------------------------------------------------------------------------------------------...
引言 {#引言} ======== 灵感来源于[eurkon](https://blog.eurkon.com/)。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1\~6 标题使用不同图标的话,那么识别会容易许多。 小插曲:我之前在此问题上花了很多功夫,比如加大各等级标题字体大小之间的差值(肉眼还是难以分别)、更换颜色(确实好分辨,但主色过多不符合我对网站视觉美...
预览效果 {#预览效果} ============ ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 实现方法 {#实现方法} ============ 1. 修改 themes\\butterfly\\layout\\404.pug,直接 copy 过去...
前言 {#前言} ======== 前段时间接到一个企业官网站内优化的任务。为了完成它,只能赶鸭子上架,从零开始系统地去学习 SEO 知识。经过几天的学习后,也算是入了门。才意识到 SEO 它的意义与重要性,觉得 SEO 对于做个人站点(博客也算是个人站点)的意义与重要性不言而喻。可能有人会反驳在如今自媒体、微信公众号及知乎、掘金、sf等各种垂直网站盛行的年代,再去研究 SE...
前言 {#前言} ======== SEO 优化可以分为站内优化和站外优化,而站内优化又分为:**网站结构优化和网站页面优化**。从 SEO 角度来看,做网站结构优化的目的在于: * 提高用户体验 * 提高收录 * 更好的权重分配 * 优化锚文字分布 网站结构优化简单概括有下面几个要素: * 物理及链接结构 * 清晰的导航 * 分配好子域名和目录 * 禁止收录机制 * ...