分享 on 资深网民孙先生

使用cloudflare workers+R2 实现相册功能

Thu, 18 Sep 2025 03:30:00 +0000

前言

白嫖cloudflare的R2存储图片，然后用workers实现一个简单的相册功能

步骤

注册Cloudflare账号，创建R2存储桶（bucket）和Workers KV命名空间
在R2存储桶中上传一些图片（支持jpg、jpeg、png、gif、webp格式）
创建一个新的Cloudflare Workers脚本，复制以下代码并粘贴到脚本编辑器中

export default {
  async fetch(request, env, ctx) {
    const url = new URL(request.url);
    
    // 相册主页
    if (url.pathname === '/') {
      return await generateAlbumPage(env, ctx);
    }
    
    // 搜索接口
    if (url.pathname === '/search') {
      const query = url.searchParams.get('q') || '';
      return await searchImages(env, query, ctx);
    }
    
    // 图片代理（解决跨域问题）
    if (url.pathname.startsWith('/image/')) {
      const key = decodeURIComponent(url.pathname.slice(7));
      return await serveImage(env, key);
    }
    
    return new Response('Not Found', { status: 404 });
  }
};

// 提取文件名的基本部分（不含路径和扩展名）
function getBaseName(key) {
  // 去除路径
  const filename = key.substring(key.lastIndexOf('/') + 1);
  // 去除扩展名
  return filename.substring(0, filename.lastIndexOf('.'));
}

// 计算相对时间
function timeAgo(timestamp) {
  const seconds = Math.floor((new Date() - new Date(timestamp)) / 1000);
  
  // 定义时间间隔
  const intervals = {
    year: 31536000,
    month: 2592000,
    week: 604800,
    day: 86400,
    hour: 3600,
    minute: 60
  };
  
  // 如果小于30秒
  if (seconds < 30) return '刚刚';
  
  // 计算时间差
  let counter;
  for (const i in intervals) {
    counter = Math.floor(seconds / intervals[i]);
    if (counter > 0) {
      if (counter === 1) {
        return `${counter} ${i}前`; // 1天前
      } else {
        return `${counter} ${i}前`; // 2天前
      }
    }
  }
  
  return '刚刚';
}

