浪子发布的文章

Typecho 插件 FediverseSync

作者: 浪子
时间: 2025-02-20
分类: 默认
评论

介绍

使用AI开发的插件

作用是同步博文标题内容和地址到长毛象或者GTS,然后用长毛象作为博客的评论系统,有回复时自动显示

使用mastodon/gotosocial作为评论系统

作者: 浪子
时间: 2025-02-20
分类: 默认
评论

在模板文件中插入

<div class=comments>
<?php if ($this->is('post')): ?>
    <?php 
    $fediverseComments = FediverseSync_Plugin::getFediverseComments($this->cid);
    echo FediverseSync_Plugin::renderFediverseComments($fediverseComments);
    ?>
<?php endif; ?>

博客文章同步Mastodon/Gotosocial

作者: 浪子
时间: 2025-02-19
分类: 分享
评论

介绍

这是一个在发布文章时自动同步到Mastodon/Gotosocial的插件

功能

很简单的功能实现,使用AI编写

在发布文章时触发

使用

在后台设置填入实例的地址和token

可选择摘要的字数

下载地址

GoToSocialSync.zip

Gotosocial 0.18.0版本快速部署

作者: 浪子
时间: 2025-02-18
分类: 默认
评论

在最新的0.18.0 版本中新增了可信代理 trusted-proxies

跟我当时使用的版本相比,已经增加了许多功能

譬如开放了注册页面, 譬如分域部署
需要注意的是这种部署布局的配置必须在第一次启动 GoToSocial 前完成。

主要是通过重定向来实现.把原本请求到账户所属域名的流量转发到真实的实例地址上去.

server {
  server_name sgcd.net;                                                      # account-domain

  location /.well-known/webfinger {
    rewrite ^.*$ https://social.sgcd.net/.well-known/webfinger permanent;    # host
  }

  location /.well-known/host-meta {
    rewrite ^.*$ https://social.sgcd.net/.well-known/host-meta permanent;  # host
  }

  location /.well-known/nodeinfo {
    rewrite ^.*$ https://social.sgcd.net/.well-known/nodeinfo permanent;   # host
  }
}

如此就需要部署一个新的GTS实例
修改一下docker-compose.yaml中的配置

services:
  gotosocial:
    image: superseriousbusiness/gotosocial:latest
    container_name: gotosocial
    user: 1000:1000
    networks:
      - gotosocial
    pull_policy: always  
    environment:
      GTS_HOST: social.sgcd.net #实例地址
      GTS_ACCOUNT_DOMAIN: sgcd.net #用户账户所属的域名
      GTS_DB_TYPE: sqlite #使用sqlite数据库
      GTS_DB_ADDRESS: /gotosocial/storage/sqlite.db
      GTS_STORAGE_BACKEND: s3 # 使用S3存储 ,如果不需要可以删除包含STORAGE的环境变量
      GTS_STORAGE_S3_BUCKET: user #桶名
      GTS_STORAGE_S3_ENDPOINT: s3.bitiful.net  #S3端点
      GTS_STORAGE_S3_ACCESS_KEY: kmX5VsV8cB4ma8jeAg #
      GTS_STORAGE_S3_SECRET_KEY: DJ9qG7pNAZy9 #密钥
      GTS_STORAGE_S3_PROXY: true #代理S3,不会显示S3地址
      GTS_ACCOUNTS_ALLOW_CUSTOM_CSS: true #允许自定义CSS
      TZ: Asia/Chongqing #时区
      GTS_SMTP_HOST: mail.cock.li #smtp服务器
      GTS_SMTP_PORT: 587 #必须使用TLS
      GTS_SMTP_USERNAME: [email protected] #用户名
      GTS_SMTP_PASSWORD: ******  #密码
      GTS_SMTP_FROM: [email protected] #邮箱地址
      GTS_INSTANCE_LANGUAGES: zh #中文
      GTS_ACCOUNTS_REGISTRATION_OPEN: true #开放注册
      GTS_TRUSTED_PROXIES: 172.18.0.1/16 #可信代理
    ports:
      - "127.0.0.1:8080:8080"
    volumes:
      - ./data:/gotosocial/storage
    restart: "always"

