阅读量:19
本章内容的实现需要一部分代码,我会贴在对应部分。
文章部分内容有参考GAATTC的博客和雪之梦技术驿站在腾讯云中的文章
1. 在wordpress后台的更改位置
选择全局设置->页尾选项中,再找到页尾代码设置部分(分为页尾信息和页尾附加代码两部分)。
2. 详细设置过程
1.首先设置页尾的公安备案信息,插入代码如下所示:
津公网安备 12010902000170号(你自己的备案号) | 网站备案/许可证号 津ICP备20004397号-1(你自己的许可证号)
2. 现在设置网站底部计时效果,需要先在页尾附加代码部分添加如下代码:
然后在页尾信息部分中添加如下代码:
3. 最后来设置GitHub中常见的小徽章
具体徽章如下所示
这样的徽章本质上就是一种svg格式的矢量图标,相对于png格式来讲,矢量图形的优势就是不论怎样缩放,都不会失真。
这里附上图片格式的转换网页,大家可以自己试一试。
在网页中插入徽章,所需要的格式为:
核心部分为获取正确的图片源地址,下面以在Shields.io网站中的图片源地址格式给出代码:
https://shields.io/badge/style-plastic-green?logo=appveyor&style=plastic
即
其中,徽章颜色有如下可选项
logo可以在这里(simple icons)选,当然,如果想要自定义一个logo,logo=后面的内容需要粘贴base64为图像编码(可以通过站长之家来获取)。
例如我网页底部的徽章
它对应的代码如下所示:
https://img.shields.io/badge/%E6%9C%8D%E5%8A%A1%E5%99%A8-%E8%85%BE%E8%AE%AF%E4%BA%91-green?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAACXBIWXMAAA9hAAAPYQGoP6dpAAAGU2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wMS0xNlQwMDoyOTo1OCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDEtMTdUMDA6NTk6NTErMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDEtMTdUMDA6NTk6NTErMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YzkyZWM2ZDctZjRhOS03MTRjLWI4ZjQtOGVjY2Y0YmI1MjBkIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NzRhMDA3YmUtMTM2OS1iMDRkLThkN2EtMjYyMmMzN2Y4N2M3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NmNjMjlhMzYtNjYwNC03ODRiLTg2YWItMWQwZDIwY2ViZWJjIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2MyOWEzNi02NjA0LTc4NGItODZhYi0xZDBkMjBjZWJlYmMiIHN0RXZ0OndoZW49IjIwMjEtMDEtMTZUMDA6Mjk6NTgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzkyZWM2ZDctZjRhOS03MTRjLWI4ZjQtOGVjY2Y0YmI1MjBkIiBzdEV2dDp3aGVuPSIyMDIxLTAxLTE3VDAwOjU5OjUxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjr7ZKMAABF8SURBVHic7Zp7mJV1tcc/a/3ed88wDDNcRyAahhEREBGQPBh2QhIkL4ClZU8l6PHuMSWPlXme0nPqWKeTeHnUUEtNKzM1VPQYWWISkikhITeVy1YuIre5z977/f3W+ePdQyheYGbI0/Pw/WM/+3n3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&style=plastic
style有如下可选项:
3. 最终实现效果