// 生成相册页面
async function generateAlbumPage(env, ctx) {
  const images = await listAllImages(env, ctx);
  
  const html = `
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>浪子的相册 - 且听风吟</title>
      <style>
        body { 
          font-family: Arial, sans-serif; 
          max-width: 1200px; 
          margin: 0 auto; 
          padding: 20px;
          background-color: #f5f5f5;
        }
        .search { 
          margin-bottom: 20px; 
          display: flex;
          gap: 10px;
        }
        .search input {
          flex: 1;
          padding: 10px;
          border: 1px solid #ddd;
          border-radius: 4px;
        }
        .search button {
          padding: 10px 20px;
          background-color: #4CAF50;
          color: white;
          border: none;
          border-radius: 4px;
          cursor: pointer;
        }
        .search button:hover {
          background-color: #45a049;
        }
        .grid { 
          display: grid; 
          grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); 
          gap: 20px; 
        }
        .card { 
          border: 1px solid #ddd; 
          border-radius: 8px; 
          overflow: hidden; 
          background-color: white;
          box-shadow: 0 2px 4px rgba(0,0,0,0.1);
          transition: transform 0.3s ease;
          cursor: pointer;
        }
        .card:hover {
          transform: translateY(-5px);
          box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        .card img { 
          width: 100%; 
          height: 200px; 
          object-fit: cover; 
        }
        .card-info { 
          padding: 10px; 
        }
        .card-name { 
          font-weight: bold; 
          margin-bottom: 5px; 
          word-break: break-word;
        }
        .card-meta {
          font-size: 0.9em;
          color: #666;
        }
        .time-ago {
          color: #4CAF50;
          font-weight: 500;
        }
        
        /* 灯箱样式 */
        .lightbox {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.9);
          z-index: 1000;
          text-align: center;
          padding: 20px;
          box-sizing: border-box;
        }
        .lightbox-content {
          position: relative;
          max-width: 90%;
          max-height: 90%;
          margin: 0 auto;
          display: inline-block;
        }
        .lightbox img {
          max-width: 100%;
          max-height: 90vh;
          object-fit: contain;
          border: 2px solid white;
          box-shadow: 0 0 20px rgba(0,0,0,0.5);
        }
        .lightbox-caption {
          color: white;
          margin-top: 15px;
          font-size: 18px;
        }
        .lightbox-close {
          position: absolute;
          top: 20px;
          right: 20px;
          color: white;
          font-size: 30px;
          cursor: pointer;
          z-index: 1001;
        }
        .lightbox-nav {
          position: absolute;
          top: 50%;
          width: 100%;
          transform: translateY(-50%);
          display: flex;
          justify-content: space-between;
          padding: 0 20px;
          box-sizing: border-box;
        }
        .lightbox-nav button {
          background-color: rgba(255, 255, 255, 0.2);
          color: white;
          border: none;
          border-radius: 50%;
          width: 50px;
          height: 50px;
          font-size: 24px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: background-color 0.3s;
        }
        .lightbox-nav button:hover {
          background-color: rgba(255, 255, 255, 0.4);
        }
      </style>
    </head>
    <body>
      <h1>且听风吟</h1>
      <div class="search">
        <input type="text" id="searchInput" placeholder="搜索" />
        <button onclick="searchImages()">Search</button>
      </div>
      <div id="imageGrid" class="grid">
        ${images.map((img, index) => `
          <div class="card" data-index="${index}" onclick="openLightbox(${index})">
            <img src="/image/${encodeURIComponent(img.key)}" alt="${img.key}" />
            <div class="card-info">
              <div class="card-name">${getBaseName(img.key)}</div>
              <div class="card-meta">
               <!-- Size: ${formatBytes(img.size)} | -->
                <span class="time-ago" data-timestamp="${img.uploaded}">${timeAgo(img.uploaded)}</span>
              </div>
            </div>
          </div>
        `).join('')}
      </div>
      
      <!-- 灯箱 -->
      <div id="lightbox" class="lightbox">
        <span class="lightbox-close" onclick="closeLightbox()">&times;</span>
        <div class="lightbox-content">
          <img id="lightbox-img" src="" alt="" />
          <div id="lightbox-caption" class="lightbox-caption"></div>
        </div>
        <div class="lightbox-nav">
          <button id="prev-btn" onclick="changeImage(-1)">&#10094;</button>
          <button id="next-btn" onclick="changeImage(1)">&#10095;</button>
        </div>
      </div>
      
      <script>
        // 提取文件名的基本部分（不含路径和扩展名）
        function getBaseName(key) {
          // 去除路径
          const filename = key.substring(key.lastIndexOf('/') + 1);
          // 去除扩展名
          return filename.substring(0, filename.lastIndexOf('.'));
        }
        
        // 计算相对时间
        function timeAgo(timestamp) {
          const seconds = Math.floor((new Date() - new Date(timestamp)) / 1000);
          
          // 定义时间间隔
          const intervals = {
            year: 31536000,
            month: 2592000,
            week: 604800,
            day: 86400,
            hour: 3600,
            minute: 60
          };
          
          // 如果小于30秒
          if (seconds < 30) return '刚刚';
          
          // 计算时间差
          let counter;
          for (const i in intervals) {
            counter = Math.floor(seconds / intervals[i]);
            if (counter > 0) {
              if (counter === 1) {
                return \`\${counter} \${i} Ago\`; // 1天前
              } else {
                return \`\${counter} \${i} Ago\`; // 2天前
              }
            }
          }
          
          return '刚刚';
        }
        
        // 更新所有时间显示
        function updateTimeAgoElements() {
          const timeElements = document.querySelectorAll('.time-ago');
          timeElements.forEach(element => {
            const timestamp = element.getAttribute('data-timestamp');
            element.textContent = timeAgo(timestamp);
          });
        }
        
        // 存储所有图片信息
        const allImages = ${JSON.stringify(images)};
        let currentImageIndex = 0;
        
        // 打开灯箱
        function openLightbox(index) {
          currentImageIndex = index;
          showImage(index);
          document.getElementById('lightbox').style.display = 'block';
          document.body.style.overflow = 'hidden'; // 防止背景滚动
        }
        
        // 关闭灯箱
        function closeLightbox() {
          document.getElementById('lightbox').style.display = 'none';
          document.body.style.overflow = 'auto'; // 恢复背景滚动
        }
        
        // 显示指定索引的图片
        function showImage(index) {
          if (index < 0) index = allImages.length - 1;
          if (index >= allImages.length) index = 0;
          
          currentImageIndex = index;
          const img = allImages[index];
          
          document.getElementById('lightbox-img').src = '/image/' + encodeURIComponent(img.key);
          document.getElementById('lightbox-img').alt = img.key;
          document.getElementById('lightbox-caption').innerHTML = 
            '<strong>' + getBaseName(img.key) + '</strong><br>' +
            'Size: ' + formatBytes(img.size) + ' | ' + 
            '<span class="time-ago">' + timeAgo(img.uploaded) + '</span>';
        }
        
        // 切换图片
        function changeImage(direction) {
          showImage(currentImageIndex + direction);
        }
        
        // 搜索图片
        async function searchImages() {
          const query = document.getElementById('searchInput').value;
          const response = await fetch('/search?q=' + encodeURIComponent(query));
          const images = await response.json();
          
          const grid = document.getElementById('imageGrid');
          grid.innerHTML = images.map((img, index) => \`
            <div class="card" data-index="\${index}" onclick="openLightbox(\${index})">
              <img src="/image/\${encodeURIComponent(img.key)}" alt="\${img.key}" />
              <div class="card-info">
                <div class="card-name">\${getBaseName(img.key)}</div>
                <div class="card-meta">
                  Size: \${formatBytes(img.size)} | 
                  <span class="time-ago" data-timestamp="\${img.uploaded}">\${timeAgo(img.uploaded)}</span>
                </div>
              </div>
            </div>
          \`).join('');
          
          // 更新全局图片列表
          allImages.length = 0;
          allImages.push(...images);
        }
        
        // 格式化字节大小
        function formatBytes(bytes) {
          if (bytes === 0) return '0 Bytes';
          const k = 1024;
          const sizes = ['Bytes', 'KB', 'MB', 'GB'];
          const i = Math.floor(Math.log(bytes) / Math.log(k));
          return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
        }
        
        // 键盘事件监听
        document.addEventListener('keydown', function(e) {
          if (document.getElementById('lightbox').style.display === 'block') {
            if (e.key === 'Escape') {
              closeLightbox();
            } else if (e.key === 'ArrowLeft') {
              changeImage(-1);
            } else if (e.key === 'ArrowRight') {
              changeImage(1);
            }
          }
        });
        
        // 点击灯箱背景关闭
        document.getElementById('lightbox').addEventListener('click', function(e) {
          if (e.target === this) {
            closeLightbox();
          }
        });
        
        // 初始更新时间显示
        updateTimeAgoElements();
        
        // 每分钟更新一次时间显示
        setInterval(updateTimeAgoElements, 60000);
      </script>
    </body>
    </html>
  `;
  
  return new Response(html, { headers: { 'Content-Type': 'text/html' } });
}