networks:
  gotosocial:
    ipam:
      driver: default
      config:
        - subnet: "172.18.0.0/16"
          gateway: "172.18.0.1"

访问https://social.sgcd.net/@jkjoy
显示的账户所属的域名是sgcd.net
mastodon 可以通过 @[email protected] 来添加好友

基于Gotosocial/Mastodon给博客增加一个说说页面

作者: 浪子
时间: 2025-02-18
分类: 分享
评论

以本主题为例,在主题目录下新建gts.php,修改以下代码
Gotosocial必须有以下三个参数
GTS_INSTANCE USER_ID ACCESS_TOKEN
Mastodon则不需要ACCESS_TOKEN

<?php
/**
* 说说
*
* @package custom
*/
if (!defined('__TYPECHO_ROOT_DIR__')) exit;

// GoToSocial API 配置
define('GTS_INSTANCE', 'social.sgcd.net');  // 你的 GoToSocial 实例域名
define('USER_ID', '01N805GS5HM673X9J1TZQZPVHX');  // 你的用户 ID
define('ACCESS_TOKEN', ' ');  // 如果不需要认证，留空即可
define('ITEMS_PER_PAGE', 20);  // 每页显示的条目数
define('MAX_PAGES', 25);  // 最大缓存页数
define('API_BASE_URL', 'https://' . GTS_INSTANCE . '/api/v1');
define('CACHE_DIR', __TYPECHO_THEME_DIR__ . '/cache');
define('CACHE_LIFETIME', 3600); // 缓存生存时间（秒）

class GoToSocialFetcher {
    private $accessToken;
    private $baseUrl;
    private $cacheFile;
    
    public function __construct() {
        $this->accessToken = ACCESS_TOKEN;
        $this->baseUrl = API_BASE_URL;
        $this->cacheFile = CACHE_DIR . '/timeline_cache.json';
        
        if (!file_exists(CACHE_DIR)) {
            mkdir(CACHE_DIR, 0777, true);
        }
    }
    
    private function getCache() {
        if (file_exists($this->cacheFile)) {
            $cacheData = json_decode(file_get_contents($this->cacheFile), true);
            if ($cacheData && time() - $cacheData['timestamp'] < CACHE_LIFETIME) {
                return $cacheData['data'];
            }
        }
        return null;
    }
    
    private function setCache($data) {
        $cacheData = [
            'timestamp' => time(),
            'data' => $data
        ];
        file_put_contents($this->cacheFile, json_encode($cacheData));
    }
    
public function fetchTimeline() {
    $cachedData = $this->getCache();
    if ($cachedData !== null) {
        return $cachedData;
    }
    
    $toots = [];
    $lastId = null;
    
    for ($i = 0; $i < MAX_PAGES; $i++) {
        try {
            $url = $this->baseUrl . "/accounts/" . USER_ID . "/statuses?limit=" . ITEMS_PER_PAGE;
            if ($lastId) {
                $url .= "&max_id=" . $lastId;
            }
            
            // 初始化 CURL 选项
            $ch = curl_init();
            $headers = [
                'Accept: application/json',
                'User-Agent: PHP/GoToSocialFetcher'
            ];
            
            // 只有在设置了 token 且不为空时才添加认证头
            if (!empty($this->accessToken) && $this->accessToken !== 'your-access-token-here') {
                $headers[] = 'Authorization: Bearer ' . $this->accessToken;
            }
            
            curl_setopt_array($ch, [
                CURLOPT_URL => $url,
                CURLOPT_RETURNTRANSFER => true,
                CURLOPT_HTTPHEADER => $headers,
                CURLOPT_SSL_VERIFYPEER => true,
                CURLOPT_SSL_VERIFYHOST => 2
            ]);

            $response = curl_exec($ch);
            $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
            
            if ($response === false) {
                throw new Exception('CURL Error: ' . curl_error($ch));
            }
            
            if ($httpCode !== 200) {
                throw new Exception('API returned status code: ' . $httpCode);
            }
            
            curl_close($ch);
            
            $data = json_decode($response, true);
            
            if (json_last_error() !== JSON_ERROR_NONE) {
                throw new Exception('JSON decode error: ' . json_last_error_msg());
            }
            
            if (empty($data)) {
                break;
            }
            
            foreach ($data as $toot) {
                if (empty($toot['reblog']) && empty($toot['in_reply_to_id'])) {
                    $toots[] = $toot;
                }
            }
            
            if (!empty($data)) {
                $lastId = end($data)['id'];
            }
            
        } catch (Exception $e) {
            error_log('Error fetching timeline: ' . $e->getMessage());
            throw $e;
        }
    }
    
    $this->setCache($toots);
    return $toots;
}

