XYZ1024' Blog

Rocky主题魔改记录

2020-08-02 · 2 min read
Gridea

RSS更改位置

RSS在上方总感觉不舒服,打开

templates\includes\header.ejs

<a href="<%= themeConfig.domain %>/atom.xml" target="_blank" class="py-2 md:py-1 px-4 mx-4 inline-flex transition font-semibold rounded dark:hover:bg-gray-600 hover:bg-gray-200">
      RSS
</a>

把这里注释掉,再复制到你想加的地方,比如我是直接在客户端的主题配置里加到了底部信息里。


文章末尾分享

默认的有Twitter、微博、Telegram。这些肯定是不够的,我们需要做一些改动。

assets\media\scripts\main.js

把你不需要的注释掉,例如:

/*shareToWeibo() {
      window.open(`https://service.weibo.com/share/share.php?title=${this.text}&url=${this.url}`, '_blank', 'width=615,height=505')
},*/

我添加的是QQ的,加入QQ的分享

shareToQQ() {
      window.open(`http://connect.qq.com/widget/shareqq/index.html?url=https://xyz1024.top/&sharesource=qzone&summary=Gridea&desc=Gridea`, '_blank', 'width=615,height=505')
 },

url后面换成你自己的链接,summary和desc也是一样。再打开

templates\post.ejs

从第55行开始,到72行,都是分享的按钮。添加

<div class="px-4 cursor-pointer text-indigo-500 hover:bg-indigo-100 dark:hover:bg-gray-600 inline-flex" @click="shareToQQ">
    <i class="ri-qq-line"></i>
 </div>

顺序就是显示的顺序,比如我添加在了

<div class="px-4 cursor-pointer text-blue-500 hover:bg-blue-100 dark:hover:bg-gray-600 inline-flex" @click="shareToTwitter">
   <i class="ri-twitter-line"></i>
</div>

的下面,QQ的按钮就会显示在Twitter的右边。

未完待续

又挖了一个坑