// 搜索图片
async function searchImages(env, query, ctx) {
  const images = await listAllImages(env, ctx);
  const filtered = images.filter(img => 
    img.key.toLowerCase().includes(query.toLowerCase())
  );
  
  return new Response(JSON.stringify(filtered), {
    headers: { 'Content-Type': 'application/json' }
  });
}

// 获取所有图片列表
async function listAllImages(env, ctx) {
  // 尝试从KV缓存获取
  const cacheKey = 'image-index';
  const cached = await env.ALBUM_KV.get(cacheKey);
  if (cached) return JSON.parse(cached);
  
  // 从R2获取最新列表
  const objects = [];
  let cursor = undefined;
  
  do {
    const options = { limit: 1000 };
    if (cursor) options.cursor = cursor;
    
    const list = await env.MY_R2_BUCKET.list(options);
    
    objects.push(...list.objects.filter(obj => 
      obj.key.match(/\.(jpg|jpeg|png|gif|webp)$/i)
    ));
    
    cursor = list.truncated ? list.cursor : undefined;
  } while (cursor);
  
  // 转换为需要的格式
  const images = objects.map(obj => ({
    key: obj.key,
    size: obj.size,
    uploaded: obj.uploaded
  }));
  
  // 缓存结果（TTL 1小时）
  ctx.waitUntil(env.ALBUM_KV.put(cacheKey, JSON.stringify(images), { expirationTtl: 3600 }));
  
  return images;
}

// 代理图片服务
async function serveImage(env, key) {
  const object = await env.MY_R2_BUCKET.get(key);
  if (!object) return new Response('Not Found', { status: 404 });
  
  const headers = new Headers();
  object.writeHttpMetadata(headers);
  headers.set('Cache-Control', 'public, max-age=31536000');
  
  return new Response(object.body, { headers });
}

function formatBytes(bytes) {
  if (bytes === 0) return '0 Bytes';
  const k = 1024;
  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
  const i = Math.floor(Math.log(bytes) / Math.log(k));
  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
}

在脚本设置中，绑定R2存储桶和KV命名空间：

Mastodon v4.4.0升级指南

Thu, 04 Sep 2025 11:42:00 +0000

升级指南

最最最最重要的莫过于先备份数据库了

docker exec mastodon-db-1 pg_dump -Fc -U postgres postgres > name_of_the_backup.dump

从4.3.X 升级到 4.4.0

按照官方给出的提示要求先升级到4.3.9版本

然后再一次操作

通过设置环境变量 SKIP_POST_DEPLOYMENT_MIGRATIONS 为 true 来运行预部署数据库迁移：

docker-compose run --rm -e SKIP_POST_DEPLOYMENT_MIGRATIONS=true web bundle exec rails db:migrate

重启所有 Mastodon 进程。
运行部署后的数据库迁移：

docker-compose run --rm web bundle exec rails db:migrate

如果您使用 Elasticsearch 或 OpenSearch，请使用

docker-compose run --rm web bin/tootctl search deploy --only-mapping -only=accounts

重建账户搜索索引映射。

使用Docker快速部署邮件服务器 Mailserver

Mon, 26 May 2025 03:30:00 +0000

起因

想部署一个简单的邮件服务器抛弃各种免费的企业邮局

主要是因为有太多账号都已经忘记了,而找回账号又是一阵折腾.

部署

Docker Compose 方式部署

services:
    mailserver:
        image: ghcr.io/docker-mailserver/docker-mailserver
        container_name: mailserver
        #env_file: ./.env
        healthcheck:
            retries: 0
            test: ss --listening --tcp | grep -P 'LISTEN.+:smtp' || exit 1
            timeout: 3s
        hostname: mail.imsun.org
        ports:
            - 25:25
            - 143:143
            - 465:465
            - 587:587
            - 993:993
        restart: always
        stop_grace_period: 1m
        volumes:
            - ./data/dms/mail-data/:/var/mail/
            - ./data/dms/mail-state/:/var/mail-state/
            - ./data/dms/mail-logs/:/var/log/mail/
            - ./data/dms/config/:/tmp/docker-mailserver/
            - /etc/localtime:/etc/localtime:ro

