博客搭建疑难杂症

# 关于不同主题

butterfly 放手机截图会很大，得缩放，但是 zoom 属性又不适用于 yun 主题，yun 主题可以自动适配图片大小，头疼～

# 番外：查看 cookie

F12 选中网络，刷新页面在名称中 all / 选项中找到标头，里面有 cookie

# 设置网站图标

编辑主题下配置文件中的 favicon

# 设置头像

编辑 主题下配置文件 中的 avatar

# 更改分类页

在 主题下配置文件 中的 menu 按格式书写

# 轮播文字切换

在 主题下配置文件 中的 subtitle 下的 sub：

# 社交图标

编辑 主题下配置文件 中的 social

# 主页图片

编辑 主题下配置文件 中的 index_img

# 默认顶部图片

编辑 主题下配置文件 中的 default_top_img

# 图片存放

存放在 /themes/butterfly/source/img 下

# css 存放

存放在 /themes/butterfly/source/css 下

# js 存放

存放在 /themes/butterfly/source/js 下

# 编辑器查找快捷键

Ctrl+F

# 目前引入的修改方案

引入了 background.css commentsbar.css background.js
这些都写入了主题配置文件中的 inject 下

# 留言板界面（糖果屋）

# 右下角 UP 酱 (忘了～)

# 看板娘

糖果屋的资源已在 bottom 下注释掉了，没删掉
现已经更改为乐特的方案，感觉比较好

# 电子钟（糖果屋，但是没显示，没删）

# Pixiv 日榜，参考自网页 1 网页 2

这个是比较费力的，不是因为代码多，而是因为教程不完全适配新版本 emmm
首先 card_pixiv.pug 文件没有问题，照着创建就 OK 了。然后是 index.pug 文件，在这里我参照了网页 1 的方法，也和糖果屋的侧边栏说说方法差不多，我仅设置了在站点页可显示（参照糖果屋的代码位置），然而代码是不一样的，我写的是：

if theme.aside.card_pixiv
      !=partial('includes/widget/card_pixiv', {}, {cache: true})

这里后面的 cache 改成了上述形式。然后就是 zh-CN.yml 文件，这个两个网页都一样，写好就行了。最后就是 主题配置文件_config.yml 了，这里是在 aside 配置项中在最后写上：

card_pixiv: 
    enable: true

这里可以控制日榜的开关，这个代码形式也是稍微修改了一下下。到此为止就配置完全了。

# 给文章页分类页标签页添加统计图（HCLonely）

archive.pug 的配置是一样的，但是 page.pug 是有些不一样的，大概是版本更新了吧。我的代码是如下这样的：

when 'tags'
        include includes/page/tags.pug
          #tags-chart
when 'categories'
        include includes/page/categories.pug
          #categories-chart