侧边栏壁纸
博主头像
liuyiwuqing博主等级

心在哪里收获就在哪里

  • 累计撰写 22 篇文章
  • 累计创建 24 个标签
  • 累计收到 27 条评论

目 录CONTENT

文章目录

halo-theme-joe2.0主题修改记录

liuyiwuqing
2022-05-30 / 0 评论 / 25 点赞 / 1,629 阅读 / 525 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-07-17,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
广告 广告

1、halo后台修改之后,需要修改主题日志页面,右上角跳转日志新增地址

修改模板journals.ftl 代码位置16行左右,如下代码 admin 改成自定义的路径

<a class="joe_journal_add" href="${blog_url+'/admin/index.html#/sheets/journals'}" target="_blank" rel="nofollow"><i class="joe-font joe-icon-edit"></i></a>

2、修改文章标题能带上个人网站的标题

参考http://www.sammery.com/archives/69.html

3、修改文章页面上一篇下一篇可以显示文章标题功能

参考http://www.sammery.com/archives/57.html

4、文章页面侧边悬浮按钮,增加当前文章小程序码,实现在小程序端浏览

修改模板post_operate_aside.ftl ,在最后一个图标后面添加如下代码:

  <#if settings.enable_share_weixin>
    <li class="post-operate-donate">
      <i class="joe-font joe-icon-qrcode2"></i>
          <div class="joe_donate">
              <p>微信扫一扫,小程序浏览!</p>
              <ol class="joe_donate_list${(settings.qrcode_zfb?? && settings.qrcode_wx??)?string(' two','')}">
                <#if settings.qrcode_zfb??><li><img src="https://www.muyin.site/weChat/qrcode.php?type=image&isHyaline=false&articleId=${post.id!}" onerror="Joe.errorImg(this)" alt="微信扫一扫,小程序浏览!"/></li></#if>
              </ol>
          </div>      
    </li>
  </#if>

5、彩色标签

(1)修改侧边栏标签云颜色根据标签设置显示,修改模板文件/template/common/aside.ftl 代码位置104行,添加代码 style=“color:${tag.color!}” 完整代码如下:

<a data-url="${tag.fullPath!}" data-label="${tag.name!}" href="${tag.fullPath!}" title="${tag.name!}" style="color:${tag.color!}">${tag.name!}</a>

(2)修改标签页面标签标题颜色,修改模板文件tags.ftl 代码位置32行,修改如下:

<figcaption class="title" style="color:${tag.color!}">${tag.name!}</figcaption>
25
广告 广告

评论区