务必开放以上端口 25 143 465 587 993
如服务器端口被封禁则可以映射到其他端口

创建账户

启动容器之后

在容器中执行

setup email add admin@example.com

输入密码重复确认密码以example.com域名为例

使用n8n自动同步Mastodon嘟文到博客说说

Fri, 18 Apr 2025 09:57:01 +0800

思路

从长毛象获取嘟文，然后使用n8n的webhook功能将嘟文推送到博客的github所在的仓库。触发github的action，将备份的嘟文.md文件生成网页，然后推送到博客的gh-pages分支。

步骤

安装n8n
在mastodon设置webhook
在github中创建action

n8n流程使用蜗牛大大的https://e5n.cc/@eallion/114184519111953516 在此基础上修改部分内容。

// 获取 mix_content 和 createdAt
const ID = $('Fetch Latest Mastodon').first().json.body[0].id || '';
const createdAt = $('Fetch Latest Mastodon').first().json.body[0].created_at || '';
const URL = $('Fetch Latest Mastodon').first().json.body[0].url || '';
const mixContent = $('Mix Content').first().json.mix_content || '';

// 解析 created_at 时间戳
const date = new Date(createdAt);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1，并补零
const day = String(date.getDate()).padStart(2, '0'); // 补零
const hours = String(date.getHours() + 8).padStart(2, '0'); // 补零
const minutes = String(date.getMinutes()).padStart(2, '0'); // 补零
const seconds = String(date.getSeconds()).padStart(2, '0'); // 补零

// 格式化时间戳
const formattedTimestamp = `${year}-${month}-${day}T${hours}:${minutes}:${seconds}`;

// 将时间戳添加到 mixContent 中
const contentWithTimestamp = `---\ntitle: "${year}-${month}-${day}"\ndate: ${formattedTimestamp}\n\n--- \n${mixContent}`;

// 拼接文件路径
const githubFilePath = `content/zh-cn/memo/${ID}.md`;

// 返回结果
return {
    json: {
        github_file_name: githubFilePath,
        content: contentWithTimestamp,
        commit_message: URL
    }
};

在获取内容的时候加入 Front-matter, 然后将内容保存到 content/zh-cn/memo/${ID}.md 中。

通过取子集的方式压缩霞鹜文楷字体

Sat, 24 Aug 2024 00:00:00 +0000

使用python

这里使用到的是Python 的库：fonttools

使用最新版 Python 的 pip 命令安装即可在 Shell 中使用：

pip install fonttools

常用汉字大约有3500字

中文常用字库项目https://github.com/DavidSheh/CommonChineseCharacter

取子集

使用以下命令即可对字体文件取子集

fonttools subset "$input_file" --text-file="$text_file" --output-file="$output_file"

其中 $input_file：输入的字体文件。 $text_file：定义保留字符的纯文本文件路径。 $output_file：输出的字体文件路径。

取完子集完成之后字体从11M压缩到1.7M左右

压缩

安装模块brotli

pip install brotli

使用命令

fonttools ttLib.woff2 compress "$input_file" -o "$output_file"

其中 $input_file：输入的字体文件。 $output_file：输出的字体文件路径。

再次压缩为 woff2 字体格式大约840kb

Stack - 一个新的typecho主题

Thu, 11 Jul 2024 13:46:56 +0800

前言

本主题从Hugo主题Stack移植而来.

原项目 https://github.com/CaiJimmy/hugo-theme-stack

使用

站点 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>

按照此格式填入

使用mastodon为自己的博客新建说说页面

Fri, 31 May 2024 06:59:00 +0000

项目

https://gitlab.com/idotj/mastodon-embed-feed-timeline

GoToSocial与mastodon适用

实现步骤

新建页面把以下代码复制粘贴,更改其中的实例地址和user id即可

设置

如何设置

获取user_id的方法

右键点击自己的头像,新标签页打开获得头像地址为 https://im.loliko.cn/accounts/avatars/111/363/033/003/475/492/original/f726dbce158df8b9.jpg 从avatars/之后/original之前的一串数字111/363/033/003/475/492/去掉所有的/得到**111363033003475492**即是 user_id \

参数

// 默认: “ https://mastodon.social ” instanceUrl: “实例地址”,

// 可选模式: ’local’, ‘profile’, ‘hashtag’ 默认为’local’ timelineType: “local”,

// 你的用户ID,默认为空 userId: “”,

// 你在实例中的用户名以@开头 // 如果你没有选择 ‘profile’ 作为时间轴,则留空,默认留空 profileName: “”,

// 标签名称 (不包含#符号) 如果不选择 hashtag 模式则留空,默认为空 hashtagName: “”,

// 可选风格样式: “light”, “dark” or “auto” 默认为: “auto” defaultTheme: “auto”,

// 请求的帖子数量,默认: “20” maxNbPostFetch: “20”,

