祈家事平和,花朝月夕多胜意。愿人间芳华,岁岁年年长安康。乐亲朋,岁无忧,新春快乐!

Waxy主题:自定义Canvas背景

本篇文章为Waxy主题设置中自定义CSS/JS的高级应用。

什么是Canvas?

Canvas 是 HTML5 中一个新特性,开发者绘制一系列图形。通过和JavaScript配合,可以使静态的图形动起来~

当然更加具体的内容,还请您自己学习,这里不做展开~

后面飞扬的花瓣就是基于Canvas技术实现的后面飞扬的花瓣就是基于Canvas技术实现的

如何自定义Canvas背景?

目前Waxy主题支持3种方式自定义Canvas背景,在文章后面,我提供了几个整理好的背景。

Manjaro 安装 VMtools 方法

最近一段时间,有点嫌弃debian的软件仓库更新太慢,决定试试滚动更新的Manjaro

因为不是很熟悉这个系统,现在虚拟机上试试。

如果不安装 VMtools ,用起来很麻烦,比如无法快捷传文件(这个好说,文件共享就行)。

但是,显示分辨率这个问题,就很麻烦,因为默认都是4:3的。自定义的话,重启后会失效(感觉像我的锅)。

查阅网上的教程,发现问题也就解决一半,折腾半天,终于搞定了。在这记录下

Waxy主题:社交分享图标功能介绍

如何添加

社交/分享图标设置社交/分享图标设置

# 格式(请用半角逗号分隔):名称,地址;

# 一行一条,不需要的图标不填写即可;

# 可自定义顺序;

rss,<你的网站地址/feed>
github,<你的GitHub主页地址>
facebook,<你的脸书地址>
twitter,<你的推特地址>
telegram,<你的电报地址>
email,<mailto:你的邮箱地址>
weibo,<你的微博地址>
wechat,<你的微信公众号二维码图片URL>

如何自定义

因为考虑到体积的问题(主题体积越小加载越快),我们不可能内置所有的图标。

但是,考虑到您可能有需要,我们提供了自定义CSS样式功能。

以添加码云图标为例,我们来看看如何使用这项强大的功能。

选择你喜欢的图标

任何图片都可以,但是为了美观与速度,建议选择32x32大小的图片。

这里推荐 Iconfont-阿里巴巴矢量图标库

Waxy主题:Sitemap/网站地图功能介绍

什么是Sitemap/网站地图

这是一种方便搜索引擎蜘蛛爬取整个网站的列表,并且还可以提供有关网站的其他信息,如上次更新日期、Sitemap文件的更新频率等,供搜索引擎参考。

搜索引擎一般支持以下3种形式的Sitemap:

  • xml格式
  • 文本格式
  • Sitemap索引文件

xml格式

<!-- XML文件需以utf-8编码-->
<?xml version="1.0" encoding="utf-8"?>
<!--必填标签-->
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <!--必填标签,这是具体某一个链接的定义入口,每一条数据都要用<url>和</url>包含在里面,这是必须的 -->
    <url>
        <!--必填,URL链接地址,长度不得超过256字节-->
        <loc>http://www.example.com/yoursite.html</loc>
        <!--可省略,指定该链接的最后更新时间-->
        <lastmod>2020-10-17T15:43:00+08:00</lastmod>
        <!--可省略,指定页面更新频率,常用参数:always,hourly,daily,weekly,monthly,yearly,never -->
        <changefreq>daily</changefreq>
        <!--可省略,指定此链接相对于其他链接的优先权比值,取值范围0.0-1.0之间-->
        <priority>0.8</priority>
    </url>
    <url>
        <loc>http://www.example.com/yoursite2.html</loc>
        <lastmod>2020-10-17</lastmod>
        <changefreq>daily</changefreq>
        <priority>0.8</priority>
    </url>
</urlset>