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

如何自定义网站静态背景？

body {
    /*背景颜色*/
    background-color:#990505;
    /*背景图片url，可与上一项同时使用*/
    background-image: url(https://pic.idzd.top/usr/bg/5f6eeefb319ae1601105659386.jpg);
    /*背景图片重复方式，此处为不重复*/
    background-repeat: no-repeat;
    /*背景图片起始位置，此处为居中*/
    background-position: center;
    /*背景图片尺寸，此处为填充模式*/
    background-size: cover;
    /*背景图片是否滚动，此处为不滚动*/
    background-attachment: fixed;
}

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

什么是Canvas？

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

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

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

如何自定义Canvas背景？

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

短代码可以快速为你提供更多展示效果。使文章层次更丰富。

概览

短代码样式概览

使用方法概览

短代码使用方法概览

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

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

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

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

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

什么是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>