// 在时间轴显示最大的帖子数量,默认 : “20” maxNbPostShow: “20”,

Moments:一个仿微信朋友圈项目

Mon, 06 May 2024 19:42:55 +0800

项目简介

本项目是由mblog的作者最新开发的仿微信朋友圈的微博,基于NEXTJS+SQLITE3. 目前正在快速迭代更新中..

支持匿名评论/点赞
支持引入网易云音乐,b站视频,插入链接等
支持自定义头图,个人头像,网站标题等
支持上传图片到S3兼容的云存储,支持本地存储
适配手机
支持暗黑模式
数据库采用sqlite,可随时备份
支持引入豆瓣读书/豆瓣电影,样式来源于这里

项目地址

https://github.com/kingwrcy/moments

预览

部署步骤

建议使用Docker Compose方式部署

mkdir /home/moments
cd /home/moments
nano docker-compose.yaml

复制以下内容粘贴

version: '3'
services:
  moments:
    image: kingwrcy/moments:latest
    ports:
      - "3000:3000"
    volumes:
      - ./data:/app/data
      - /etc/localtime:/etc/localtime:ro
      - /etc/timezone:/etc/timezone:ro
      - ./config.properties:/app/data/config.properties:ro

然后

nano config.properties

把以下内容复制粘贴

# 站点url包括http/https
NUXT_PUBLIC_SITE_URL=
#是否启用评论
NUXT_PUBLIC_MOMENTS_COMMENT_ENABLE=true
#是否显示评论
NUXT_PUBLIC_MOMENTS_SHOW_COMMENT=true
#评论最大字数
NUXT_PUBLIC_MOMENTS_COMMENT_MAX_LENGTH=120
#评论的显示顺序,desc:倒序,asc:顺序
NUXT_PUBLIC_MOMENTS_COMMENT_ORDER_BY=desc
#是否显示引入豆瓣读书/视频按钮
NUXT_PUBLIC_MOMENTS_TOOLBAR_ENABLE_DOUBAN=true
#是否显示引入网易云音乐按钮
NUXT_PUBLIC_MOMENTS_TOOLBAR_ENABLE_MUSIC163=true
#是否显示引入youtube,b站,在线视频按钮
NUXT_PUBLIC_MOMENTS_TOOLBAR_ENABLE_VIDEO=true
#单条发言最大行数,最大10行
NUXT_PUBLIC_MOMENTS_MAX_LINE=4
#recaptchaV3代码中使用此网站密钥
NUXT_PUBLIC_GOOGLE_RECAPTCHA_SITE_KEY=
#分页大小
NUXT_PUBLIC_PAGE_SIZE=10

#private
#recaptchaV3通信密钥
NUXT_GOOGLE_RECAPTCHA_SECRET_KEY=

#是否启用评论通知
NUXT_PUBLIC_NOTIFY_BY_EMAIL_ENABLE=false
#管理员邮箱
NUXT_NOTIFY_MAIL=
#邮局服务器地址
NUXT_MAIL_HOST=
#邮局服务器端口465端口一般是加密的，587端口一般是不加密的
NUXT_MAIL_PORT=587
#邮局安全连接true/false
NUXT_MAIL_SECURE=false
#邮箱用户名
NUXT_MAIL_NAME=
#邮箱密码
NUXT_MAIL_PASSWORD=
#邮箱发件人
NUXT_MAIL_FROM=
#邮箱发件人名称
NUXT_MAIL_FROM_NAME=

#是否启用阿里云文本审核(只针对评论)
NUXT_PUBLIC_ALIYUN_TEXT_JUDGE_ENABLE=false
#阿里云AccessKey ID
NUXT_ALIYUN_ACCESS_KEY_ID=
#阿里云AccessKey Secret
NUXT_ALIYUN_ACCESS_KEY_SECRET=

根据注释内容修改参数

解决Typecho博客全球通用头像Gravatar不显示方法

Tue, 12 Dec 2023 04:49:39 +0000

替换头像源使用国内cdn加速

在config中任意位置加入以下

define('__TYPECHO_GRAVATAR_PREFIX__', 'https://cdn.v2ex.com/avatar/');

https://cdn.v2ex.com/avatar/可更改为其他CDN头像源

当然也可以通过vercel反向代理建立自己的镜像头像地址

巨械师X99M+RX5600XT黑苹果OC0.9.5引导

Tue, 05 Sep 2023 13:42:00 +0000

配置

巨械师X99M

E5 2680 V4

三星DDR4 64G ECC内存

梵想1TB SSD

蓝宝石RX5600XT 6G

机箱鱼巢S5

电源长城700W金牌

网卡 BCM94360CS2

截图

下载地址

https://pan.sunpeiwen.com/%E9%98%BF%E9%87%8C%E4%BA%91%E7%9B%98/%E9%BB%91%E8%8B%B9%E6%9E%9C/X99%20%E5%B7%A8%E6%A2%B0%E5%B8%88/EFI.zip

精粤h97i gaming+e3 1231 v3+rx560黑苹果引导

Tue, 05 Sep 2023 10:32:00 +0000

配置

