浪子 on 提剑追梦

使用github action自动化更新豆瓣观影页面

Tue, 07 Oct 2025 14:00:16 +0800

前文使用github action获取豆瓣列表和电影封面中,我们已经实现了使用github action获取豆瓣列表和电影封面,但是这个工作流还不够完善,我们希望能够实现自动化更新豆瓣观影页面,并且能够定期更新.

为什么要这么做

我希望能够定期更新豆瓣观影页面,这样可以让页面内容更加及时. 同时,通过自动化的方式,可以减少手动操作的时间和精力.

怎么做

我们可以通过github action的定时任务功能,来实现定期更新豆瓣观影页面. 同时,我们可以使用hugo命令来生成静态页面,并且将生成的页面推送到github pages. 具体步骤如下:

创建一个新的github action工作流文件,例如.github/workflows/update-douban-page.yml.
在工作流文件中,定义一个定时任务,例如每天凌晨1点执行一次.
在工作流中,使用之前的python脚本获取豆瓣列表和电影封面.
使用hugo命令生成静态页面.
将生成的页面推送到github pages.

代码

工作流文件内容如下:

name: Update Douban Data and Deploy Blog

on:
 schedule:
 - cron: '0 0 * * *'
 workflow_dispatch:
 push:
 branches:
 - main

permissions:
 contents: write

jobs:
 build-and-deploy:
 runs-on: ubuntu-latest
 steps:
 # 1. 【修正】检出代码，包括 Submodule (主题)
 - name: Checkout repository
 uses: actions/checkout@v4
 with:
 fetch-depth: 0
 submodules: 'recursive' # 确保主题被下载

 # 2. 获取豆瓣数据
 - name: Sync Douban Data
 uses: lizheming/doumark-action@master
 with:
 id: imsunpw
 type: movie
 format: csv
 dir: ./data
 

 # 3. 【修正后的检查步骤】检查 movie.csv 是否有变化（包括新文件）
 - name: Check for CSV changes
 id: check-csv
 run: |
 # git status --porcelain 会列出所有变更
 # '??' 表示新文件，' M' 表示修改过的文件
 # 我们用 grep 检查输出中是否包含我们的目标文件
 if git status --porcelain | grep -q 'data/movie.csv'; then
 echo "csv_changed=true" >> $GITHUB_OUTPUT
 echo "Douban CSV data is new or has changed."
 else
 echo "csv_changed=false" >> $GITHUB_OUTPUT
 echo "Douban CSV data has not changed."
 fi

 # 4. (条件执行) 如果CSV有变化，则将其转换为 JSON
 - name: Convert CSV to JSON
 if: steps.check-csv.outputs.csv_changed == 'true'
 run: python csv2json.py

 # 5. (条件执行) 如果CSV有变化，则设置 Python 环境并下载图片
 - name: Set up Python
 if: steps.check-csv.outputs.csv_changed == 'true'
 uses: actions/setup-python@v5
 with:
 python-version: '3.10'

 - name: Install dependencies
 if: steps.check-csv.outputs.csv_changed == 'true'
 run: pip install requests beautifulsoup4 pandas urllib3

 - name: Download movie images
 if: steps.check-csv.outputs.csv_changed == 'true'
 run: |
 python download-douban-image.py data/movie.csv --column url --output content/images/douban

 # 6. (条件执行) 如果CSV有变化，则提交所有变更
 - name: Commit and push changes
 if: steps.check-csv.outputs.csv_changed == 'true'
 uses: stefanzweifel/git-auto-commit-action@v4
 with:
 commit_message: "chore: auto-update douban data and images"
 # 强烈建议使用 PAT 来提交
 token: ${{ secrets.PERSONAL_TOKEN }}
 file_pattern: 'data/movie.csv data/movies.json content/images/douban/*'
 
 # 7. 【新增】删除原始的 CSV 文件，防止 Hugo 尝试解析它
 - name: Remove original CSV file before build
 run: rm data/movie.csv

 # 8. 设置 Hugo 和部署
 - name: Setup Hugo
 uses: peaceiris/actions-hugo@v2
 with:
 hugo-version: 'latest'
 extended: true

 - name: Build Hugo site
 run: hugo --minify

 - name: Deploy to GitHub Pages
 uses: peaceiris/actions-gh-pages@v3
 with:
 personal_token: ${{ secrets.PERSONAL_TOKEN }}
 external_repository: jkjoy/blog.loliko.cn
 publish_dir: ./public
 publish_branch: gh-pages

csv2json.py内容如下:

一些琐事

Tue, 01 Jul 2025 08:34:41 +0800

二姨跟我打电话说起一个什么很好的项目，预存多少钱就有多少积分可以当做现金使用可以点外卖之类的。我当时一听就觉得不对，怎么感觉就像是一个庞氏骗局。

可是我怎么劝她都不听，她觉得那就是真的。

甚至有点魔怔了。我作为晚辈也不好说什么了。

跟我爸谈起这个事，他也告诉我，提醒过一次就行了。

但是我觉得大概率就是被骗了。

于是我又跟我表妹说，让她问问她妈妈到底投了多少钱。她说她也不知道。

我怎么感觉她怎么不上心，就我一个人在着急。

总是会有些负面的情绪是因为太过于繁琐和无奈.

社会总是会磨平年少的棱角.

也会产生更多的怨气.

人生有七苦,生、老、病、死、怨憎会、爱别离、求不得. 终一世无法超脱.

Ring的父亲由于癌细胞恶化现在在医院里等待最后的时光.她在医院衣不解带伺候了好几日. 我无法安慰. 这就是人生之中难言必经的阵痛.

有时候会思考生活的意义.

最后觉得有人说的其实很对,无非就是生下来,活下去.

活着其实没有任何的意义,这一辈子不过是追求欲望的过程.

也是与自己不停和解的过程.

我想只要是人,都无法超脱.

想说的很多,不足为外人道哉.

清明节香港一日游

Sat, 05 Apr 2025 10:00:00 +0800

作为一个在广东生活了十几年的人来说,没去过香港算不算得上是一件很稀罕的事儿呢?

不得不说,香港的物价真的离谱.

游客贼多,摩天轮都要排队两小时

天桥下,地下通道出入口很多菲律宾人

坐摆渡轮也排队一个小时

愚人节和小丑

Mon, 31 Mar 2025 18:14:52 +0800

明天是愚人节.

但是请不要做小丑.

不要再在愚人节表白了.

使用github action获取豆瓣列表和电影封面

Sat, 29 Mar 2025 14:00:16 +0800

为什么要这么做

我不知道空白大佬是怎么实现的,但是我想要的是把豆瓣图片全部爬到本地

但是问题来了 dou.img.lithub.cc 有防爬虫,然后我就想能不能通过获取到的豆瓣地址,去爬取电影的封面

事实告诉我豆瓣也有防爬虫,过一段时间还会有验证码预防机器人爬取这就很尴尬了

怎么做

使用cookie 模仿登录豆瓣,获取到豆瓣的列表,然后通过豆瓣的id去获取电影的封面,但是这样还是会出现验证码.

如果使用github action去获取时就会频繁爬取会导致风控我的想法是在爬取图片时检测本地目录是否存在相同ID的图片,如果存在就不再爬取,这样大大减少了爬取的次数

