Joe美化（7）：细节修改合集

Joe已经非常完美了，但是在此基础上，有时候总想加点自己的想法，为joe主题增添一些小细节。

特别说明：该修改只针对于halo博客的joe主题！！！

😋 修改Joe主题设置内容宽度不生效问题

1. 不生效设置：
   配置路径：主题设置 -> 主题相关 ->内容区最大宽度

2. 解决方案：
   找到配置：主题设置 -> 自定义 ->自定义CSS，加入以下代码，80为内容区宽度，可以随意调整 1-100 ，单位 vw 保持不修改即可，
   特别说明：该方案可兼容大分辨率屏幕！！！

  #Joe .joe_container {
      max-width: 80vw; 
  }
  
 @media (max-width: 1360px) {
      #Joe .joe_container{
          max-width: initial;
      }
  }
  @media (max-width: 768px) {
      #Joe .joe_container{
        max-width: initial;
      }
  }

😏 侧边栏的卡片添加一个仿mac操作栏

1. 第1步：找到 主题设置 -> 自定义 ->自定义CSS，添加以下代码：

/* 侧边栏的卡片添加一个仿mac操作栏 */
.joe_aside__item .title-right_icon {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d !important;
    width: 11px;
    height: 11px;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    float: right;
    right: 55px;
    top: 17px;
} 

2. 第2步：找到侧栏的模板文件，并添加如下代码：

   <span class="title-right_icon"></span>

此处特别说明：最新文章 卡片的位置，如图：

此处为其他的小卡片位置，如 公告信息 我的二维码 我的歌单 人生倒计时 等，如图：

3. 效果预览：