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

如何添加

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

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

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

# 可自定义顺序;

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

如何自定义

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

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

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

选择你喜欢的图标

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

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

找到你喜欢的图标,选择合适的大小,下载png图片找到你喜欢的图标,选择合适的大小,下载png图片

将下载的图片转为Base64编码

然后将图片转为Base64编码,

这样,虽然图片体积会增大(比原来的大1/3),但是在网站加载时无需进行额外的网络请求。

这里推荐使用 base64图片在线转换工具 - 站长工具

复制右侧的红框内的内容复制右侧的红框内的内容

添加自定义CSS样式

.icon-<自定义名字> {
    background-image: url(<此处粘贴你复制的字符串>);
    background-size: 100%;/*设置图片大小*/
}

添加的自定义样式添加的自定义样式

使用&效果

添加和你刚才同名的图标设置添加和你刚才同名的图标设置

大功告成~大功告成~

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>

Hexo 主题简单实现搜索功能

最近一直在折腾Hxeo的站点,发现自带的主题吗,没有搜索功能。决定自己改一个。

感谢 @bay1 大佬的文章,原文链接:https://segmentfault.com/a/1190000011917419

下面就是在hexo主题添加本地搜索功能的过程。

生成搜索索引文件

hexo-generator-searchdb插件可以生成一个xml格式的索引文件。之后再利用jQuery的ajax函数查询并处理生成的索引文件。

获取 hexo-generator-searchdb 插件

npm install hexo-generator-searchdb --save

修改 hexo 全局配置文件

在 hexo 全局配置文件_config.yml最后添加下面的配置。