代码

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
豆瓣封面爬取优化版（带本地文件检查）
- 自动跳过已存在的图片
- 减少不必要的下载请求
- 保留原有所有功能
"""

import os
import re
import time
import random
import json
import requests
from bs4 import BeautifulSoup
from urllib.parse import urlparse, quote
from urllib3.util.retry import Retry
from requests.adapters import HTTPAdapter

class OptimizedDoubanCrawler:
 def __init__(self, cookies=None):
 self.session = self._create_session()
 self.cookies = cookies or self._generate_cookies()
 self.request_count = 0
 self.last_request_time = 0
 self.existing_files = set()
 
 def _generate_cookies(self):
 """生成基础Cookies"""
 return {
 'bid': ''.join(random.choices('abcdefghijklmnopqrstuvwxyz1234567890', k=11)),
 'll': '"118287"',
 'frodotk': ''.join(random.choices('abcdefghijklmnopqrstuvwxyz1234567890', k=32))
 }
 
 def _create_session(self):
 """创建智能Session"""
 session = requests.Session()
 retry = Retry(
 total=3,
 backoff_factor=1,
 status_forcelist=[403, 404, 500, 502, 503, 504, 429],
 allowed_methods=['GET', 'POST'],
 respect_retry_after_header=True
 )
 adapter = HTTPAdapter(max_retries=retry)
 session.mount('http://', adapter)
 session.mount('https://', adapter)
 return session
 
 def _get_headers(self, referer=None):
 """动态生成请求头"""
 user_agents = [
 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',
 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0'
 ]
 
 headers = {
 'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8',
 'Accept-Language': 'zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7',
 'Connection': 'keep-alive',
 'DNT': '1',
 'Upgrade-Insecure-Requests': '1',
 'User-Agent': random.choice(user_agents)
 }
 
 if referer:
 headers['Referer'] = referer
 else:
 headers['Referer'] = 'https://www.douban.com/'
 
 return headers
 
 def _request_delay(self):
 """智能请求延迟"""
 self.request_count += 1
 elapsed = time.time() - self.last_request_time
 
 # 每10次请求后长暂停
 if self.request_count % 10 == 0:
 delay = random.uniform(10, 20)
 else:
 delay = random.uniform(3, 8)
 
 if elapsed < delay:
 time.sleep(delay - elapsed)
 
 self.last_request_time = time.time()
 
 def _scan_existing_files(self, save_dir):
 """扫描已存在的文件"""
 if not os.path.exists(save_dir):
 return set()
 
 pattern = re.compile(r'douban_(\d+)\.jpg$')
 existing_ids = set()
 
 for filename in os.listdir(save_dir):
 match = pattern.match(filename)
 if match:
 existing_ids.add(match.group(1))
 
 return existing_ids
 
 def _extract_cover_url(self, html):
 """多方式提取封面URL"""
 soup = BeautifulSoup(html, 'html.parser')
 
 # 方式1: 标准封面元素
 cover_elem = soup.find('img', {'rel': 'v:image'})
 if cover_elem:
 return cover_elem['src'].replace('s_ratio_poster', 'l_ratio_poster')
 
 # 方式2: 从脚本数据中提取
 script_data = soup.find('script', {'type': 'application/ld+json'})
 if script_data:
 try:
 data = json.loads(script_data.string)
 return data.get('image', '')
 except:
 pass
 
 # 方式3: 从隐藏的meta标签提取
 meta_image = soup.find('meta', {'property': 'og:image'})
 if meta_image and meta_image.get('content'):
 return meta_image['content']
 
 # 方式4: 从背景图中提取
 bg_div = soup.find('div', {'class': 'pic'})
 if bg_div and bg_div.get('style'):
 match = re.search(r'url\((.*?)\)', bg_div['style'])
 if match:
 return match.group(1).strip('"\'')

 raise ValueError("无法从页面提取封面URL")
 
 def get_movie_cover(self, douban_url, save_dir='covers'):
 """获取电影封面（带存在性检查）"""
 try:
 # 获取电影ID
 movie_id = re.search(r'subject/(\d+)', douban_url).group(1)
 if not movie_id:
 raise ValueError("无效的豆瓣URL")
 
 # 检查是否已存在
 filename = f'douban_{movie_id}.jpg'
 save_path = os.path.join(save_dir, filename)
 
 if os.path.exists(save_path):
 print(f"⏩ 已存在，跳过: {filename}")
 return save_path
 
 # 准备请求
 self._request_delay()
 
 # 获取页面内容
 response = self.session.get(
 douban_url,
 headers=self._get_headers(),
 cookies=self.cookies,
 timeout=20
 )
 
 if response.status_code == 403:
 raise Exception("403禁止访问，请检查Cookie或降低频率")
 
 response.raise_for_status()
 
 # 检查反爬
 if "检测到异常请求" in response.text:
 raise Exception("触发反爬机制，请更新Cookie")
 
 # 提取封面URL
 cover_url = self._extract_cover_url(response.text)
 
 if not cover_url.startswith(('http://', 'https://')):
 cover_url = 'https:' + cover_url
 
 # 下载封面
 self._request_delay()
 img_response = self.session.get(
 cover_url,
 headers=self._get_headers(referer=douban_url),
 cookies=self.cookies,
 stream=True,
 timeout=30
 )
 img_response.raise_for_status()
 
 # 保存图片
 os.makedirs(save_dir, exist_ok=True)
 
 with open(save_path, 'wb') as f:
 for chunk in img_response.iter_content(8192):
 f.write(chunk)
 
 print(f"✅ 成功下载: {filename}")
 return save_path
 
 except Exception as e:
 print(f"❌ 处理失败: {douban_url} | 错误: {str(e)}")
 return None

def batch_process(csv_path, url_column='url', output_dir='content/images/douban'):
 """批量处理CSV文件（优化版）"""
 import pandas as pd
 
 # 使用完整Cookie
 USER_COOKIES = {
 'll': '"118287"',
 'bid': '***jLsUuRC*',
 'dbcl2': '"269547702:ZWJYaBTr*"',
 'ck': 'p4si',
 'frodotk_db': '"4075091eefd002b8c15f1b5ccf700***"',
 'frodotk': '"df131ed940ebccdc9d395c8bc2c366***"'
 }
 
 crawler = OptimizedDoubanCrawler(cookies=USER_COOKIES)
 df = pd.read_csv(csv_path)
 failed_urls = []
 
 # 预先扫描已存在文件
 print("🔍 扫描现有文件...")
 existing_ids = crawler._scan_existing_files(output_dir)
 print(f"发现 {len(existing_ids)} 个已存在的封面")
 
 for index, row in df.iterrows():
 if pd.notna(row[url_column]):
 # 直接从URL提取ID进行检查
 match = re.search(r'subject/(\d+)', row[url_column])
 if match and match.group(1) in existing_ids:
 print(f"⏩ 跳过已存在: {match.group(1)}")
 continue
 
 result = crawler.get_movie_cover(row[url_column], output_dir)
 if not result:
 failed_urls.append(row[url_column])
 
 if failed_urls:
 print("\n以下URL需要手动处理:")
 for url in failed_urls:
 print(url)
 
 with open('failed_urls.log', 'w') as f:
 f.write("\n".join(failed_urls))
 print("\n失败记录已保存到 failed_urls.log")

if __name__ == '__main__':
 import argparse
 
 parser = argparse.ArgumentParser(description='豆瓣电影封面爬取优化版')
 parser.add_argument('csv', help='CSV文件路径')
 parser.add_argument('--column', default='url', help='URL列名')
 parser.add_argument('--output', default='content/images/douban', help='输出目录')
 
 args = parser.parse_args()
 
 print("🚀 开始处理豆瓣电影封面（优化版）...")
 batch_process(args.csv, args.column, args.output)
 print("🎉 处理完成！")

运行

从Hexo到Hugo

Fri, 28 Mar 2025 11:00:16 +0800

为什么要迁移

受够了Hexo的各种依赖造成的未知问题,我决定迁移到Hugo.

迁移过程

此次使用了空白大佬的主题模板惊蛰,并且将原有的文章迁移过来.

并且更改了一些配置,使得整体更加符合我的需求.

折腾了一天也熟悉了大部分Hugo的使用方法.

找到了hugo新文章没有渲染出来的原因是因为没有设置时区导致的.

在hugo.toml中加上timezone = "Asia/Shanghai"即可.

结语

希望这次迁移能够让我更加专注于写作,而不是折腾.

一个笑话

Sun, 23 Mar 2025 09:00:28 +0800

不知道从何说起,突然觉得这个世界真的很可笑.

有句话怎么说的来着,世界就是一个巨大的草台班子

狗屁倒灶的事情一大堆.

博客的font-awesome 突然就不显示,真是怪异

我也忘记我修改了哪里

摘要这个我也忘记我改了哪里

我昨天才知道国内的网站是不能出现chatgpt 和 v2ray 相关内容的

现在知道了

就算是精准避雷了吧

昨天删除了很多文章,有些很久以前不知所云的东西都删除了

直面人生

Mon, 03 Mar 2025 14:05:07 +0800

有关死亡

最近有两件关于死亡的消息.

其一是香港的音乐才子方大同去世,年仅41.

其二是同事小区有人轻生跳楼自杀,当场身亡,年仅28.

有些人被迫去到生命的终点.有些人选择结束生命. 有些人会在历史中留下痕迹,有些人死去甚至激不起一点水花.

生命的意义

我小时候对于人生的意义的定义是高大空的,是口号式的.

当真正走出校园走入社会的时候便已经明白人生的意义无非就是生活.

就是生下来,活下去.

很多人引用余华老师的书«活着».

但我是没有读过这本书的,但是对于活着的意义的话我是赞成的.

人是为活着本身而活着，而不是为了活着之外的任何事物所活着。
人类无法忍受太多的真实。
一个人命再大，要是自己想死，那就怎么也活不了。

生与死

我很喜欢看玄幻. 对于很多作者喜欢描述的那句"生死之间有大恐怖".不甚理解.

人到中年,不得不看淡生死.

先人的相继离世,除了悲痛缅怀,其实已经没有太多的记忆了.

总是被生活的琐事塞满了脑袋,根本没有太多的时间来思索这些.

有些事情,不一定要有意义才去做.

而人也不一定非要有用才能活着.

死亡或许也是另外的一种解脱,人活一世蝇营狗苟,最后化作一抔黄土.

真正意义上的在世界上消亡了.

能留下的可能就是一块牌位,一块墓碑,一些或许能残留下来的痕迹.

我忽然有些明白先人的想法了,那就是为什么要建立宗祠,或许是用以证明自己曾经来到这世上.

友情链接

Thu, 30 Jan 2025 00:00:00 +0800

使用neodb API 创建一个观影页面

Thu, 02 Jan 2025 18:15:17 +0800

前言

使用 neodb.social 的API算是多一种选择. 豆瓣数据的获取还是不太方便

获取neodb的token

使用mastodon账号登录 https://neodb.social/ 在右上角头像点击- 设置 - 找到更多设置

点击 查看已授权的应用程序

生成一个token即可

获取neodb API

在此使用项目 https://github.com/jkjoy/neodb-shelf-api 相比原项目我修改了封面显示的域名为neodb.prvcy.page 在国内访问得到了更好的体验. 可以部署在vercel上,过程就不赘述了,请参考Readme

使用

CSS

.masonry {
 display: flex;
 flex-wrap: wrap;
 gap: 5px; /* 设置项目之间的间距 */
}

.item {
 flex: 1 1 calc(25% - 20px); /* 默认每行显示 4 个项目 */
 position: relative;
 overflow: hidden;
 box-sizing: border-box;
}

@media (max-width: 1200px) {
 .item {
 flex: 1 1 calc(33.33% - 20px); /* 每行显示 3 个项目 */
 }
}

@media (max-width: 900px) {
 .item {
 flex: 1 1 calc(50% - 20px); /* 每行显示 2 个项目 */
 }
}

@media (max-width: 600px) {
 .item {
 flex: 1 1 100%; /* 每行显示 1 个项目 */
 }
}

.image-container {
 position: relative;
 width: 100%;
 padding-top: 150%; /* 2:3 宽高比 */
 overflow: hidden;
}

.image-container img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.3s ease-in-out;
}

.item-content {
 position: absolute;
 font-size: 12px;
 bottom: 0;
 left: 0;
 width: auto;
 background-color: rgba(0, 0, 0, 0.7);
 color: white;
 padding: 10px;
 transform: translateY(100%);
 transition: transform 0.3s ease-in-out;
}

.item:hover .item-content {
 transform: translateY(0);
}

.item:hover .image-container img {
 transform: scale(1.1);
}

.item-title a {
 color: white;
 text-decoration: none;
 font-size: 20px;
}

.item-title a:hover {
 text-decoration: underline;
}

JS

function MovieItem(movie) {
 const commentText = movie.comment_text ? movie.comment_text : '暂无评论';
 const rating = movie.item.rating ? movie.item.rating : '暂无评分';
 return `
 <div class="item">
 <div class="image-container">
 <img src="${movie.item.cover_image_url}" 
 alt="${movie.item.title}" 
 onerror="this.onerror=null; this.src='placeholder.jpg';">
 </div>
 <div class="item-content">
 <div class="item-title">
 <a href="${movie.item.id}" target="_blank" rel="noopener noreferrer">${movie.item.title}</a>
 </div>
 <div class="item-info">${commentText}</div>
 
 <div class="item-score">评分: ${rating}</div>
 </div>
 </div>
 `;
}

// 从API获取数据并渲染页面
async function fetchAndRenderMovies() {
 try {
 const response = await fetch('https://neodb.imsun.org/api?type=complete&category=movie');
 const data = await response.json();

 const container = document.getElementById('movieContainer');
 data.forEach(movie => {
 container.innerHTML += MovieItem(movie);
 });
 } catch (error) {
 console.error('Error fetching movie data:', error);
 document.getElementById('movieContainer').innerHTML = '<p>加载电影数据时出错，请稍后再试。</p>';
 }
}

// 页面加载时获取并渲染电影数据
fetchAndRenderMovies();

此处https://neodb.imsun.org为部署在vercel的地址

使用Github Action自动生成静态相册

Sun, 29 Dec 2024 08:34:41 +0800

前言

使用memos调用的相册虽然方便,但是也有一些痛点无法解决

在CDN被刷流量之后,我已经几乎关闭所有的国内CDN服务,小水管服务器也无法满足大量图片同时加载,那龟速谁用谁知道.
S3存储太贵,在COS被刷了流量之后(没错,我就是这么倒霉),我决定多地备份,主要上传在github,利用Cloudflare+ vercel+github pages+ 其他SaaS. 这些服务的优点就是免费.
模板来源于网络

Deepseek

主要使用AI来解决主要功能代码,主打一个能用就行.至于有什么bug,一个简单的网页生成能有什么逆天bug也没关系的….吧主要代码是 Python

功能

我想要的功能

上传图片到Github 仓库,触发 Actions 自动生成Html页面
相册的缩略图需要压缩,点击显示原图,缓解小水管压力(没错,我会定时使用git拉取到国内服务器,主打一个多地都能访问)
根据图片名称自动生成标题

演示地址

https://blog.0tz.top/photos 部署在Github Pages

使用

使用模板

https://github.com/jkjoy/generate-albums

设置

在自己仓库的Settings中找到

TOKEN为你的 Github token

REPO为你想要生成相册的仓库名称如username/repo

上传规则

相册内容上传到 photos 这个目录下

photos 根目录下的照片默认标题为分享生活

新建文件夹, 该文件夹名称为此目录下所有图片的标题

照片同名txt中的文本为描述说明最高优先级如 1.jpg 1.txt 则使用1.txt中的文本为描述说明
目录下描述.txt为此目录下所有图片的描述说明第二优先级
如果两者都没有则使用照片文件名为描述说明

其他部分

可以根据需求修改 template.html 中的布局和内容

每次修改仓库会自动触发Action 生成HTML到目标仓库,目标仓库可以使用Github Pages,也可以部署在Vercel,这里就不多做说明

演示

https://photos-jkjkjoy.vercel.app/

总结

AI真好用!!

v0.12.2版本以及重新修改说说&相册

Fri, 01 Nov 2024 11:42:52 +0800

前言

安装memos v0.12.2版本是因为去年部署的小程序终于被我想起来了,所以,准备重启一下该小程序.

部署memos

还是使用docker-compose的方式部署,具体的配置文件如下

services:
 memos:
 image: neosmemo/memos:0.12.2
 container_name: memos
 volumes:
 - ./data:/var/opt/memos
 ports:
 - 5232:5230
 restart: always

说说页面

新建一个页面,内容如下

<div id="bber"></div>
<script>
 // 以下信息改掉
 var bbMemo = {
 memos : 'https://memos.loliko.cn/', //填入memos网站域名，末尾需带斜杠
 limit : '10', //填入需要展示的memos数量
 creatorId:'1' , //自己部署的话默认为1，不用修改
 domId: '#bber', //可以不修改
 username:"浪子", //修改为你自己的昵称
 useravatar:"https://img.imsun.org/avatar.jpg", //修改为自己的头像链接
 userlink:"https://blog.loliko.cn", //修改为你的域名
 tags:"",
 commentsShow:true, //没有评论功能可修改为false
 commentsUrl:"https://memos.loliko.cn/m/", //修改为你的Memos域名，但保留包含m的尾巴部分
 commentsTitle:"评论" //可以不修改
 }
 var artalkInit = {
 site: "memos", //填入前面artalk设置中的站点名，没有评论功能可以不管
 server:'https://artalk.loliko.cn' //填入前面artalk的网站域名，没有评论功能可以不管
}
</script>

<!-- js引用路径自己改好 -->
<link rel="stylesheet" href="https://artalk.loliko.cn/dist/Artalk.css">
<script type="text/javascript" src="https://artalk.loliko.cn/dist/Artalk.js"></script>
<script src="/memos/shuoshuo.js"></script>
<script src="https://npm.elemecdn.com/marked/marked.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/ViewImage/view-image.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/Lately/lately.min.js"></script>

shuoshuo.js的内容为

function loadCssCode(code) {
 var style = document.createElement('style');
 style.type = 'text/css';
 style.rel = 'stylesheet';
 style.innerHTML = code; // 使用 innerHTML 代替 createTextNode
 var head = document.getElementsByTagName('head')[0];
 head.appendChild(style);
}

var allCSS = `
#bber { margin-top: 2em; width: 90% !important; }
@media screen and (max-width: 1000px) {
 #bber { margin-top: 2em; width: 100% !important; }
 .entry-content li, .comment-content li, .mu_register li { margin: 0; }
}
.bb-timeline pre { color: #aaa; }
.bb-timeline ul { margin: 0; padding: 0; }
.bb-timeline ul li { list-style-type: none; margin-bottom: 1rem; }
.bb-timeline ul li .datacont ul li { margin-bottom: 0; }
.bb-timeline ul li .bb-div { padding: 0.3rem 1rem 1.5rem 1rem; border-bottom: 1px solid #E7E9EF; }
.bb-load button { width: 100% !important; font-size: 1rem; background: none; border-radius: 10px; border: 0px solid #E7E9EF; padding: 10px 30px; letter-spacing: 0.8rem; text-align: center; color: #475671; }
.bb-timeline ul li .datatime { display: flex; overflow: hidden; max-height: 100%; }
.bb-timeline ul li .datacont { margin: 10px 0px 0px 35px; padding-left: 1.2rem; min-height: 50px; }
.bb-timeline ul li .datacont img[src*='emotion'] { display: inline-block; width: auto; }
.bb-timeline ul li .datafrom { color: #aaa; font-size: 0.75em !important; font-style: italic; }
.bb-timeline ul li p { margin: 0; font-size: 16px; letter-spacing: 1px; line-height: 28px; min-height: 18px; }
.bb-timeline pre p { display: inline-block; }
.bb-timeline pre p:empty { display: none; }
.dark .bb-timeline ul li .datatime { border-color: #666; }
.dark .bb-timeline ul li .bb-div p, .dark .bb-timeline .bb-load button { color: #fafafa; }
.dark .bb-timeline ul li .bb-div p svg { fill: #fafafa; }
.dark .bb-timeline ul li .datafrom { color: #aaa; }
.datacont p { margin: 0; }
.datacont blockquote { font-family: KaiTi, STKaiti, STFangsong !important; margin: 0 0 0 1rem; padding: .25rem 2rem; position: relative; border-left: 0 none; }
.datacont blockquote::before { line-height: 2rem; content: '“'; font-family: Georgia, serif; font-size: 28px; font-weight: bold; position: absolute; left: 10px; top: 5px; }
.datacont .tag-span { color: #98c1d9; }
.datasource a { color: #fafafa; background: #3b3d42; padding: 2px 8px; margin: 0 6px 0 0; border-radius: 5px; font-size: .9rem; font-weight: 400; }
.datacont .img { cursor: pointer; max-width: 250px; max-height: 400px; border-radius: 4px; }
.datacont .img.square { height: 180px; width: 180px; object-fit: cover; }
.resimg.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 4px; width: calc(100% * 2 / 3); box-sizing: border-box; margin: 4px 0 0; }
.resimg.grid-2 { grid-template-columns: repeat(2, 1fr); width: 80%; }
.resimg.grid-4 { grid-template-columns: repeat(2, 1fr); width: calc(80% * 2 / 3); }
.resimg.grid figure.gallery-thumbnail { position: relative; width: 100%; height: 0; padding-top: 100%; cursor: zoom-in; }
.resimg figure { text-align: left; max-height: 50%; margin: 0 !important; }
.resimg figure img { max-height: 50vh; }
.resimg.grid figure, figcaption { margin: 0 !important; }
.resimg.grid figure.gallery-thumbnail > img.thumbnail-image { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
#bb-footer { margin: 5rem auto 1rem; text-align: center; }
#bb-footer p { margin: 0 0 0.6rem; }
.bb-allnums { letter-spacing: 2px; }
.bb-allpub { text-decoration: none; font-style: italic; }
.bb-timeline ul li::before { content: none; }
.post-preview { max-width: 680px; height: 210px; margin: 1em auto; position: relative; display: flex; background: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.25), 0 0 1px rgba(0,0,0,.25); }
.post-preview--meta { width: 75%; padding: 25px; overflow: hidden; }
.post-preview--middle { line-height: 28px; }
.post-preview--title { font-size: 18px; margin: 0 !important; }
.post-preview--title a { text-decoration: none; }
.post-preview--date { font-size: 14px; color: #999; }
.post-preview--excerpt { font-size: 14px; line-height: 1.825; }
.post-preview--excerpt p { display: inline; margin: 0; }
.post-preview--image { object-fit: cover; height: auto; width: 25%; float: right; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
@media (max-width: 550px) {
 .post-preview { width: 95%; height: 120px; }
 .post-preview--meta { padding: 15px; }
 .post-preview--image { height: 120px !important; }
 .post-preview--excerpt { display: none; }
 .post-preview--middle { line-height: 19px; }
}
.rating { display: block; line-height: 15px; }
.rating-star { display: inline-block; width: 75px; height: 15px; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAClCAYAAAAUAAAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrs3T9rFEEcxvG7qEQIglaCICKkin9AUEtBKxU7wS61VlYivgWj70TtNFj5BqzE7qxEWwsxKIoYn4UtluFmbm8nczvzm+/BjxyuDwNzu3uXD0+46f7LC5PA45Hm+WTYw1x2LRDc0jzTXB+wqMlsaLPutz8fDFjYZHYauAz3NBvt83XNnyUWNpn1nVm3OsHmsb3EomazzZnVXKMPNcc0xzUnNKc0Rzv/77fms+Z7O3vt9b1eU7bZrNN68l5zcolX4ofmsuZXTdnmMvyi2dR86Bmcac62P6vKrnVubpc0bxYE32nOab45N8YqsvPeDfcD4SOav4HjprPuu+H5BTt9LXDMfNbdLPfT678Fx6vKupt1o/O8+R3pkOaJ5/iktqx7z/qp+aq5q/nY+fczmheaK03Gs7D5rLtZdzSvA6/Ebc2u55j57HQB0TzW7AzkjiKzny6+2hlKNE8juMNcFqKBaIZndRlCNBBNgmx7ZkE0fbLtZkE0EA1EM17WuQwhGogGooFoss6296y52cNO+J6HLJoPaFdbsvA9zGerIxrPh85eWYgGooFoDiQbuAxp0UA0EVmdWbRo+ma1WbRoIBqIZtzsnHdDWjQQDUQD0WSbde5ZS2UhmtqJJtSEiVkXooFoIJre2VATJmZdiKZ2ogk1YSb8oVMvDeUPnSAaiCaPJkzMuhANRAPRQDQpsqEmTMy6EI11oolpwkA0EA1EcyDZmCYMRAPR+LMxTZjqiCamCQPRQDQQzehNGIgGooFoIJpVZ2OaMBBN7USTqgkD0UA0EE3vbKomDERTO9GkasKYJJpUTRiIBqKBaEZvwkA0EA1EA9GkyKZqwkA01olmrCYMRAPRQDR9LkO+0QmiKbAJUyTRjNWEgWggGohm9CYMRAPRQDQQzZDsWE0YiMYC0eTYhIFoIJrKiCbHJgxEY4FocmzCZEs0OTZhIBqIpjKiybEJA9FANBANROPL5tiEgWhKIJoSmzAQDURjjGhKbMJANCUQTYlNmNGIpsQmDEQD0RgjmhKbMBANRAPR1Es0JTZhIJpciMZaEwaigWgKJBprTRiIJheisdaESUo01powEA1EUyDRWGvCQDQQDURjm2isNWEgmlURzWw2q4pZIBqIJkOiCVyGJpkFolkV0ejMMvel28mIRptl7ku3IRqIpjCimfNuaJpZIBqIBqIpm2ice5Z5ZonJupvVkMRu4JW4qXnrOWY++1+AAQBw9BJSCTeN9wAAAABJRU5ErkJggg==); overflow: hidden; }
.allstar10 { background-position: 0px 0px; }
.allstar9 { background-position: 0px -15px; }
.allstar8 { background-position: 0px -30px; }
.allstar7 { background-position: 0px -45px; }
.allstar6 { background-position: 0px -60px; }
.allstar5 { background-position: 0px -75px; }
.allstar4 { background-position: 0px -90px; }
.allstar3 { background-position: 0px -105px; }
.allstar2 { background-position: 0px -120px; }
.allstar1 { background-position: 0px -135px; }
.allstar0 { background-position: 0px -150px; }
.rating-average { color: #777; display: inline-block; font-size: 13px; margin-left: 10px; }
.dark .post-preview { background: #3b3d42; }
.video-wrapper { position: relative; padding-bottom: 55%; width: 100%; height: 0; }
.video-wrapper iframe { position: absolute; height: 100%; width: 100%; }
.hy-avatar { max-height: 35px; max-width: 35px; float: left; border-radius: 50%; }
.hy-intro { margin-left: 5px; margin: 0 0 0 1.2rem; }
.hy-name { font-size: 0.8em; color: #44507b !important; font-weight: 600; }
.hy-tag .hy-text-muted { color: #9b9b9b; text-align: right; font-size: 0.65em; }
.hy-time .hy-text-muted { color: #9b9b9b; text-align: right; font-size: 0.65em; }
.hy-time { display: flex; justify-content: space-between; flex-wrap: wrap; color: #9b9b9b; text-align: right; font-size: 0.65em; margin-top: 0px; }
.hy-tag { color: #9b9b9b; text-align: right; font-size: 0.65em; margin-top: 20px; }
.hy-location { color: #576b95; margin-right: 10px; }
.hy-astyle { text-decoration: none; cursor: pointer; }
.hy-tags-item { margin-right: 10px; }
.commentsLink { text-decoration: none; color: #475671; text-align: right; font-size: 12px; border-radius: 3px; padding: 4px 10px; font-weight: 400; }
.d-none { display: none; }
.comment { margin-top: 19px; }
`;

loadCssCode(allCSS);

var limit = bbMemo.limit;
var memos = bbMemo.memos;
var page = 1,
 offset = 0,
 nextLength = 0,
 nextDom = '';
var bbDom = document.querySelector(bbMemo.domId);
var load = '<div class="bb-load"><button class="load-btn button-load">加载中…</button></div>';

if (bbDom) {
 getFirstList();
 var btn = document.querySelector("button.button-load");
 btn.addEventListener("click", function () {
 btn.textContent = '加载中…';
 updateHTMl(nextDom);
 if (nextLength < limit) {
 btn.remove(); // 使用 btn 引用而不是查询选择器
 return;
 }
 getNextList();
 });
}

function getFirstList() {
 bbDom.insertAdjacentHTML('afterend', load);
 var bbUrl = memos + "api/memo?creatorId=" + bbMemo.creatorId + "&rowStatus=NORMAL&limit=" + limit;
 
 fetch(bbUrl)
 .then(res => {
 if (!res.ok) throw new Error('Network response was not ok');
 return res.json();
 })
 .then(resdata => {
 updateHTMl(resdata.data);
 var nowLength = resdata.data.length;
 if (nowLength < limit) {
 document.querySelector("button.button-load").remove();
 return;
 }
 page++;
 offset = limit * (page - 1);
 getNextList();
 })
 .catch(error => {
 console.error('Fetch error:', error);
 });
}

function getNextList() {
 var bbUrl = memos + "api/memo?creatorId=" + bbMemo.creatorId + "&rowStatus=NORMAL&limit=" + limit + "&offset=" + offset;
 
 fetch(bbUrl)
 .then(res => {
 if (!res.ok) throw new Error('Network response was not ok');
 return res.json();
 })
 .then(resdata => {
 // 检查数据结构
 if (resdata.data && Array.isArray(resdata.data)) {
 nextDom = resdata.data;
 } else {
 throw new Error('Unexpected data structure');
 }
 
 nextLength = nextDom.length;
 page++;
 offset = limit * (page - 1);
 
 if (nextLength < 1) {
 document.querySelector("button.button-load").remove();
 return;
 }
 
 // 处理 nextDom 数据
 updateHTMl(nextDom);
 })
 .catch(error => {
 console.error('Fetch error:', error);
 });

 Artalk.loadCountWidget({
 server: artalkInit.server,
 site: artalkInit.site,
 countEl: '#artalkCount'
 });
}

function updateHTMl(data) {
 var result = "",
 resultAll = "";
 const TAG_REG = /#([^\s#]+?) /g,
 BILIBILI_REG = /<a.*?href="https:\/\/www\.bilibili\.com\/video\/((av[\d]{1,10})|(BV([\w]{10})))\/?".*?>.*<\/a>/g,
 NETEASE_MUSIC_REG = /<a.*?href="https:\/\/music\.163\.com\/.*id=([0-9]+)".*?>.*<\/a>/g,
 QQMUSIC_REG = /<a.*?href="https\:\/\/y\.qq\.com\/.*(\/[0-9a-zA-Z]+)(\.html)?".*?>.*?<\/a>/g,
 QQVIDEO_REG = /<a.*?href="https:\/\/v\.qq\.com\/.*\/([a-z|A-Z|0-9]+)\.html".*?>.*<\/a>/g,
 YOUKU_REG = /<a.*?href="https:\/\/v\.youku\.com\/.*\/id_([a-z|A-Z|0-9|==]+)\.html".*?>.*<\/a>/g,
 YOUTUBE_REG = /<a.*?href="https:\/\/www\.youtube\.com\/watch\?v\=([a-z|A-Z|0-9]{11})\".*?>.*<\/a>/g;

 marked.setOptions({
 breaks: true,
 smartypants: true,
 langPrefix: 'language-'
 });

 for (var i = 0; i < data.length; i++) {
 var bbContREG = data[i].content.replace(TAG_REG, "<span class='tag-span'>#$1</span> ");
 bbContREG = marked.parse(bbContREG)
 .replace(BILIBILI_REG, "<div class='video-wrapper'><iframe src='//player.bilibili.com/player.html?bvid=$1&as_wide=1&high_quality=1&danmaku=0' scrolling='no' border='0' frameborder='no' framespacing='0' allowfullscreen='true'></iframe></div>")
 .replace(NETEASE_MUSIC_REG, "<meting-js auto='https://music.163.com/#/song?id=$1'></meting-js>")
 .replace(QQMUSIC_REG, "<meting-js auto='https://y.qq.com/n/yqq/song$1.html'></meting-js>")
 .replace(QQVIDEO_REG, "<div class='video-wrapper'><iframe src='//v.qq.com/iframe/player.html?vid=$1' allowFullScreen='true' frameborder='no'></iframe></div>")
 .replace(YOUKU_REG, "<div class='video-wrapper'><iframe src='https://player.youku.com/embed/$1' frameborder=0 'allowfullscreen'></iframe></div>")
 .replace(YOUTUBE_REG, "<div class='video-wrapper'><iframe src='https://www.youtube.com/embed/$1' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen title='YouTube Video'></iframe></div>");

 // 提取内容中的图片
 var contentImages = bbContREG.match(/<img.*?src="([^"]+)".*?>/g) || [];
 var imgUrl = '';
 var resImgLength = 0;

 // 提取附件列表中的图片
 if (data[i].resourceList && data[i].resourceList.length > 0) {
 var resourceList = data[i].resourceList;
 for (var j = 0; j < resourceList.length; j++) {
 var restype = resourceList[j].type.slice(0, 5);
 if (restype == 'image') {
 // 检查 externalLink 是否为空
 var imageUrl = resourceList[j].externalLink || (memos + 'o/r/' + resourceList[j].id + '/' + resourceList[j].publicId + '/' + resourceList[j].filename);
 imgUrl += '<figure class="gallery-thumbnail"><img class="img thumbnail-image" src="' + imageUrl + '"/></figure>';
 resImgLength++;
 }
 }
 }

 // 将内容中的图片添加到图片列表中
 contentImages.forEach(imgTag => {
 var imageUrl = imgTag.match(/src="([^"]+)"/)[1];
 imgUrl += '<figure class="gallery-thumbnail"><img class="img thumbnail-image" src="' + imageUrl + '"/></figure>';
 resImgLength++;
 });

 // 清除 content 中的图片
 var cleanedContent = bbContREG.replace(/<img.*?>/g, '');

 // 生成图片列表
 if (imgUrl) {
 var resImgGrid = resImgLength !== 1 ? "grid grid-" + resImgLength : "";
 cleanedContent += '<div class="resimg ' + resImgGrid + '">' + imgUrl + '</div>';
 }

 // 原有的列表项生成逻辑
 result += '<li class="bb-list-li"><div class="bb-div"><div class="datatime"><div class="hy-avatar-block"><a href="' + bbMemo.userlink + '" class="hy-astyle"><img src="' + bbMemo.useravatar + '" class="hy-avatar"></a></div><div class="hy-intro"><div class="hy-name">' + bbMemo.username + '</div><div><span class="hy-time hy-text-muted">' + new Date(data[i].createdTs * 1000).toLocaleString() + '</span></div></div></div><div class="datacont"><div>' + cleanedContent + '</div></div><div class="hy-tag hy-text-muted"><span class="hy-location">' + (bbMemo.location == undefined ? "" : bbMemo.location) + '</span><span class="hy-tags-item">' + (bbMemo.tags == undefined ? "" : bbMemo.tags) + '</span><span><a data-id="' + data[i].id + '" data-site="' + artalkInit.site + '" data-server="' + artalkInit.server + '" class="commentsLink" onclick="loadArtalk(this)">' + (bbMemo.commentsShow ? bbMemo.commentsTitle : "") + ' ' + '<span id="artalkCount" data-page-key="/m/' + data[i].id + '"></span></a ></span></div><div id="' + data[i].id + '" class="comment d-none"></div></div></li>';
 }

 var bbBefore = "<section class='bb-timeline'><ul class='bb-list-ul'>";
 var bbAfter = "</ul></section>";
 resultAll = bbBefore + result + bbAfter;
 bbDom.insertAdjacentHTML('beforeend', resultAll);
 fetchDB();
 document.querySelector('button.button-load').innerHTML = '<div class="post-button"><span class="btn">加载更多</span></div>';
 window.ViewImage && ViewImage.init('.datacont img');
 window.Lately && Lately.init({
 target: '.datatime'
 });
}

function loadArtalk(e) {
 let id = e.getAttribute("data-id"),
 site = e.getAttribute("data-site"),
 server = e.getAttribute("data-server");
 let artalkDom = document.getElementById(`${id}`);
 let artalkCon = "<div id='artalk'></div>";
 
 if (artalkDom && artalkDom.classList.contains('d-none')) {
 document.querySelectorAll('.comment').forEach((item) => {
 item.classList.add('d-none');
 });

 if (document.getElementById("artalk")) {
 document.getElementById("artalk").remove();
 }
 
 artalkDom.insertAdjacentHTML('beforeend', artalkCon);
 artalkDom.classList.remove('d-none');
 
 Artalk.init({
 el: '#artalk',
 pageKey: '/m/' + id,
 pageTitle: '',
 site: site,
 server: server,
 emoticons: false
 });
 } else {
 artalkDom.classList.add('d-none');
 if (document.getElementById("artalk")) {
 document.getElementById("artalk").remove();
 }
 }
}

function fetchDB() {
 var dbAPI = "https://cors.ow3.cn/https://api.loliko.cn/";
 var dbA = document.querySelectorAll(".bb-timeline a[href*='douban.com/subject/']:not([rel='noreferrer'])") || '';
 
 if (dbA) {
 for (let i = 0; i < dbA.length; i++) {
 let _this = dbA[i];
 var dbHref = _this.href;
 var db_reg = /^https\:\/\/(movie|book)\.douban\.com\/subject\/([0-9]+)\/?/;
 var db_type = dbHref.replace(db_reg, "$1");
 var db_id = dbHref.replace(db_reg, "$2").toString();
 
 if (db_type == 'movie') {
 var this_item = 'movie' + db_id;
 var url = dbAPI + "movies/" + db_id;
 
 if (localStorage.getItem(this_item) === null) {
 fetch(url)
 .then(res => res.json())
 .then(data => {
 let fetch_item = 'movies' + data.sid;
 let fetch_href = "https://movie.douban.com/subject/" + data.sid + "/";
 localStorage.setItem(fetch_item, JSON.stringify(data));
 movieShow(fetch_href, fetch_item);
 });
 } else {
 movieShow(dbHref, this_item);
 }
 } else if (db_type == 'book') {
 var this_item = 'book' + db_id;
 var url = dbAPI + "v2/book/id/" + db_id;
 
 if (localStorage.getItem(this_item) === null) {
 fetch(url)
 .then(res => res.json())
 .then(data => {
 let fetch_item = 'book' + data.id;
 let fetch_href = "https://book.douban.com/subject/" + data.id + "/";
 localStorage.setItem(fetch_item, JSON.stringify(data));
 bookShow(fetch_href, fetch_item);
 });
 } else {
 bookShow(dbHref, this_item);
 }
 }
 }
 }
}

function movieShow(fetch_href, fetch_item) {
 var storage = localStorage.getItem(fetch_item);
 var data = JSON.parse(storage);
 var db_star = Math.ceil(data.rating);
 var db_html = "<div class='post-preview'><div class='post-preview--meta'><div class='post-preview--middle'><h4 class='post-preview--title'><a target='_blank' rel='noreferrer' href='" + fetch_href + "'>《" + data.name + "》</a></h4><div class='rating'><div class='rating-star allstar" + db_star + "'></div><div class='rating-average'>" + data.rating + "</div></div><time class='post-preview--date'>导演：" + data.director + " / 类型：" + data.genre + " / " + data.year + "</time><section style='max-height:75px;overflow:hidden;' class='post-preview--excerpt'>" + data.intro.replace(/\s*/g, "") + "</section></div></div><img referrer-policy='no-referrer' loading='lazy' class='post-preview--image' src=" + data.img + "></div>";
 var db_div = document.createElement("div");
 var qs_href = ".bb-timeline a[href='" + fetch_href + "']";
 var qs_dom = document.querySelector(qs_href);
 
 if (qs_dom) {
 qs_dom.parentNode.replaceChild(db_div, qs_dom);
 db_div.innerHTML = db_html;
 }
}

function bookShow(fetch_href, fetch_item) {
 var storage = localStorage.getItem(fetch_item);
 var data = JSON.parse(storage);
 var db_star = Math.ceil(data.rating.average);
 var db_html = "<div class='post-preview'><div class='post-preview--meta'><div class='post-preview--middle'><h4 class='post-preview--title'><a target='_blank' rel='noreferrer' href='" + fetch_href + "'>《" + data.title + "》</a></h4><div class='rating'><div class='rating-star allstar" + db_star + "'></div><div class='rating-average'>" + data.rating.average + "</div></div><time class='post-preview--date'>作者：" + data.author + " </time><section style='max-height:75px;overflow:hidden;' class='post-preview--excerpt'>" + data.summary.replace(/\s*/g, "") + "</section></div></div><img referrer-policy='no-referrer' loading='lazy' class='post-preview--image' src=" + data.images.medium + "></div>";
 var db_div = document.createElement("div");
 var qs_href = ".bb-timeline a[href='" + fetch_href + "']";
 var qs_dom = document.querySelector(qs_href);
 
 if (qs_dom) {
 qs_dom.parentNode.replaceChild(db_div, qs_dom);
 db_div.innerHTML = db_html;
 }
}

在memos中使用Aratalk评论

在memos的自定义代码中插入

追忆

Wed, 23 Oct 2024 18:12:52 +0800

提剑追梦,是我好友小韩的论坛签名档.

我已然是奔四的人了,却还是叫他小韩,是因为他走的时候,只有二十而已.

小韩是因骨髓癌离世的。那段日子，他虽身陷病痛，却始终保持着乐观的心态。记得他前往北京接受化疗时，还特意安慰我们，说一切都会好起来的，他一定会战胜病魔。

小韩走的时候是愚人节的前一天,有人在群里发了消息,没有人愿意相信这一切.虽然知道这不是愚人节的不好笑的笑话.

在再次确认了消息之后,因为种种原因,我也没能回去见他最后一面.

在人生最好的年纪,死亡对于当时风华正茂的我们来说过于沉痛.

未能再见一面,这也成了此生的遗憾.

我们是高中的同学,是最好的朋友. 无话不说,无所不谈. 我们有很多公同的爱好.

我们都喜欢武侠,喜欢九把刀的功夫. 他说"来世我们英雄再见".

这是<功夫>里的一句话.至今我还记得.

每当想起小韩的时候我总是会默念,

来世英雄再见.

PS. 在我写这篇文章的时候本想配张合影.

我记得曾经有很多照片存放在网易相册,现在想去寻找,网易相册已经关闭了.

有些人,有些回忆再也找不到了.

何去何从

Wed, 09 Oct 2024 08:12:52 +0800

当人的年纪逐步增加的时候,在劳动市场就不再那么吃香了. 而我即将面对的就是中年危机,失业再就业的问题.

我不太喜欢现在的工作,是因为我觉得我压根不想再学这些几乎是无用的东西.我觉得这些并不足以让我以后的生活更好.

我想去做一些自己喜欢的事情,在自己中年的时候.

因为一直坐在办公室导致自己一身的毛病. 年纪轻轻就一身职业病,这是很悲哀的. 是拿自己的健康来换取所谓的价值. 我并不想这样.

最近变得嗜睡不知道是什么问题,总感觉很困.很累. 没有一点激情的感觉.

Artalk评论使用QQ机器人通知

Sun, 15 Sep 2024 10:16:15 +0800

前言

上文使用Docker快速部署一个memos的QQ机器人介绍了QQ机器人的部署方法

本次将介绍如何使用QQ机器人接收Artalk的评论通知实现原理是利用Artalk的Webhook功能

准备

确保Artalk已经部署完成
确保QQ机器人已经部署完成

使用

QQ机器人

确保QQ机器人的管理页面开启了HTTP服务,且端口为3000

访问IP:3000 出现以下页面则说明QQ机器人已经开启了HTTP服务

{
 "status": "failed",
 "retcode": 200,
 "data": null,
 "message": "不支持的api ",
 "wording": "不支持的api ",
 "echo": null
}

中间服务message-pusher

源码：https://github.com/songquanpeng/message-pusher

部署方法：https://github.com/songquanpeng/message-pusher/blob/master/README.md

如果不想部署可直接使用我部署的服务, 地址：https://msg.jkjoy.cn 不保证长期有效

进入消息推送服务的通道配置页面,添加新的通道

名称 QQ机器人 通道类型选择 OneBot协议 服务器地址填写 机器人的IP地址:3000 默认推送目标填写接收通知的QQ号码

进入消息推送服务的接口配置页面,添加新的接口

名称 Artalk评论通知 通道选择 QQ机器人 提取规则填写

{
 "id": "comment.id",
 "name": "comment.nick",
 "time": "comment.date",
 "content": "comment.content",
 "site": "comment.site_name",
 "url": "comment.page_url"
}

构建规则填写

{
 "content": " $name 在 $site 上评论啦 \n 内容：$content \n 时间:$time \n 链接:$url?atk_comment=$id"
}

提交之后点击复制webhook地址

使用Docker快速部署一个memos的QQ机器人

Fri, 13 Sep 2024 19:33:00 +0800

前言：本文介绍了如何使用Docker快速部署一个QQ机器人，并通过对接Nonebot实现Memos机器人的功能。

准备工作

安装Docker
一个QQ账号
一个Memos账号

部署

memos机器人

此处使用Nonebot2作为框架，自己撸的Nonebot2的插件nonebot_plugin_memos对接Memos机器人。

我打包编译的镜像jkjoy/qq2memos:latest

如需源码参考 https://www.imsun.org/archives/1668.html

首先创建一个docker-compose.yml文件，内容如下：

services:
 memos:
 container_name: memos
 environment:
 - MEMOS_API=https://memos.imsun.org/api/v1/memo #Memos的API地址,自行修改
 image: jkjoy/qq2memos:latest 
 volumes: 
 - "./data:/app/data" 
 restart: always
 ports:
 - 8080:8080

** 此处的MEMOS_API支持memos v0.15.0以上使用token认证的版本,端口地址根据版本情况自行更改 ** 例如 v0.18.1版本使用/api/v1/memo v0.20.0版本以上使用/api/v1/memos

然后运行

docker-compose up -d

端口根据情况自行更改,在填写WS地址时,请使用此处设置的端口

部署QQ机器人

此处以docker-compose的方式部署，其他方法自行搜索。

首先创建一个docker-compose.yml文件，内容如下：

services:
 napcat:
 environment:
 - ACCOUNT=10000 #QQ机器人号码,自行修改
 - WS_ENABLE=true
 - NAPCAT_UID=0
 - NAPCAT_GID=0
 ports:
 - 3001:3001 
 - 6099:6099
 - 3000:3000
 restart: always
 image: mlikiowa/napcat-docker:latest
 volumes:
 - "./QQ:/app/.config/QQ"
 - "./config:/app/napcat/config"
 network_mode: host #使用host的原因是为了方便对接宿主机的nonebot框架

然后运行docker-compose up -d即可。

使用cloudflare获取豆瓣观影记录给博客增加一个观影页面

Wed, 11 Sep 2024 13:00:56 +0800

前言

使用插件构建的观影页面有点不那么喜欢，所以我决定自己写一个。

项目

所使用的的项目地址 https://github.com/bigfa/douban-cf-worker

步骤

首先根据https://github.com/bigfa/douban-cf-worker 中的步骤创建接口
在博客的根目录下新建一个名为 movies 的文件夹，然后在 movies 文件夹下新建一个名为 index.md 的文件，在文件中写入以下内容：

---
title: 观影
date: 2024-09-11 13:00:56
---
<link rel="stylesheet" href="/movies/movies.css">
<div class="masonry" id="movieContainer">
 <!-- 电影项目将被 JavaScript 动态添加到这里 -->
</div>
<script defer src="/movies/movies.js"></script>

新建一个movies.js文件，在文件中写入以下内容：

 // 创建电影项目的HTML
 function createMovieItem(movie) {
 return `
 <div class="item">
 <div class="image-container">
 <img src="${movie.poster}" 
 alt="${movie.name}" 
 onerror="this.onerror=null; this.src='placeholder.jpg';">
 </div>
 <div class="item-content">
 <div class="item-title">
 <a href="${movie.link}" target="_blank" rel="noopener noreferrer">${movie.name}</a>
 </div>
 <div class="item-info">${movie.card_subtitle}</div>
 
 <div class="item-score">豆瓣评分: ${movie.douban_score}</div>
 </div>
 </div>
 `;
 }

 // 从API获取数据并渲染页面
 async function fetchAndRenderMovies() {
 try {
 const response = await fetch('https://db.imsun.org/list');
 const data = await response.json();

 // 按豆瓣评分排序（降序）
 data.results.sort((a, b) => b.douban_score - a.douban_score);

 const container = document.getElementById('movieContainer');
 data.results.forEach(movie => {
 container.innerHTML += createMovieItem(movie);
 });
 } catch (error) {
 console.error('Error fetching movie data:', error);
 document.getElementById('movieContainer').innerHTML = '<p>加载电影数据时出错，请稍后再试。</p>';
 }
 }

 // 页面加载时获取并渲染电影数据
 fetchAndRenderMovies();

在 movies 文件夹下新建一个名为 movies.css 的文件，在文件中写入以下内容：

 
.masonry {
 column-count: 4;
 column-gap: 20px;
}
@media (max-width: 1200px) {
 .masonry {
 column-count: 3;
 }
}
@media (max-width: 900px) {
 .masonry {
 column-count: 2;
 }
}
@media (max-width: 600px) {
 .masonry {
 column-count: 1;
 }
}
.item {
 position: relative;
 overflow: hidden;
}

.image-container {
 position: relative;
 width: 100%;
 padding-top: 150%; /* 2:3 宽高比 */
 overflow: hidden;
}

.image-container img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.3s ease-in-out;
}

.item-content {
 position: absolute;
 font-size: 12px;
 bottom: 0;
 left: 0;
 width: auto;
 background-color: rgba(0, 0, 0, 0.7);
 color: white;
 padding: 10px;
 transform: translateY(100%);
 transition: transform 0.3s ease-in-out;
}

.item:hover .item-content {
 transform: translateY(0);
}

.item:hover .image-container img {
 transform: scale(1.1);
}

.item-title a {
 color: white;
 text-decoration: none;
 font-size: 20px;
}

.item-title a:hover {
 text-decoration: underline;
}

如此即可大功告成了

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

Tue, 03 Sep 2024 10:01:41 +0800

使用python

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

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

pip install fonttools

常用汉字大约有3500字我使用的是这个现代汉语常用 3500 字.txt 中文常用字库项目https://github.com/DavidSheh/CommonChineseCharacter

https://github.com/JasonWei512/5000-commonly-used-chinese-characters

环境变量

在安装完成之后需要将Python的Scripts目录添加到环境变量中，路径一般为：

C:\Users\你的用户名\AppData\Roaming\Python\Python310\Scripts

取子集

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

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

从memos的webhook开始

Tue, 18 Jun 2024 11:10:10 +0800

说在前面

memos的webhook功能从v0.18 版本开始加入. webhook也为memos带来了不一样的玩法.

前段时间从Typecho主题icefox上直接CTRL+C了CSS布局,做了一个基于memos的单页面,类微信朋友圈.

然后使用webhook自动保存json到本地目录,快速加载. 解决跨域问题

获取memos.json

使用bash

创建一个memos.sh文件

#!/bin/bash

# API地址
API_URL="https://memos.ee/api/v1/memos"

# 过滤参数
FILTER="visibilities == ['PUBLIC'] && creator == 'users/1'" 
PAGE_SIZE="200"

# Authorization 头部
AUTH_HEADER="Bearer token"

# 目标文件
OUTPUT_FILE="/config/memos.json"

# 使用 curl 发送 GET 请求并将结果保存到文件
curl -G "${API_URL}" \
 --data-urlencode "filter=${FILTER}" \
 --data-urlencode "pageSize=${PAGE_SIZE}" \
 -H "Authorization: ${AUTH_HEADER}" \
 -H "Accept: application/json" \
 -o "${OUTPUT_FILE}"

# 检查是否成功
if [ $? -eq 0 ]; then
 echo "JSON 数据已成功保存到 ${OUTPUT_FILE}"
else
 echo "获取 JSON 数据失败"
fi

这个脚本用于获取最近200条的memos

利用 Github Actions 自动部署 Hexo 博客

Wed, 08 May 2024 13:23:52 +0800

Github Actions 简介

Github Actions 可以很方便实现 CI/CD 工作流，类似 Travis 的用法，来帮我们完成一些工作，比如实现自动化测试、打包、部署等操作。当我们运行 Jobs 时，它会创建一个容器 (runner)，容器支持：Ubuntu、Windows 和 MacOS 等系统，在容器中我们可以安装软件，利用安装的软件帮我们处理一些数据，然后把处理好的数据推送到某个地方。

前提

1.您已经创建了hexo博客 2.您已经注册了github的账户 3.您已经创建了github项目并上传了hexo源码

创建

在项目根目录下创建.github/workflows/main.yml

1.点击此处申请 Personal access tokens (classic)

2.在Settings-secrets and variables-Actions下设置HEXOBLOG为上一步得到的Personal access tokens

3.可以把以下内容粘贴进去

run-name: Deploy 
 
on: 
 push:
 branches:
 - main 
 
 release:
 types:
 - published 
 
 workflow_dispatch: 
 
jobs:
 build:
 runs-on: ubuntu-latest
 
 steps:
 - name: Checkout 
 uses: actions/checkout@v2
 with:
 ref: main
 
 - name: Setup Node 
 uses: actions/setup-node@v1
 with:
 node-version: "18.x"
 
 - name: Install Hexo 
 run: |
 npm install hexo-cli -g

 - name: Cache Modules 
 uses: actions/cache@v1
 id: cache-modules
 with:
 path: node_modules
 key: ${{runner.OS}}-${{hashFiles('**/package-lock.json')}}
 
 - name: npm Install
 run: | 
 npm install 
 
 - name: Generate 
 run: |
 hexo clean
 hexo generate
 hexo deploy
 
 - name: Deploy 
 uses: peaceiris/actions-gh-pages@v3
 with: 
 personal_token: ${{ secrets.hexoblog }} 
 PUBLISH_BRANCH: gh-pages 
 PUBLISH_DIR: ./public 
 commit_message: ${{ github.event.head_commit.message }}

实现的功能

在hexo项目main分支有更新时,会自动更新仓库下分支gh-pages

友圈

Sun, 07 Apr 2024 14:17:26 +0800

记在2024

Fri, 19 Jan 2024 08:35:55 +0800

2023年其实有许多未完成的事情。大多都是因为拖延症导致的。这个病是晚期没得治。有些想法想起来是美妙的，但是实际实现起来就特别艰难。佩服那些可以坚持做到更好的人。之所以佩服，就是因为我知道自己做不到。

人到中年，有些根深蒂固的行为是无法在后期改变的，在不知不觉的日常生活过程中就会自然流露。这些属于下意识的行为在自己的惯性思维中会觉得无所谓。但是在别人眼中可能就是让人诟病的缺点。人都是不完美的，学会和自己和解。有些摆烂的意思。原谅自己就完事啦。

至于2024有何展望。那就继续2023未完成的事情，去慢慢的一点一点的去完成它们。因为即便是拖延症，某些事情总是要面对要去完成的。

最值得期待的事情，莫过于新家的装修，今年年底希望可以入住吧。还有希望我老爸以后可以开心点，今年刚做完手术希望以后可以身体健康。别再操心我的事情。

另外说些自私的话，人都是独立的个体，其实没必要，事事操心。过好自己的生活，努力活着吧。其实也挺好。

这个博客陆陆续续的我也写了好多年，域名也换了好多个。来来回回的倒腾。但是希望可以长久。

证明这个世界我也曾经来过。

关于网络发展的随笔

Wed, 08 Nov 2023 14:30:15 +0800

短视频的兴起其实是有迹可循的.

至少从我这个资深网民的眼光来看,是这样的.

我觉得人类基本都是视觉生物,任何类型的刺激都不如视觉上带来的感官刺激更甚.

互联网毒药从古早的文字到图片,然后到多媒体,最后到短视频.这些都是基于视觉带来的刺激升级.

当然这跟互联网的技术发展也是有很大的关系.

早先的互联网主要以文字为主.主要是因为当时的上网方式以电话线拨号为主,费用及其昂贵,带宽也是有限,于是有了多图杀猫的说法.

待到互联网普及的阶段,有了宽带,此时图片这种比文字还要刺激感官的方式便开始流行,各种论坛贴吧都充斥着各种类型的图片.还有当时各种资源网站发布的压缩视频文档.这时是P2P发展的黄金时期.

等到版权意识增加,此类资源网站渐渐退出主流视野,此时各大视频网站开始兴起,各种自制的短剧也取得了不错的口碑也收视.

最早的视频博客,就是现在的youtuber和up主.

当时土豆网就是其中翘楚. 我记得当时有很多录播的当红的台剧偶像剧都在土豆网上可以看.都是由个人或者粉丝上传的. 也有很多优秀的自制的视频,大多是搞笑的段子和模仿,恶搞. 当时恶搞无极的胡戈,一个馒头引发的血案. 后来还有结合实事的鸟笼山剿匪记.

叫兽易小星和杨迪就是从这个时候横空出世的.

我记得当时过最屌的吐槽就是老湿的评西游记,还有卢正雨的嘻哈四重奏.

优酷和土豆合并之后,叫兽易小星和老湿成立的万合天宜的自制短剧万万没想到.

待到了4G 5G的普及,移动互联网成了网络大军的主力. 手机这种更加便携更加简单的设备就成了人们网上冲浪的主要工具.

短视频的出现则利用了人们的碎片时间,加上更加成熟的大数据支持,更是让人愈发欲罢不能.

我有几个朋友以前是倾向于微博这种文字类社交媒体的. 最早我们认识也是在论坛上. 如今,都不怎么用微博了.常用的APP也变成了小红书和抖音.

现在短视频平台上集合了各类内容,更容易获取到信息,也容易被各种真真假假的视频误导.

如今最让人离谱的就是各种带货直播以各种形式出现,有的就是演一出小短剧.

有的直播象棋,突然就给你整一出卖酒的操作来.

我有个老叔已经六十多了整天看人下棋直播,天天听人卖酒带货,把我整不会了. 图啥呢.明知道是假的,还整天看.

我外公八十多岁了,在抖音上到有老中医推荐什么偏方,他竟然用笔都抄下来了,然后当真去买了煮. 若不是没有什么副作用,我都不敢想象.

平台若是不监管,出了什么事情,平台是要承担主要责任的. 不能钱让平台赚了,出了事跟平台无关,这就说不过去了.

使用Docker快速部署mastodon实例

Mon, 30 Oct 2023 11:12:43 +0800

如何使用Docker快速部署mastodon实例

直接使用docker compose部署是不可行的,需要按照步骤进行

创建目录

mkdir -p /home/mastodon/mastodon

进入目录

cd /home/mastodon/mastodon

拉取镜像

docker pull ghcr.io/mastodon/mastodon

修改docker compose配置文件

wget https://raw.githubusercontent.com/mastodon/mastodon/main/docker-compose.yml

修改docker compose文件中的版本号

初始化PostgreSQL

重要!!!!!

docker run --name postgres14 -v /home/mastodon/mastodon/postgres14:/var/lib/postgresql/data -e POSTGRES_PASSWORD=设置数据库管理员密码 --rm -d postgres:14-alpine

进入数据库

docker exec -it postgres14 psql -U postgres

创建用户名mastodon的密码

CREATE USER mastodon WITH PASSWORD '数据库密码（最好和数据库管理员密码不一样）' CREATEDB;

停止docker

docker stop postgres14

配置Mastodon

在/home/mastodon/mastodon根文件夹中创建空白.env.production文件

cd /home/mastodon/mastodon
touch .env.production

运行引导

docker-compose run --rm web bundle exec rake mastodon:setup

按照提示进行操作 Below is your configuration, save it to an .env.production file outside Docker:之后会出现配置文件的数据,复制下来写入.env.production中

快速部署misskey实例

Wed, 11 Oct 2023 16:57:47 +0800

使用官方推荐一键脚本

使用纯净的Ubuntu系统安装,推荐配置双核心四线程.

更新软件

sudo apt update; sudo apt full-upgrade -y; sudo reboot

一键脚本

wget https://raw.githubusercontent.com/joinmisskey/bash-install/main/ubuntu.sh -O ubuntu.sh; sudo bash ubuntu.sh

按照提示输入内容

更新misskey脚本

更新 Misskey 的脚本不会升级运行环境。对于脚本的更新内容，另请参阅 “更新日志”

wget https://raw.githubusercontent.com/joinmisskey/bash-install/main/update.ubuntu.sh -O update.sh

sudo bash update.sh

使用 systemd 的小伙伴, 添加 -r 可以更新并重启系统。
使用 docker 的小伙伴, 可以特定软件包版本 repository:tag 来更新。

使用docker compose部署

环境

git
docker
nginx

步骤

git克隆仓库

cd /opt
git clone -b master https://github.com/misskey-dev/misskey.git
cd misskey
git checkout master

复制配置文件：

cp .config/example.yml .config/default.yml
cp .config/docker_example.env .config/docker.env
cp docker-compose.yml.example docker-compose.yml

编辑default.yml中

url设置为实例域名 db:host设置为db redis:host设置为redis

测试xiuno2Sforum中遇到的各种问题

Fri, 06 Oct 2023 11:55:41 +0800

想把xiunobbs数据转换成SForum,由于最新版本的SForum没有转换工具支持于是采用Sforum v2.2.2测试

测试环境

Ubuntu 22.0.4
php8.0
mariadb10.6
composer
redis
nginx or apache

测试程序

sforum v2.2.2

xiuno2sforum v2.2.2

PHP

安装PPA 源

需要使用 PPA 源安装：

sudo apt install software-properties-common -y
sudo add-apt-repository ppa:ondrej/php
sudo apt-get update

安装php8.0

apt install php8.0

apt install -y php8.0-dev

安装拓展

apt install php8.0-curl php8.0-xml php8.0-gd php8.0-mbstring php8.0-redis php8.0-swoole php8.0-bcmath php-intl -y

查看php版本

php -v

查看拓展

php -m

切换PHP版本

update-alternatives --config php

切换到

update-alternatives --set php /usr/bin/php8.0

PHP 扩展 ZipArchive

上传压缩包提示500错误,打开日志发现是缺少组件

服务器上存在多个php版本，手动指定php-config文件

./configure --with-php-config=/www/server/php/73/bin/php-config

安装ZipArchive扩展

编译`ZipArchive`

cd ~
wget http://pecl.php.net/get/zip
tar -zxvf zip
cd zip-x.x.x
phpize
./configure
make
make install

成功安装zip之后会返回一个路径：

类似

Mariadb创建数据库、用户及授权

Fri, 06 Oct 2023 11:01:17 +0800

在测试SForum程序中使用到的部分关于数据库的操作

安装Mariadb服务器

apt install mariadb-server-10.6

初始化数据库

 mysql_secure_installation

连接数据库

mysql -u root -p

创建数据库

CREATE DATABASE bbs;

创建一个本地访问数据库的账户

创建用户

CREATE USER 'username'@'localhost' IDENTIFIED BY 'password';

参数：

username：数据库访问的账户；localhost：数据库的访问方式,外网访问的时候用%替换localhost即可；password：数据库访问密码，此处输入密码明文；

给测试账户分配权限

分配所有权限

给用户分配所有的权限，并且通过localhost访问

GRANT ALL ON bbs.* to username@'localhost' IDENTIFIED BY 'password';
FLUSH privileges;

分配部分权限

给账户分配部分的权限，并且通过外网访问

GRANT insert,delete,select,update ON test.* to username@'%' IDENTIFIED BY 'password';
FLUSH privileges;

或则采用下面的代码，除了操作权限授权外，还赋予授权的权限。

GRANT ALL ON test.* to username@'%' IDENTIFIED BY 'passowrd' WITH GRANT OPTION;
FLUSH privileges;

Docker部署Activity-Relay服务

Tue, 03 Oct 2023 09:06:40 +0800

经过测试国内部署会有无法通讯的问题.

测试环境

centos7.9

准备工作

git
openssl
nginx
docker
docker-compose

从仓库Pull a repository

git clone https://github.com/yukimochi/Activity-Relay.git -b v2.0.0

复制编辑config.yml

进入Activity-Relay目录

cd Activity-Relay
cp config.yml.example config.yml

修改相关配置

vim config.yml

生成actor RSA 证书 ./actor.pem

ubuntu使用

openssl genrsa -traditional | tee actor.pem

centos使用

openssl genrsa -out actor.pem 1024 | tee actor.pem

赋予权限600

chmod 600 actor.pem

构建镜像与运行服务

docker-compose build
docker-compose up -d

查看容器运行状态

docker-compose ps

停止服务

docker-compose down

NEC M700黑苹果OC0.9.4引导

Sun, 01 Oct 2023 09:06:40 +0800

NEC M700黑苹果OC0.9.4引导

配置

CPU QHPW 2.2Ghz 四核心八线程I7es魔改主板NEC 内存8GB DDR4 2666Mhz 硬盘512GB SSD 无线网卡BCM943224pcieBT拆机有线网卡INTEL 声卡ALC235

准备工作

U盘 16G以上解锁CFG LOCK工具 ami BIOS提取工具 opencore OCAT

解锁CFG LOCK

在WINDOWS系统下通过工具提取出BIOS. 通过UEFI TOOL打开提取出的BIOS文件,查找cfg lock

使用 Docker 构建 Pleroma 实例

Mon, 24 Jul 2023 21:57:00 +0800

Pleroma 是一个去中心化的社区程序，其基于 ActivityPub 协议。而 ActivityPub 包括 Mastodon（Pawoo 等）、Misskey（misskey.io 等）、Pleroma 等等。在这些开源产品中，Pleroma 实机上部署环境步骤复杂繁琐。但它是对服务器性能要求最低的微博客工具，它的配置要求多低呢？现在 docker 的出现大大简化了部署的方式，只需要简单三步即可轻松搭建实例。

本文将介绍如何使用 docker 构建 Pleroma 实例。以宝塔面板为例

先安装docker

在应用商店中查找docker并安装

获取 docker-compose.yml 模板

git clone https://git.pleroma.social/pleroma/pleroma-docker-compose.git
cd pleroma-docker-compose

接下来所有操作（除 nginx 配置）如果没有加以说明都在这个目录下进行。

需要修改的内容

打开./enviroments/pleroma/pleroma.env，修改其中的配置：

DB_USER=pleroma # 数据库用户名
DB_PASS=pleroma # 数据库密码
DB_HOST=pleroma-db # 数据库地址
DB_NAME=pleroma # 数据库名
INSTANCE_NAME=Pleroma # 实例名
ADMIN_EMAIL=admin@ops.pleroma.social # 管理员邮箱
NOTIFY_EMAIL=pleroma+admin@ops.pleroma.social # 通知邮箱
DOMAIN=s.pwq.app # 实例域名
PORT=4000 # 实例运行端口

只需要修改域名和邮箱即可打开./volumes/pleroma/config.exs 在下面添加

import Config
config :pleroma, configurable_from_database: true

启动容器

随后运行

给Memos添加Artalk评论

Tue, 13 Jun 2023 14:25:30 +0800

上文提到

给Memos添加Twikoo评论

2023.10.23更新以适用于memos v0.16.1版本把’.resource-wrapper’替换为’.gap-2'
2023.10.17更新memos0.16版本

自定义脚本

把’.resource-wrapper’替换为’.memo-wrapper'

自定义样式

隐藏评论数

.text-sm.text-gray-500.ml-1{display:none !important;}

2023.9.26更新提醒:适用于 memos 0.15.1版本以下

自定义脚本

// 用 JS 向页面中插入 JS
function addArtalkJS() { 
 var memosArtalk = document.createElement("script");
 memosArtalk.src = `https://unpkg.com/artalk/dist/Artalk.js`;
 var artakPos = document.getElementsByTagName("script")[0];
 artakPos.parentNode.insertBefore(memosArtalk, artakPos);
};
// div
function startArtalk() {
 start = setInterval(function(){
 var artalkDom = document.getElementById('Comments') || '';
 var memoAt = document.querySelector('.memo-wrapper') || '';
 var memoLoading = document.querySelector('.action-button-container') || '';
 var memoLoadingA = document.querySelector('.action-button-container a') || '';
 if(window.location.href.replace(/^.*\/(m)\/.*$/,'$1') == "m" && memoLoadingA){
 memoLoading.innerHTML = "评论加载中……"
 }
 if(window.location.href.replace(/^.*\/(m)\/.*$/,'$1') == "m" && !artalkDom){
 addArtalkJS()
 if(memoAt){
 clearInterval(start)
 var cssLink = document.createElement("link");
 cssLink.rel = "stylesheet";
 cssLink.href = "https://unpkg.com/artalk/dist/Artalk.css";
 document.head.appendChild(cssLink);
 memoAt.insertAdjacentHTML('afterend', '<div id="Comments"></div>');
 setTimeout(function() {
 Artalk.init({
 el: '#Comments',
 pageKey: location.pathname,
 pageTitle: document.title,
 server: 'https://artalk.loliko.cn',
 site: 'memos',
 darkMode: 'auto'
 });
 Artalk.on('list-loaded', function() {
 // console.log('评论加载完成');
 memoLoading.innerHTML = ''
 startArtalk();
 });
 }, 1000);
 }
 }
 //console.log(window.location.href);
 }, 1000)
}
startArtalk();

自定义样式

a.time-text:after { content: ' 评论 💬 '; }
.atk-main-editor { margin-top: 20px; }

给Memos添加Twikoo评论

Tue, 13 Jun 2023 13:40:54 +0800

代码来自于@林木木

2023.10.23更新脚本以适用于memos v0.16.1

自定义脚本

// Memos v0.16.1 单条页面插入 Twikoo 评论
var twikooENV = 'https://你的.com/'
function addTwikooJS() { 
 var memosTwikoo = document.createElement("script");
 memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.22/twikoo.all.min.js`;
 var tws = document.getElementsByTagName("script")[0];
 tws.parentNode.insertBefore(memosTwikoo, tws);
};
function startTwikoo() {
 startTW = setInterval(function(){
 var nowHref = window.location.href;
 var twikooDom = document.querySelector('#twikoo') || '';
 if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m"){
 if(!twikooDom){
 addTwikooJS()
 setTimeout(function() {
 var memoTw = document.querySelector('.gap-2') || '';
 memoTw.insertAdjacentHTML('afterend', '<div id="mtcomment"></div>');
 twikoo.init({
 envId: twikooENV,
 el: '#mtcomment',
 path: nowHref.replace(/^.*=?(http.*\/m\/[0-9]+).*$/,'$1'),
 onCommentLoaded: function () {
 startTwikoo();
 }
 })
 }, 1500)
 }else{
 clearInterval(startTW)
 }
 }
 }, 2000)
}
startTwikoo();

2023.10.17更新脚本

使用cloudflare Tunnels实现内网穿透

Thu, 18 May 2023 16:23:20 +0800

使用cloudflare Tunnels实现内网穿透

准备工作

一个顶级域名
更改DNS解析服务器
等待生效

打开 Tunnels

点击create a Tunnels

随意输入一个名称用以区分

选一个服务端软件~用以启动~

以群晖为例

群晖就选择docker

复制命令行启动~

群晖要在root权限下执行

获取root只需要


sudo su

按需填写

Subdomain 随便一个A记录

**Domain **选择一个域名

**Path **可以为空

Type可以填写HTTP或者HTTPS

**URL **填写localhost加上端口号

保存即可~

演示地址

https://h.imsun.pw

豆瓣观影

Mon, 30 Jan 2023 00:00:00 +0800

跳转

Mon, 30 Jan 2023 00:00:00 +0800

关于

Fri, 06 Jan 2023 00:00:00 +0800

昵称由来

来自QQ昵称 不回头的浪子

如今已然是平平无奇中年人了.

NEC VK23T对比体验VK22T

Tue, 08 Nov 2022 14:02:00 +0800

由于之前的nec vk22被我折腾坏了。剩下了个充电器，于是在闲鱼上又转悠了半年。买了这台vk23。属实是为了一颗蒜，做了一顿饺子。一样的是日本走私货。相同点a面贴了贴纸。c面日本文键盘。

不同点体现在屏幕，vk23是一块分辨率为720p的TN屏。比VK22的2KIPS差远了。

VK23的内存是可以更换的，但是只有一个内存插槽。这点比vk22稍微好那么一点。有3个usb一个HDMI一个minidp一个读卡器。而且有一个摄像头。重量比vk22重一丢丢。尺寸也只有12.5英寸。用来打字上网办公还是绰绰有余的。我买的这款是i3 6100U低压U比i5的主频少了一点，且不能睿频。但是相比5200U来说已经很不错了。这个miniDP可以输出4K60HZ也是相当不错的。笔记本内部有一个m2插槽，支持2242的nvme协议固态硬盘，且只能支持2个缺口的半速m2硬盘。还有一个2.5寸硬盘位。相对来说也是够用了。无线网卡是intel的8260.可以更换，所以我换了更适合黑苹果的dw1560. 没错，拿到笔记本还是要黑苹果的。关于黑苹果就下文再写了。

2025年黑苹果amd免驱显卡购买推荐

Fri, 21 Jan 2022 16:50:00 +0800

Navi 20系列从bigsur开始支持

RX 6600 RX 6600 XT RX 6800 RX 6800 XT RX 6900 XT

Navi 10系列从Catalina开始支持

RX 5500 RX 5500 XT RX 5600 RX 5600 XT RX 5700 RX 5700 XT RX 5700 XT 50周年纪念版如遇到黑屏，需要boot参数agdpmod=pikera才能正确显示

Vega 20系列从Mojave开始支持

Radeon VII

Vega 10系列从High Sierra开始支持

Vega 64 Liquid Vega 64 Vega 56 Vega Frontier Edition Radeon Pro WX 9100 Radeon Pro WX 7100 ##　Polaris架构10和20系列　从Sierra开始支持 400系列：

中国式相亲之现状

Sun, 24 Feb 2019 17:54:02 +0800

最近芒果台在播的《我家那闺女》

我有在看，我特别喜欢的就是焦俊艳，美丽大方，主要是素颜也非常耐看

其中所有父亲都焦虑的一个问题

儿女的婚事

说到这里最常见的套路莫过于相亲。

所谓的相亲呢就是原本八竿子打不到一起去的两个人由于媒人这个神奇的存在而有了交集。

当然我不抗拒相亲，相亲的确是给很多人解决了社交圈子小的问题，但是相亲很多时候存在的意义就是门当户对的思想。

转念一想也没错。

不同的成长环境造成很多人的三观未必一致。

降低风险。

最让我不能容忍的网络上的个别思想。

认为学历低就是别人挑剩下来的。

这种人有种莫名的优越感认为自己就应该卖个价钱的感觉。

就好像在说我是你用不起的女人。

这奇葩的观点我真是不敢苟同。

很多高学历的人反而会更加慎重的对待自己的婚姻。

虽说婚姻与爱情不能混为一谈，但是爱情毕竟是基础。

相亲中的男女就好似在做买卖。

我有房有车有学历有工作有存款你有啥

说难听点一个像货比三家另外一个像待价而沽

真。买卖婚姻是也

得之我幸失之我命

Wed, 27 Dec 2017 10:51:24 +0800

前些时候在相亲微博上认识了一个湖北的妹子。

人很漂亮，是我喜欢的类型。

可我总是感觉自己没有太大的动力去追求这个女孩子。

我自己把原因归咎于自我认知良好。

换而言之，不够自信。

实在是觉得自己不够优秀。

可又很喜欢这个女孩子。

每天在微信上聊两句。

总是感觉自己不应该这样。

有点无所适从。

我看过很多心灵鸡汤。

有说如果爱她就给她自由。

或者祝她幸福此类的。

我觉得这都是屁话。

爱是矛盾的。

有占有，也有奉献。

两情相悦这种事情是随缘的。

一见钟情是看脸的。

说到底我还是为自己不够主动追求女孩子找了个理由。

关于网恋

Fri, 23 Dec 2016 15:34:58 +0800

随着年龄越来越大，变得越来越不相信爱情。

网恋更是让人觉得是浪费时间与精力的事情。

其中充满了大量无意义的对话，甚至大量的虚假的问候，让人充满了怀疑，与自我怀疑。

这都是因为双方的不信任。这可能与年龄有关。

在我读书的时候，QQ是最流行的通讯工具，他的成本比发短信要来的实惠太多。

那时候没有微信，但是每次上线都会有提醒，都会有许久不见的问候，那时的我们都是真实的自己。

我们会把自己的真心话讲给他们听。他们包括熟识的同学朋友，以及素未谋面的网络另一端的那个熟悉的陌生人。

年级再大了些，走出校园，走进社会。开始渐渐的学会把真话藏起来，把假话说给众人听。_

于是_开始怀疑他人甚至自己的话。

这网恋就越发艰难，虽说现在网恋的成本没有以前那么高，但实在是感觉不到感情了。

是我们越长大越冷漠了吧。