    public function renderTimeline($page = 1) {
        try {
            $toots = $this->fetchTimeline();
            
            $totalItems = count($toots);
            $totalPages = ceil($totalItems / ITEMS_PER_PAGE);
            $page = max(1, min($page, $totalPages));
            $offset = ($page - 1) * ITEMS_PER_PAGE;
            
            $pageToots = array_slice($toots, $offset, ITEMS_PER_PAGE);
            
            if (!empty($pageToots)) {
                foreach ($pageToots as $toot) {
                    echo $this->renderToot($toot);
                }
                
                if ($totalPages > 1) {
                    echo $this->renderPagination($page, $totalPages);
                }
            } else {
                echo '<div class="empty-talks">暂时没有说说</div>';
            }
            
        } catch (Exception $e) {
            echo '<div class="error">Error: ' . htmlspecialchars($e->getMessage()) . '</div>';
        }
    }
    
    private function renderToot($toot) {
        $html = '<article class="post">';
        $html .= '<div class="post-header">';
        $html .= '<img src="' . htmlspecialchars($toot['account']['avatar']) . '" alt="Avatar" class="avatar">';
        $html .= '<div class="post-meta">';
        $html .= '<h2 class="display-name">' . 
                 htmlspecialchars($toot['account']['display_name']) . 
                 ' <span class="username">@' . htmlspecialchars($toot['account']['username']) . '</span></h2>';
        $html .= '<time datetime="' . $toot['created_at'] . '">' . date('Y-m-d H:i', strtotime($toot['created_at'])) . '</time>';
        $html .= '</div></div>';
        
        $html .= '<div class="post-content">';
        $html .= $toot['content'];
        
        if (!empty($toot['media_attachments'])) {
            $html .= '<div class="media-attachments">';
            foreach ($toot['media_attachments'] as $media) {
                if ($media['type'] === 'image') {
                    $html .= '<img src="' . htmlspecialchars($media['url']) . '" alt="Media" class="attachment">';
                }
            }
            $html .= '</div>';
        }
        $html .= '</div>';
        
        $html .= '<div class="post-footer">';
        $html .= '<span class="interactions">';
        $html .= '<span>🔁 ' . $toot['reblogs_count'] . '</span>';
        $html .= '<span>⭐ ' . $toot['favourites_count'] . '</span>';
        $html .= '</span></div>';
        $html .= '</article>';
        
        return $html;
    }
    
    private function renderPagination($currentPage, $totalPages) {
        $html = '<div class="pagination flex justify-between items-center my-8">';
        
        $prevClass = $currentPage == 1 ? ' opacity-50 cursor-not-allowed' : '';
        $html .= '<a href="?page=' . max(1, $currentPage - 1) . '" class="prev px-6 py-4 bg-black text-white rounded-full text-sm shadow-lg transition-all duration-100' . $prevClass . '">上一页</a>';
        
        $nextClass = $currentPage == $totalPages ? ' opacity-50 cursor-not-allowed' : '';
        $html .= '<a href="?page=' . min($totalPages, $currentPage + 1) . '" class="next px-6 py-4 bg-black text-white rounded-full text-sm shadow-lg transition-all duration-100' . $nextClass . '">下一页</a>';
        
        $html .= '</div>';
        return $html;
    }
}

$this->need('header.php');
?>

<main class="prose prose-neutral relative mx-auto min-h-[calc(100%-10rem)] max-w-3xl px-8 pt-20 pb-32 dark:prose-invert">
    <article>
        <header class="mb-20">
            <h1 class="!my-0 pb-2.5">说说</h1>
        </header>
        <section class="talks-container">
            <?php 
            $page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
            $fetcher = new GoToSocialFetcher();
            $fetcher->renderTimeline($page);
            ?>
        </section>
    </article>
