修改yilia主题打赏图片的大小

yilia主题

字数统计: 223阅读时长: 1 min

 2018/08/23   Share

最近发现了一个好玩的的东西，就是动态二维码（制作方法请自行百度），然后用收款码生成之后放在yilia主题打赏处，发现WTF???图片被缩的太小了，扫都扫不出来。

百度了一下发现有人提问但是没人解决，没关系，方法总比困难多，审查元素，去看看打赏处的CSS代码~

0x01 代码分析：

这是蓝底框架的：

这是收款码图片的：

0x02 代码修改：

CSS文件路径：/themes/yilia/source/main.0cf68a.css

打开CSS文件直接搜索：

1	.page-reward .reward-img

修改二维码的宽和高

1	.tooltip-top .tooltip-content

先修改蓝底框架的宽度（宽度>二维码宽度*2），再修改第二个偏移量（偏移量=你设置宽度/2）

设置完成保存后，即可重新发布，查看效果。

原文作者：Se7en

原文链接：https://www.se7ensec.cn/2018/08/23/修改yilia主题打赏图片的大小/

发表日期：August 23rd 2018, 3:24:40 pm

更新日期：September 13th 2018, 1:25:01 pm

Next Post

HTML 速查列表
Previous Post

PDF.js更优雅的pdf在线预览体验

CATALOG

1. 0x01 代码分析：
2. 0x02 代码修改：



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true