主板精粤h97i gaming cpu e3 1231 v3 内存16g ddr3 显卡 rx560 硬盘 480ssd 网卡bcm943224

截图

硬件参数.png

bios设置

禁止csm

禁止cfg lock

打开 above 4g

引导下载

EFI.zip

在fly.io部署Gotosocial-一个 ActivityPub 联邦社交网络程序.

Thu, 17 Aug 2023 03:21:00 +0000

关于Gotosocial

GoToSocial 是一个十分轻量（轻量到甚至没有用户界面，需要使用第三方程序登录、兼容 Mastodon 应用进行使用）的 ActivityPub 联邦社交网络程序，自建 GoToSocial 可以避免您的信息因为所在实例倒闭、不可抗力等原因化为乌有。

准备

安装 flyctl

Linux

curl -L https://fly.io/install.sh | sh

macOS

curl -L https://fly.io/install.sh | sh

Windows，需要开启 RemoteSigned: 管理员运行

 Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

powershell -Command "iwr https://fly.io/install.ps1 -useb | iex"

创建APP

YOURAPPNAME更改为自己希望设置的名称

flyctl launch --name YOURAPPNAME --image=superseriousbusiness/gotosocial:latest --region hkg --no-deploy

创建储存卷

flyctl volumes create social_data --region hkg --size 1

编辑配置

编辑根目录下的 fly.toml 配置文件，参考下方

在fly.io部署Memos并自动备份数据库

Tue, 15 Aug 2023 02:02:00 +0000

参考项目

https://github.com/hu3rror/memos-on-fly

准备工作

1.注册FLY.IO 用以部署memos 2.注册B2C https://www.backblaze.com/cloud-storage 用以同步备份memos数据库新建BUCKET,并获取<keyId>和<applicationKey>

安装flyctl

Install flyctl 以WINDOWS为例

pwsh -Command "iwr https://fly.io/install.ps1 -useb | iex"

其他系统请参照官方

新建APP

初始化

flyctl launch

按照提示选择会生成一个FLY.TOML文件

编辑FLY.TOML

添加以下内容

[build]
  image = "ghcr.io/hu3rror/memos-litestream:latest"
#如果不需要备份数据库则可以选择官方的docker镜像ghcr.io/usememos/memos:latest
#使用官方镜像可以删掉env的部分
[env]
  # Details see: https://litestream.io/guides/backblaze/
  LITESTREAM_REPLICA_BUCKET = "B2C桶名称"     # change to your litestream bucket name
  LITESTREAM_REPLICA_ENDPOINT = "s3.us-east-005.backblazeb2.com"     # change to your litestream endpoint url
  LITESTREAM_REPLICA_PATH = "memos_prod.db"     # keep the default or change to whatever path you want

[[mounts]]
  source = "memos_data"
  destination = "/var/opt/memos"

[http_service]
  internal_port = 5230
  force_https = true
  auto_stop_machines = false
  auto_start_machines = true
  min_machines_running = 0

添加1g存储空间

flyctl volumes create memos_data --region hkg --size 1

添加密钥

将B2存储的密钥添加到fly的密钥存储中, 使用官方镜像可以忽略此步骤

在fly.io部署artalk评论系统

Tue, 15 Aug 2023 01:37:00 +0000

众所周知Fly.io是一个免费的SAAS平台提供三个内存为256MB,总3G硬盘空间. 为防止滥用,需要绑定信用卡.

Free allowances
Resources included for free on all plans:

Up to 3 shared-cpu-1x 256mb VMs†
3GB persistent volume storage (total)
160GB outbound data transfer

准备

安装官方的命令行工具flyctl

初始化

flyctl launch

根据提示创建一个app

创建一个1G的硬盘

1G的硬盘用来储存评论数据绰绰有余了

flyctl volumes create artalk_data --region hkg --size 1

编辑FLY.TOML

#根据自动生成的FLY.TOML文件修改
app = "atim"  
primary_region = "hkg"

[build]
  image = "artalk/artalk-go"

[http_service]
  internal_port = 23366
  force_https = true
  auto_stop_machines = true
  auto_start_machines = true
  min_machines_running = 0
  processes = ["app"]

[[mounts]]
  source = "artalk_data"
  destination = "/data"

[experimental]
  vm = true

在 fly.toml 文件目录执行

flyctl ssh console

创建一个管理员账号

istoreos科学上网插件

Thu, 13 Jul 2023 03:30:00 +0000

OpenWRT应该也可以用

可以支持SSR SS VLESS VMESS等

SSR-Plus_x86_update.zip

为Memos增加twikoo评论

Sat, 17 Jun 2023 06:42:00 +0000

食用方法

适用于最新版本的memos 0.13 在Memos设置中加入以下

自定义样式