</main>
    <style>
 
        .timeline {
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        
        .post {
            padding: 20px;
            border-bottom: 1px solid #eee;
        }
        
        .post:last-child {
            border-bottom: none;
        }
        
        .post-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-right: 15px;
        }
        
        .post-meta {
            flex: 1;
        }
        
        .display-name {
            font-size: 1.1em;
            font-weight: bold;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 8px; /* 添加显示名称和用户名之间的间距 */
        }
        
        .username {
            color: #666;
            font-size: 0.85em;
            font-weight: normal;
        }
        
        .post-content {
            margin: 15px 0;
        }
        
        .media-attachments {
            margin-top: 15px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 10px;
        }
        
        .attachment {
            max-width: 100%;
            border-radius: 4px;
        }
        
        .post-footer {
            margin-top: 15px;
            color: #666;
        }
        
        .interactions span {
            margin-right: 20px;
        }
        
        .error {
            background-color: #fee;
            color: #c00;
            padding: 15px;
            border-radius: 4px;
            margin: 20px 0;
        }
        
        .no-posts {
            text-align: center;
            padding: 40px;
            color: #666;
        }
        
        @media (max-width: 640px) {
            .display-name {
                font-size: 1em;
                gap: 6px;
            }
            
            .username {
                font-size: 0.8em;
            }
            .container {
                padding: 10px;
            }
            
            .pagination {
                padding: 0 10px;
            }
            
            .post {
                padding: 15px;
            }
            
            .avatar {
                width: 40px;
                height: 40px;
            }
        }
    </style>
<?php $this->need('footer.php'); ?>

Typecho S3存储插件 - S3Upload

作者: 浪子
时间: 2024-08-08
分类: 分享
评论

前言

用AI辅助写的插件,至于有没有什么BUG咱也不知道

预览

后台设置

使用须知

需关闭php的display_errors

仅测试缤纷云,R2
php版本8.3
其他请自测

下载地址:
S3下载:S3Upload.zip
项目地址 https://git.jiong.us/jkjoy/S3upload

Stack 又一款Typecho 主题

作者: 浪子
时间: 2024-08-08
分类: 分享
评论

前言

从Hugo主题Stack移植而来.

https://github.com/CaiJimmy/hugo-theme-stack

演示

https://wanne.cn

使用

站点 LOGO 地址

为左侧边栏头像

站点 Favicon 地址

Favicon

归档页面地址

创建归档页面后,在此填入

链接页面地址

使用links插件

创建链接页面后,在此填入

关于页面地址

创建关于页面后,在此填入

自定义菜单

        <li >
            <a href='/' >
                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
                <span>首页</span>
            </a>
        </li>

按照此格式填入

是否在侧边栏显示按日期归档

由于日期归档过多,可以选择是否显示

是否使用魔改风格

mod风格来自其他Stack用户

分类图片目录

按照分类的 mid 以jpg的格式存放的目录
譬如本地目录或者 CDN 等,用于匹配归档页面的分类图片

使用第三方评论

可以选择使用第三方的评论系统如 twikoo 等

Header代码

用于DIY CSS 或身份验证等

Footer代码

用于插入备案号码或者统计代码等

项目地址

https://github.com/jkjoy/Typecho-Theme-Stack

使用nginx反代实现docker镜像加速

作者: 浪子
时间: 2024-08-08
分类: 分享
评论

由于国内的公共加速倒了一大片,导致很多人为docker镜像无法拉取而烦恼

解决办法

使用境外vps反向代理

此处以宝塔为例

新建网站-输入域名以 docker.ima.cm 为例
申请SSL证书,然后在伪静态设置中输入以下

location / {
   proxy_pass https://registry-1.docker.io;  
   proxy_set_header Host registry-1.docker.io;
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   proxy_set_header X-Forwarded-Proto $scheme;               
   proxy_buffering off;
   proxy_set_header Authorization $http_authorization;
   proxy_pass_header  Authorization;
   proxy_intercept_errors on;
   recursive_error_pages on;
   error_page 301 302 307 = @handle_redirect;
             }
location @handle_redirect {
     resolver 1.1.1.1;
     set $saved_redirect_location '$upstream_http_location';
     proxy_pass $saved_redirect_location;
             }

保存即可.

然后把https://docker.ima.cm加入镜像加速列表

{
  "registry-mirrors": [
    "https://docker.ima.cm"
  ]
}

Farallon - 又一款Typecho Theme

作者: 浪子
时间: 2024-06-13
分类: 分享
评论

说明

这是我移植的第一款主题

来自hugo-theme-farallon

保证原汁原味,可以直接使用原主题的CSS

精简部分 JS.

压缩包只有150KB

原项目地址

感谢bigfa大大制作的主题
https://github.com/bigfa/hugo-theme-farallon

预览

移植进度

95%

2024.6.12
更新豆瓣API获取方式
Docker 自动同步豆瓣书影音记录
主题设置处填入API
2024.6.7
用自带评论做的说说页面,来自
https://github.com/gogobody/typecho-whisper
删减部分内容只能发表文字
2024.6.4
主题设置更新了部分说明
删除统计页面js改为公共CDN
2024.5.26
抄了一个网站统计的页面
2024.5.24
新增了说说页面,基于memos 0.19 以下的版本
在后台设置memos的地址和memoID即可
默认获取最近20条公开的memo

功能

已知问题

由于typecho分类并无图片设置,所以默认使用
https://static.fatesinger.com/2021/12/vhp6eou5x2wqh2zy.jpg
可以自行替换或者删除

使用指南

豆瓣页面说明

https://www.imsun.org/movies/
使用原有js方式获取豆瓣页面
所需Token需在 https://node.wpista.com/ 获取

豆瓣收藏使用方法微信扫码登录https://node.wpista.com/ 输入你的豆瓣数字 id，点击保存即可自动同步豆瓣记录。点击 Get integration token 会生成一个 token。

友情链接说明

https://www.imsun.org/links/
基于 links 插件实现

可使用 寒泥 大佬制作的版本或者其他版本

说说页面说明

by memos

https://www.imsun.org/memos/
利用memos实现动态获取说说,仅支持memos v0.20.0以下版本
使用自定义字段设置memos
在自定义字段中填入memos值为memos地址,不带/
在自定义字段中填入memosID默认值为1, 当您的ID 不为1时需要设置
在自定义字段中填入memosnum默认值为20,默认获取20条最近的memo

by mastodon

https://www.imsun.org/talks/
支持mastodon gts pleroma
根据 https://www.imsun.org/archives/1643.html#toc3 获得API地址
在自定义字段中填入tooot值为Mastodon API 地址

首页摘要

若使用AI摘要插件则显示AI摘要,不使用则显示默认字数摘要

下载地址

https://github.com/jkjoy/typecho-theme-farallon

使用prism.js代码高亮

作者: 浪子
时间: 2024-03-22
分类: 分享
评论

实现代码块高亮显示效果
head加入

<script src="https://cdnjs.sgcd.net/code-highlight/js/prism.js"></script>
<link rel="stylesheet" href="https://cdnjs.sgcd.net/code-highlight/css/prism.css"  />

footer加入

<script>Prism.highlightAll()  </script>

美化 mac 风格

在js中加入

var container = document.getElementsByTagName('main')[0];
var codeBlocks = container.getElementsByTagName('pre');
Array.from(codeBlocks).forEach(function(item) {
  item.style.whiteSpace = 'pre-wrap';
  // Add pre-mac element for Mac Style UI
  var preMac = document.createElement('div');
  preMac.classList.add('pre-mac');
  preMac.innerHTML = '<span></span><span></span><span></span>';
  item.parentNode.insertBefore(preMac, item);
  item.classList.add('line-numbers');
});

css

.pre-mac {
  position: relative;
  margin-top: -7px;
  top: 21px;
  left: 10px;
  width: 100px;
  z-index: 99;
}
.pre-mac > span {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.pre-mac > span:nth-child(1) {
  background: red;
}
.pre-mac > span:nth-child(2) {
  background: sandybrown;
}
.pre-mac > span:nth-child(3) {
  background: limegreen;
}