#twikoo{padding: 1rem;background-color: rgb(63,63,70);margin: 1rem 0;border-radius: .5rem;color: #fff !important;}
.twicon{position: absolute;right: 1rem;}
.btns-container.space-x-2{margin-right:1.5rem;}
.action-button-container{color: #e5e7eb;}
.action-button-container a{display:none !important;}

自定义脚本

//添加 twikoo 评论 v2023.06.10 适用于最新版本的memos
var twikooENV = 'https://twikoo.loliko.cn/'
function addTwikooJS() { 
  var memosTwikoo = document.createElement("script");
  memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.16/twikoo.all.min.js`;
  var tws = document.getElementsByTagName("script")[0];
  tws.parentNode.insertBefore(memosTwikoo, tws);
};
function addComIcon(){
  var memoTwIcons = document.querySelectorAll('.time-text') || '';
  if(memoTwIcons){
    for(var i=0;i < memoTwIcons.length;i++){
      //if(memoTwIcon[i].hasChildNodes == false){
        memoTwIcons[i].insertAdjacentHTML('afterbegin', '<div class="twicon"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M896 138.667H128c-38.4 0-64 25.6-64 64v544c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128h384c38.4 0 64-25.6 64-64v-544c0-38.4-25.6-64-64-64zm0 608H486.4l-19.2 19.2c-51.2 51.2-102.4 83.2-147.2 96v-115.2H128v-544h768v544z" fill="#8a8a8a"/><path d="M256 477.867a64 64 0 1 0 128 0 64 64 0 1 0-128 0zM448 477.867a64 64 0 1 0 128 0 64 64 0 1 0-128 0zM640 477.867a64 64 0 1 0 128 0 64 64 0 1 0-128 0z" fill="#8a8a8a"/></svg></div>');
      //}
    }
  }
};
function startTwikoo() {
  start = setInterval(function(){
    var twikooDom = document.getElementById('twikoo') || '';
    var memoTw = document.querySelector('.memo-wrapper') || '';
    var memoLoading = document.querySelector('.action-button-container') || '';
    var memoLoadingA = document.querySelector('.action-button-container a') || '';
    var memoTwIcons = document.querySelectorAll('.time-text .twicon') || '';
    var nowHref = window.location.href;
    if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m" && memoLoadingA){
      memoLoading.innerHTML = "评论加载中……"
    }
    if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m" && !twikooDom){
      addTwikooJS()
      if(memoTw){
        clearInterval(start)
        memoTw.insertAdjacentHTML('afterend', '<div id="mtcomment"></div>');
        setTimeout(function() {
          twikoo.init({
            envId: twikooENV,
            el: '#mtcomment',
            path: nowHref.replace(/^(.*\/m\/[0-9]+).*$/,'$1'),
            onCommentLoaded: function () {
              //console.log('评论加载完成');
              memoLoading.innerHTML = ''
              startTwikoo()
            }
          })
        }, 1000)
      }
    }
    if(nowHref.replace(/^.*\/(explore).*$/,'$1') == "explore" || nowHref.replace(/^.*\/(u).*$/,'$1') == "u"){
      memoTwIcons.forEach(memoTwIcon => {memoTwIcon.remove();});
      addComIcon()
      //console.log('图标添加成功');
    }
    //console.log(window.location.href);
  }, 1000)
}
startTwikoo();

群晖docker出现注册表无法访问的解决办法

Tue, 06 Jun 2023 01:25:00 +0000

问题出现

群晖docker升级到DSM7.2之后出现了新的问题,原本可以正常访问的群晖镜像仓库竟然无法访问了. 原本启用注册表镜像URL就可以解决这个问题如今也无法使用这个解决方案了经过排查发现原来是因为docker仓库的域名被墙了.

解决办法

使用魔法.

准备工作

搭建一个代理服务,使用海外或者港台地区VPS

开启群晖SSH

微信截图_20230606091022.png

使用SSH登录

ssh 用户名@群晖IP登录例如

ssh admin@192.168.31.100

输入密码,回车

sudo -i

输入密码,回车

docker run -d \
--restart=always \
--privileged \
--network=host \
--name v2raya \
-v /volume2/docker/v2raya:/etc/v2raya \  #此处/volume2/docker/v2raya为群晖目录改成自己的实际存放目录
mzz2017/v2raya

使用docker部署v2ray 部署成功就可以在docker的管理界面看到这个容器了. 使用IP+端口2017登录web管理界面示例 192.168.31.100:2017 sock代理端口为20170 http代理端口为20171

使用v2raya

进入web管理界面点击创建填写代理资料

创建.png

填写完毕点击这里测试一下是否连通

photo_2023-06-06_09-22-32.jpg

微信截图_20230606092047.png

设置.png

设置完成后点击左上角的运行

群晖设置

打开控制面板-网络

群晖代理.png

保存即可

宝塔面板数据库有时候自动停止用计划任务来解决的办法

Tue, 23 May 2023 06:59:00 +0000

创建计划任务,每分钟执行一次脚本如下

pgrep -x mysqld &> /dev/null
if [ $? -ne 0 ];then
/etc/init.d/mysqld start 
fi

检测数据库状态并自动启动

解除typecho的最大字数限制

Tue, 09 May 2023 06:36:00 +0000

把contens表里的text字段类型设置为longtext 执行SQL

alter table typecho_contents modify text LONGTEXT

精粤X99M-PLUS-D3+rx580黑苹果opencore0.9.0引导

Fri, 28 Apr 2023 03:56:00 +0000

配置

CPU : E5 2673 V3
主板 : JINGYUE X99M-PLUS-D3
内存 : 三星 32G X4
硬盘 :梵想 1TB
网卡 : bcm94360CD

BIOS 设置

关闭or禁用:

CSM
CFG Lock
Secure Boot

引导下载

https://github.com/i886/JGINYUE-X99M-PLUS-D3-Hackintosh

国内注册ChatGPT的方法

Mon, 03 Apr 2023 03:28:00 +0000

国内注册ChatGPT的方法

ChatGPT 是由 OpenAI 开发的一个人工智能聊天机器人程序，于 2022 年 11 月推出，基于 GPT-3.5 架构的大型语言模型并通过强化学习进行训练，在这款软件中用户们可以与 AI 人工智能进行多种的对话工作，目前，有部分地区（例如中国大陆、香港）无法使用此项服务

ChatGPT技术开发商OpenAI斥巨资买下AI.com域名，现在访问 AI.com 直接跳转到ChatGPT官网。

ChatGPT功能

ChatGPT 在搜索和写作上非常强大。
ChatGPT 可以根据用户提供的信息，给出合理而有效的搜索结果，
ChatGPT 写的短篇小说，
ChatGPT 写的信件，内容通畅，用词准确。
ChatGPT 撰写专业的电子邮件回复
ChatGPT 为营销活动产生新的内容创意
ChatGPT 解决任何编码问题或为获取代码

国内用户注册ChatGPT的方法

国内用户想要注册 ChatGPT，首先需要有一个网络环境，例如美国；然后，需要一个可以接收短信验证码的手机号码，之后就可以打开 ChatGPT 的网站注册，邮件验证，电话号码验证等等。

如果出现如下的界面，则证明你的网络所在地区无法注册访问ChatGPT。

注意：如果无法搞定上述必要条件的话，可以尝试搭建一个梯子 x-ui：支持多协议多用户的 xray 面板

注册 OpenAI 账号

1、点击打开 https://chat.openai.com/auth/login 页面中的 Sign up 进行相应的账号注册（注意网络环境不能是香港，澳门等地区，不然会提示不能在当前国家服务）。

2、在新的页面可选择注册 ChatGPT 账号的方式，可以使用邮箱(国内邮箱也可以，建议使用国外邮箱)，，或者有谷歌账号的邮箱，或者用 Microsoft Account 注册也可以。

选择创建ChatGPT账号的方式

使用邮箱注册ChatGPT时，输入邮箱地址，点击Continue，之后输入密码，进入下一步骤。

使用邮箱注册ChatGPT

使用 Microsoft Account 注册ChatGPT时，可以使用Microsoft账号登录，如果有Github账号的话，可点击登录选项，然后选择使用Github账号注册。

Git在windows下区分大小写

Tue, 21 Mar 2023 11:03:00 +0000

在.deploy_git目录下运行

git config core.ignorecase false

可解决github pages 下CNAME被改为小写导致绑定域名失效的情况

centos7安装后没有网络

Tue, 29 Nov 2022 01:56:00 +0000

以root账号登陆用ip addr命令查看网络参数。打开eth0网卡的配置文件

vi /etc/sysconfig/network-scripts/ifcfg-eth0

把NOBOOT参数no，修改为yes 重启网络或者重启服务器都可

macOS一键安装homebrew国内镜像

Fri, 29 Jul 2022 07:33:00 +0000

国内镜像的一键安装脚本

官方给出的一键安装由于墙的原因可能无法安装成功。所以找到了一个国内镜像的一键安装脚本

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

Xcode 编译applealc出现签名错误的解决方法

Mon, 01 Nov 2021 02:08:00 +0000

##报错如下

In subcomponent: /Users/admin/Library/Developer/Xcode/DerivedData/AppleALC-fqueikknxpxowubueomyyxuwlnmg/Build/Products/Debug/AppleALC.kext/Contents/PlugIns/PinConfigs.kext/Contents/Info.plist.md5 Command CodeSign failed with a nonzero exit code

##解决方法在Other Code Signing Flags添加参数–deep

让Typecho文章内的超链接在新窗口打开

Sat, 27 May 2017 12:13:00 +0000

Markdown支持两种形式的链接语法：行内式和参考式两种形式。而我们打开所生产的超链接，默认是在本窗口打开的，为了有更好的阅读体验，我们往往希望在新窗口。要想让Typecho的文章中链接加上“_blank”，也有很多种方法，比如通过jQuery在网页搜索<a>标签，为其添加新窗口属性。下面这种方式是直接修改Typecho程序源码，来实现：在\var\CommonMark\HtmlRenderer.php 搜索

    case CommonMark_Element_InlineElement::TYPE_LINK:
    $attrs['href'] = $this->escape($inline->getAttribute('destination'), true);
    if ($title = $inline->getAttribute('title')) {
        $attrs['title'] = $this->escape($title, true);
    }
    
    return $this->inTags('a', $attrs, $this->renderInlines($inline->getAttribute('label')));

在return前加上下面这段代码：

    $attrs['target'] = '_blank'; // 给链接增加_blank属性