梨尽兴 | Li's Blog

自动化友链检测

Wed, 31 Dec 2025 00:00:00 GMT

前言

最近放假闲着没事干，抽了点时间完善了下友链方面的检测，现在可以更清楚地看到朋友们的站点状态了！不过还有点不足, 只检测了状态，并没有做到通知方面的功能，实现方式也比较潦草，后续会不断完善滴！

流程

简单画了个运行的流程图😋

引入

check-links.ts文件

创建 scripts/check-links.ts 文件并写入以下内容：

import fs from 'node:fs/promises'
import path from 'node:path'
import pLimit from 'p-limit'

import links from '../public/links.json' with { type: 'json' }

const DATA_PATH = path.resolve('public/links.json')
const CHECK_TIMEOUT = 15000
const PLimit_NUM = 5
const MAX_RETRIES = 3
const RETRY_DELAY = 1000
const SKIP_CHECK_NAMES = ['']

interface FriendLink {
  name: string
  link: string
  responseTime?: number
}

interface FriendGroup {
  id_name: 'cf-links' | 'inactive-links' | 'special-links'
  link_list: FriendLink[]
}

interface FriendLinksConfig {
  friends: FriendGroup[]
}

type LinkStatus = 'ok' | 'timeout' | 'error'

interface LinkCheckResult {
  name: string
  link: string
  status?: LinkStatus
  httpStatus?: number
  responseTime?: number
  reason?: string
}

async function fetchLink(url: string) {
  const controller = new AbortController()
  const timer = setTimeout(() => controller.abort(), CHECK_TIMEOUT)

  try {
    const start = Date.now()
    const res = await fetch(url, {
      method: 'HEAD',
      signal: controller.signal,
      redirect: 'follow',
      cache: 'no-store',
      headers: { 'User-Agent': 'Mozilla/5.0 FriendLinkChecker/1.0' }
    })
    const time = Date.now() - start

    return {
      ok: res.ok,
      status: res.status,
      time
    }
  } finally {
    clearTimeout(timer)
  }
}

const ENV_SKIP_NAMES = process.env.SKIP_CHECK_NAMES?.split(',') || []
const SKIP_NAMES = new Set(
  SKIP_CHECK_NAMES.concat(ENV_SKIP_NAMES)
    .map((s) => s.trim())
    .filter(Boolean)
)
async function checkLink(link: FriendLink): Promise<LinkCheckResult> {
  if (SKIP_NAMES.has(link.name)) {
    console.log(`[Check-Links] ${link.name} (${link.link}) skipped 🧹`)
    return {
      name: link.name,
      link: link.link,
      status: 'ok',
      reason: 'skip_check',
      responseTime: 0
    }
  }

  let lastError: Error | null = null

  for (let i = 0; i < MAX_RETRIES; i++) {
    try {
      const res = await fetchLink(link.link)
      console.log(`[Check-Links] ${link.name} responded in ${res.time}ms ✨`)

      if (!res.ok) throw new Error(`HTTP ${res.status}`)

      return {
        name: link.name,
        link: link.link,
        status: 'ok',
        httpStatus: res.status,
        responseTime: res.time
      }
    } catch (e: unknown) {
      lastError = e instanceof Error ? e : new Error(String(e))
      if (i < MAX_RETRIES - 1) {
        const delay = RETRY_DELAY * 2 ** i + Math.floor(Math.random() * 100)
        console.warn(
          `[Check-Links] Retry attempt (${i + 1}/${MAX_RETRIES}) for ${link.name} after ${delay}ms due to: ${lastError.message} 😭`
        )
        await new Promise((resolve) => setTimeout(resolve, delay))
      }
    }
  }

  return {
    name: link.name,
    link: link.link,
    status: lastError?.name === 'AbortError' ? 'timeout' : 'error',
    reason: lastError?.message,
    responseTime: 0
  }
}

async function main() {
  console.log('[Check-Links] Start checking friend links... ❤️')

  const config = links as FriendLinksConfig
  const limit = pLimit(PLimit_NUM)

  const tasks = config.friends
    .filter((g) => g.id_name === 'cf-links')
    .flatMap((group) => group.link_list.map((link) => limit(() => checkLink(link))))

  const results = await Promise.allSettled(tasks)

  const linkMap = new Map<string, LinkCheckResult>()

  for (const r of results) {
    if (r.status === 'fulfilled') {
      linkMap.set(r.value.link, r.value)
    } else {
      console.error(`[Check-Links] Unexpected error (${r.reason}) 🤔`)
    }
  }
  for (const group of config.friends) {
    for (const link of group.link_list) {
      const res = linkMap.get(link.link)
      if (res) {
        link.responseTime = res.responseTime ?? 0
      }
    }
  }

  await fs.writeFile(DATA_PATH, JSON.stringify(config, null, 2))

  const failed = Array.from(linkMap.values()).filter((r) => r.status !== 'ok')
  if (failed.length > 0) {
    console.error(
      `[Check-Links] Friend link check failed (${failed.length} inactive links checked) 😡:`
    )
    for (const f of failed) {
      console.error(
        `[Check-Links] - ${f.name} (${f.link}) => ${f.status}`,
        f.reason ? ` | ${f.reason}` : ''
      )
    }
    process.exit(1)
  }

  console.log(
    `[Check-Links] All links are healthy and responseTime updated (${results.length} links checked) 😋`
  )
}

main()

相关配置说明

| 配置项 | 默认值 | 说明 | | :----------------: | :-----: | :----------------------------------------------------: | | CHECK_TIMEOUT | 15000 | 单个链接检测的超时时间，超过该时间视为请求失败 | | PLimit_NUM | 5 | 并发检测的最大数量，用于限制同时进行的请求数 | | MAX_RETRIES | 3 | 链接检测失败后的最大重试次数 | | RETRY_DELAY | 1000 | 每次重试之间的等待时间 | | SKIP_CHECK_NAMES | [''] | 跳过检测的站点名称列表，名称匹配时将不会进行可用性检测 |

跳过检测的站点名称列表也支持在后续的 GitHub Actions 变量中进行控制（可同时存在）[填写格式：友链名称1,友链名称2]

check-links.yml文件

创建 .github/workflows/check-links.yml 并写入以下内容：

name: 🔗 Friend Links Check

on:
  push:
    branches:
      - main
    paths:
      - 'public/links.json'
  schedule:
    - cron: '0 8 * * *'
  workflow_dispatch:

jobs:
  check-links-and-update:
    name: Link Check & Upload
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version: 20

      - name: Install deps
        run: npm install p-limit tsx

      - name: Run link check
        run: npx tsx scripts/check-links.ts

后续的步骤我采用上传至存储桶的方式而非git提交回仓库，主要是怕污染git的提交信息（而且运行一次脚本，本地仓库就要再拉取一次感觉挺麻烦），你也可以改成你想要的方式，或者把git提交这部分直接写进前面的 check-links.ts 脚本

      - name: Upload link.json to bucket
        run: |
          aws s3api put-object \
            --bucket ${{ secrets.BITIFUL_BUCKET_NAME }} \
            --key link.json \
            --body public/links.json \
            --endpoint-url https://${{ secrets.BITIFUL_S3_ENDPOINT }} \
            --region ${{ secrets.BITIFUL_REGION }}
        env:
          AWS_ACCESS_KEY_ID: ${{ secrets.BITIFUL_ACCESS_KEY_ID }}
          AWS_SECRET_ACCESS_KEY: ${{ secrets.BITIFUL_SECRET_ACCESS_KEY }}

这里的存储桶我选择的是缤纷云，相关变量配置在 GitHub Actions 的 secrets 里，变量获取在控制台页面，对应如下

由于我给博客进行了国内外分流，国外托管到了CF上，加上前面并没有选择git提交的方式，所以检测完友链后需要让其重新构建一遍，以同步进度。

  trigger-pages-build:
    name: Trigger Cloudflare Pages build
    needs: check-links-and-update
    runs-on: ubuntu-latest

    if: ${{ needs.check-links-and-update.result == 'success' }}

    steps:
      - name: Update Cloudflare Pages
        run: |
            curl -X POST \
            "https://api.cloudflare.com/client/v4/accounts/${{ secrets.CF_ACCOUNT_ID }}/pages/projects/${{ secrets.CF_PROJECT_NAME }}/deployments" \
            -H "Authorization: Bearer ${{ secrets.CF_API_TOKEN }}" \
            -H "Content-Type: application/json" \
            -d '{}'

所需变量对应如下：

CF_API_TOKE 只需 page 的编辑权限就可以了

import { Spoiler } from 'astro-pure/user'

如果你的国内站点也是通过 GitHub Actions 来构建拉取的话，需在相关工作流文件加入对 check-links.yml 完成状态的检测纯静态站点就这点麻烦😡 或许是我给工作复杂化了🤔？

on:
  push:
    branches:
      - main
    paths-ignore:
      - public/link.json

  workflow_dispatch:
  
  workflow_run:
    workflows: ["🔗 Friend Links Check"]
    types:
      - completed

on: push: branches: - main paths: - 'public/links.json' schedule: - cron: '0 8 * * *' workflow_dispatch:

jobs: check-links-and-update: name: Link Check & Upload runs-on: ubuntu-latest

steps:
  - uses: actions/checkout@v4

  - name: Setup Node
    uses: actions/setup-node@v4
    with:
      node-version: 20

  - name: Install deps
    run: npm install p-limit tsx

  - name: Run link check
    run: npx tsx scripts/check-links.ts

  - name: Upload link.json to bucket
    run: |
      aws s3api put-object \
        --bucket ${{ secrets.BITIFUL_BUCKET_NAME }} \
        --key link.json \
        --body public/links.json \
        --endpoint-url https://${{ secrets.BITIFUL_S3_ENDPOINT }} \
        --region ${{ secrets.BITIFUL_REGION }}
    env:
      AWS_ACCESS_KEY_ID: ${{ secrets.BITIFUL_ACCESS_KEY_ID }}
      AWS_SECRET_ACCESS_KEY: ${{ secrets.BITIFUL_SECRET_ACCESS_KEY }}

trigger-pages-build: name: Trigger Cloudflare Pages build needs: check-links-and-update runs-on: ubuntu-latest

if: ${{ needs.check-links-and-update.result == 'success' }}

steps:
  - name: Update Cloudflare Pages
    run: |
        curl -X POST \
        "https://api.cloudflare.com/client/v4/accounts/${{ secrets.CF_ACCOUNT_ID }}/pages/projects/${{ secrets.CF_PROJECT_NAME }}/deployments" \
        -H "Authorization: Bearer ${{ secrets.CF_API_TOKEN }}" \
        -H "Content-Type: application/json" \
        -d '{}'

</details>

## 前端渲染

由于新的 link.json 文件放在了存储桶里，友链的数据需要改为从远端读取

需修改 `src/components/links/FriendList.astro` 文件如下：
```astro titie="FriendList.astro"
---
//...

interface friend {
  avatar: string
  avatar_cache?: AvatarCache
  name: string
  intro: string
  link: string
  responseTime?: number // [!code ++]
}

//...

const { title, list: friendList, ...props } = Astro.props

let remoteData: Record<string, number> = {} // [!code ++:17]
try {
  const res = await fetch('your own bucket url')
  const json = await res.json()
  for (const group of json.friends) {
    for (const f of group.link_list) {
      remoteData[f.link] = f.responseTime
    }
  }
} catch (e) {
  console.warn('Failed to fetch remote link.json', e)
}

const enrichedLinkList = friendList.link_list.map((frd) => ({
  ...frd,
  responseTime: remoteData[frd.link] ?? frd.responseTime
}))

const getAvatarSrc = (friend: friend) =>
  (config.integ?.links?.cacheAvatar ?? false)
    ? (friend.avatar_cache?.path ?? friend.avatar)
    : friend.avatar
---
{title && <h2 id={friendList.id_name}>{title}</h2>}
<div class='grid gap-3.5 sm:grid-cols-2 sm:gap-4 lg:grid-cols-3' {...props}>
  {
    friendList.link_list.length > 0 ? (
      shuffle(friendList.link_list).map((frd: friend) => ( // [!code --]
      shuffle(enrichedLinkList).map((frd: friend) => ( // [!code ++]
        <a href={frd.link} target='_blank' class='no-underline'>
          <div class='group relative h-full overflow-hidden rounded-2xl border bg-background px-2.5 py-1.5 transition-colors hover:bg-muted sm:px-4 sm:py-2'>
            {frd.responseTime !== undefined && ( // [!code ++:15]
              <div class='absolute right-1.5 top-2 z-1 flex items-center gap-1 rounded-2xl bg-muted/50 px-1.5 py-0 text-[10px] leading-[1rem] text-muted-foreground backdrop-blur-sm transition-colors group-hover:bg-background/50 group-hover:text-foreground'>
                <div
                  class:list={[
                    'size-1.5 rounded-full',
                    frd.responseTime < 500
                      ? 'bg-green-400'
                      : frd.responseTime < 1500
                        ? 'bg-yellow-400'
                        : 'bg-red-400'
                  ]}
                />
                {frd.responseTime}ms
              </div>  
            )}
            <div class='relative z-10 flex h-full items-center gap-3'>
			  //...
            </div>
            {/* avatar bg */}
			  //...
          </div>
        </a>
      ))
    ) : (
      <p>Nothing here.</p>
    )
  }
</div>

使用

在 GitHub Actions 中找到 🔗 Friend Links Check ，点击 Run workflow 并运行，后续会在每天固定时间运行，或者 links.json 更新时自动运行❤️

本地实现Astro文章AI摘要

Thu, 18 Dec 2025 00:00:00 GMT

起因

import { Spoiler } from 'astro-pure/user'

在之前的NotionNext架构博客使用过一两周 TianliGPT 的AI摘要服务，虽然只需10￥就有足够的TOKEN余额，对于我这种小博客肯定是绰绰有余，但感觉还是不够自定义 ~~（想完全自建使用）~~ 详见《讨论NotionNext如何配置AI摘要》

之后呢给博客迁移到了 Astro 架构，看到了 konoXIN的文章，大佬的AI摘要实现思路也很完美，试了一周感觉不错，不过就是有点小小的不足，因为他的摘要是存储在 Index DB 里的，虽然占用的空间小，并且也足够存储生成的摘要，但每个人在访问文章时都会请求一次API还是太那啥了 ~~（即使TOKEN无限用）~~

思考了几天，也试了试，还是想本地生成文章摘要再放置在文章的 Frontmatter 块末尾，于是结合 @Liushen 和 @konoXIN 的思路，捣鼓了几天实则是摸鱼~，初步实现了我的需求应该不会有啥大毛病吧

前置

API这部分就直接采用 konoXIN文章里的代码了（如有侵权可以与我联系）

申请星火Spark-Lite

访问星火大模型API
下滑页面到如下位置，选择 Spark-Lite，点击立即调用

点击创建新应用，之后侧边栏点击 Spark Lite ，选择领取无限量即可

之后右侧会出现你的 APPID 、 APISecret 、 APIKey , 需要记住保存好

搭建 Vercel API

import { Button } from 'astro-pure/user'

一键部署到Vercel：
Fork后自行导入：

点击上方任一按钮导入项目成功后，进入该项目在 Vercel 上的仪表盘 Dashboard 选项
在项目仪表盘中找到 Settings 选项
在 Settings 下找到 Environment Variables 部分
在这里添加你的 SPARK_APPID , SPARK_API_KEY 和 SPARK_API_SECRET ，对应如下表：

| Spark Lite Websocket | VercelServer | | -------------------- | ------------ | | APPID | SPARK_APPID | | APIKey | SPARK_API_KEY | | APISecret | SPARK_API_SECRET |
配置完环境变量后需重新部署一次项目

项目部署后，Vercel 会提供一个类似 https://[your-project-name].vercel.app 的域名。代理函数可以通过 /api/spark-proxy 接口访问。

如果需要想改为自己的子域名，需要在域名控制台解析一下，让其可以在国内访问

引入

代码片段Gist开源地址：Static-AiSummary for Astro-Theme-Pure
GitHub源码下载：static-aisummary

import { Steps } from 'astro-pure/user'

---
import aisummaryConfig from '../plugins/aisummary.config.js?url';// [!code highlight]
import aisummary from '../plugins/aisummary.js?url';// [!code highlight]
import aisummaryCss from '../assets/styles/aisummary.css?url';// [!code highlight]
---

<!-- [!code highlight:8] -->
{/* AISummary 工具 */}
<script src={aisummaryConfig} is:inline></script>
{Astro.url.pathname.startsWith('/blog/')
  && !/^\/blog\/\d+\/?$/.test(Astro.url.pathname)
  && <script src={aisummary} is:inline></script>}
{/* AISummary 样式 */}
<link rel='stylesheet' href={aisummaryCss} />

<PageLayout
  meta={{ articleDate, description, ogImage: socialImage, title }}
  highlightColor={primaryColor}
  back='/blog'
>
  <!-- [!code highlight:20] -->
  {/* AISummary AI摘要 */}
  {data.summary && (
    <div class='aisummary-container'>
      <div class='aisummary-title'>
        <i class='aisummary-title-icon'>
          <svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'>
            <title>机器人</title>
            <g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>
              <path d='M34.717885,5.03561087 C36.12744,5.27055371 37.079755,6.60373651 36.84481,8.0132786 L35.7944,14.3153359 L38.375,14.3153359 C43.138415,14.3153359 47,18.1768855 47,22.9402569 L47,34.4401516 C47,39.203523 43.138415,43.0650727 38.375,43.0650727 L9.625,43.0650727 C4.861585,43.0650727 1,39.203523 1,34.4401516 L1,22.9402569 C1,18.1768855 4.861585,14.3153359 9.625,14.3153359 L12.2056,14.3153359 L11.15519,8.0132786 C10.920245,6.60373651 11.87256,5.27055371 13.282115,5.03561087 C14.69167,4.80066802 16.024865,5.7529743 16.25981,7.16251639 L17.40981,14.0624532 C17.423955,14.1470924 17.43373,14.2315017 17.43948,14.3153359 L30.56052,14.3153359 C30.56627,14.2313867 30.576045,14.1470924 30.59019,14.0624532 L31.74019,7.16251639 C31.975135,5.7529743 33.30833,4.80066802 34.717885,5.03561087 Z M38.375,19.4902885 L9.625,19.4902885 C7.719565,19.4902885 6.175,21.0348394 6.175,22.9402569 L6.175,34.4401516 C6.175,36.3455692 7.719565,37.89012 9.625,37.89012 L38.375,37.89012 C40.280435,37.89012 41.825,36.3455692 41.825,34.4401516 L41.825,22.9402569 C41.825,21.0348394 40.280435,19.4902885 38.375,19.4902885 Z M14.8575,23.802749 C16.28649,23.802749 17.445,24.9612484 17.445,26.3902253 L17.445,28.6902043 C17.445,30.1191812 16.28649,31.2776806 14.8575,31.2776806 C13.42851,31.2776806 12.27,30.1191812 12.27,28.6902043 L12.27,26.3902253 C12.27,24.9612484 13.42851,23.802749 14.8575,23.802749 Z M33.1425,23.802749 C34.57149,23.802749 35.73,24.9612484 35.73,26.3902253 L35.73,28.6902043 C35.73,30.1191812 34.57149,31.2776806 33.1425,31.2776806 C31.71351,31.2776806 30.555,30.1191812 30.555,28.6902043 L30.555,26.3902253 C30.555,24.9612484 31.71351,23.802749 33.1425,23.802749 Z' fill='#444444' fill-rule='nonzero'></path>
            </g>
          </svg>
        </i>
        <div class='aisummary-title-text'>Li's AI Summary</div>
        <div class='aisummary-tag' id='aisummary-tag'>Li's AI</div>
      </div>
      <div class='aisummary-explanation' data-ai-summary={data.summary}>{data.summary}</div>
      <div class='aisummary-disclaimer'>本摘要由AI生成，仅供参考，内容准确性请以原文为准。</div>
    </div>
  )}

</PageLayout>

配置

主要集中在 aisummary.config.js 和 .env 文件进行配置和修改变量，列表如下（文件中也有详细注释说明）：

供离线脚本读取的配置项

说明：使用前文 Spark-Lite 模型搭建Vercel代理服务器不需配置 AI_SUMMARY_KEY 变量，可保持空值

供博客页面使用的配置项

| 配置项 | 示例值 | 说明 | | :------------------------------- | :------------------------------------------ | :----------------------------------- | | aisummaryTypingAnimate | true | 是否开启打字机动画 | | aisummaryPostSelector | #content | 文章内容容器选择器 |

如何知道 aisummaryPostSelector ?

进入任一博客文章页面，按下 F12 进入开发者控制台，再按下 Ctrl + Shift + C ，并选取 正文部分 进行如下步骤复制后即为 aisummaryPostSelector 的值

使用

补全缺失库 npm install -D xxx
确保 aisummary.config.js 和 .env 文件里变量配置正确
在项目主目录运行 npx tsx scripts/generate-summary.ts 即可

后记

Vercel代理服务器部分的代码基本来自于 @konoXIN ，主要修改的本地脚本的部分，感觉代码有点乱，还需要再整理一下

参考

通过Waline API获取最新评论并显示

Sun, 02 Nov 2025 00:00:00 GMT

起因

浏览 Waline的官方接口文档时发现通过 /api/comment?type=recent 接口能返回网站最新评论数据，于是“奴役”AI给我写了一个适用当前主题的评论展示组件，目前没出啥大差错🤣

引入

代码片段Gist开源地址：Recent Comments for Astro-Theme-Pure

rc.css文件

在 src/assets/styles 目录下新建 rc.css 文件并填入以下内容：

/* 最新评论组件样式 */
.recent-comments {
  background-color: hsl(var(--background) / var(--un-bg-opacity, 1));
  border: 1px solid hsl(var(--border) / var(--un-border-opacity, 1));
  border-radius: var(--radius);
  padding: 1rem;
  margin-bottom: 1.5rem;
  margin-top: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.recent-comments-title {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: hsl(var(--foreground) / var(--un-text-opacity, 1));
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.recent-comments-title svg {
  width: 1.2rem;
  height: 1.2rem;
}

.comment-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.comment-item {
  display: flex;
  gap: 0.75rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid hsl(var(--border) / 0.5);
}

.comment-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.comment-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.comment-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.comment-content {
  flex: 1;
  min-width: 0;
}

.comment-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}

.comment-author {
  font-weight: 500;
  color: hsl(var(--foreground) / var(--un-text-opacity, 1));
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comment-time {
  font-size: 0.8rem;
  color: hsl(var(--muted-foreground) / var(--un-text-opacity, 1));
}

.comment-text {
  font-size: 0.9rem;
  color: hsl(var(--muted-foreground) / var(--un-text-opacity, 1));
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.comment-link {
  display: block;
  font-size: 0.8rem;
  color: hsl(var(--primary) / var(--un-text-opacity, 1));
  margin-top: 0.25rem;
  text-decoration: none;
  transition: opacity 0.2s;
}

.comment-link:hover {
  opacity: 0.8;
}

.comment-empty {
  text-align: center;
  padding: 1rem 0;
  color: hsl(var(--muted-foreground) / var(--un-text-opacity, 1));
  font-size: 0.9rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .comment-avatar {
    width: 2rem;
    height: 2rem;
  }

  .comment-author {
    font-size: 0.85rem;
  }

  .comment-time {
    font-size: 0.75rem;
  }

  .comment-text {
    font-size: 0.85rem;
    -webkit-line-clamp: 2;
  }
}

RecentComments.astro文件

在目录下 src/components 目录下新建 RecentComments.astro 文件并填入以下内容：

---
import { Icon } from 'astro-pure/user'
import config from '@/site-config'

const limit = 5
const refreshMs = 60_000
---

<div class='recent-comments' data-recent-comments data-limit={limit} data-refresh-ms={refreshMs}>
  <div class='recent-comments-title'>
    <Icon name='list' class='me-2' color='#A6923F' />
    <span>最新评论</span>
  </div>

  <div class='comment-list'>
    <div class='comment-empty'>加载中...</div>
  </div>
</div>

<script
  is:inline
  type='module'
  data-astro-rerun
  define:vars={{
    walineServer: config.integ.waline.server,
    defaultLimit: limit,
    defaultRefreshMs: refreshMs
  }}
>

  const normalizeServer = (server) => String(server || '').replace(/\/$/, '')

  const formatCommentTime = (timestamp) => {
    const date = new Date(timestamp)
    const diff = Date.now() - date.getTime()

    if (diff < 60 * 1000) return '刚刚'
    if (diff < 60 * 60 * 1000) return `${Math.floor(diff / (60 * 1000))}分钟前`
    if (diff < 24 * 60 * 60 * 1000) return `${Math.floor(diff / (60 * 60 * 1000))}小时前`
    if (diff < 7 * 24 * 60 * 60 * 1000) return `${Math.floor(diff / (24 * 60 * 60 * 1000))}天前`

    return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
  }

  const stripHtml = (html) => {
    const doc = new DOMParser().parseFromString(String(html || ''), 'text/html')
    return doc.body.textContent || ''
  }

  const truncateText = (text, length = 100) => {
    const s = String(text || '')
    if (s.length <= length) return s
    return s.slice(0, length) + '...'
  }

  const normalizeUrl = (url) => {
    const s = String(url || '')
    if (!s) return '#'
    return s.endsWith('/') ? s.slice(0, -1) : s
  }

  const buildKey = (items) =>
    items.map((c) => `${c.nick ?? ''}|${c.time ?? ''}|${c.url ?? ''}|${c.avatar ?? ''}`).join('||')

  const renderComments = (root, comments) => {
    const listEl = root.querySelector('.comment-list')
    if (!listEl) return

    listEl.replaceChildren()

    if (!comments.length) {
      const empty = document.createElement('div')
      empty.className = 'comment-empty'
      empty.textContent = '暂无评论数据'
      listEl.appendChild(empty)
      return
    }

    const frag = document.createDocumentFragment()

    for (const comment of comments) {
      const item = document.createElement('div')
      item.className = 'comment-item'

      const avatarWrap = document.createElement('div')
      avatarWrap.className = 'comment-avatar'

      const img = document.createElement('img')
      img.src = comment.avatar || ''
      img.alt = comment.nick || ''
      img.loading = 'lazy'
      avatarWrap.appendChild(img)

      const content = document.createElement('div')
      content.className = 'comment-content'

      const meta = document.createElement('div')
      meta.className = 'comment-meta'

      const author = document.createElement('span')
      author.className = 'comment-author'
      author.textContent = comment.nick || ''

      const time = document.createElement('span')
      time.className = 'comment-time'
      time.dataset.time = String(comment.time || '')
      time.textContent = comment.time ? formatCommentTime(comment.time) : ''

      meta.append(author, time)

      const text = document.createElement('a')
      text.className = 'comment-text'
      text.textContent = truncateText(stripHtml(comment.comment), 100)
      text.href = normalizeUrl(comment.url) + (comment.objectId ? `#${comment.objectId}` : '')

      content.append(meta, text)
      item.append(avatarWrap, content)

      frag.appendChild(item)
    }

    listEl.appendChild(frag)
  }

  const updateTimesOnly = (root) => {
    const timeEls = root.querySelectorAll('.comment-time[data-time]')
    timeEls.forEach((el) => {
      const timestamp = Number(el.dataset.time)
      if (!Number.isFinite(timestamp) || timestamp <= 0) return
      el.textContent = formatCommentTime(timestamp)
    })
  }

  const fetchRecentComments = async (server, signal) => {
    const base = normalizeServer(server)
    if (!base) return []

    const res = await fetch(`${base}/api/comment?type=recent`, { signal })
    if (!res.ok) return []

    const json = await res.json()
    const data = Array.isArray(json?.data) ? json.data : []
    return data
  }

  const initRecentComments = (root) => {
    const limit = Number(root.dataset.limit || defaultLimit) || defaultLimit
    const refreshMs = Number(root.dataset.refreshMs || defaultRefreshMs) || defaultRefreshMs

    let lastKey = ''
    const aborter = new AbortController()

    const tick = async () => {
      try {
        const list = await fetchRecentComments(walineServer, aborter.signal)
        const items = list.slice(0, limit)
        const key = items.length ? buildKey(items) : '__EMPTY__'

        if (key !== lastKey) {
          lastKey = key
          renderComments(root, items)
        } else {
          updateTimesOnly(root)
        }
      } catch (e) {
        if (e?.name === 'AbortError') return
        console.error('Recent comments error:', e)
        const listEl = root.querySelector('.comment-list')
        if (listEl) {
          listEl.innerHTML = `<div class="comment-empty error">加载失败:${e.message}</div>`
        }
      }
    }

    tick()

    const timer = window.setInterval(() => {
      if (document.hidden) return
      tick()
    }, refreshMs)

    const onVisible = () => {
      if (!document.hidden) tick()
    }
    document.addEventListener('visibilitychange', onVisible)

    return () => {
      aborter.abort()
      window.clearInterval(timer)
      document.removeEventListener('visibilitychange', onVisible)
    }
  }

  const disposers = new Set()

  const boot = () => {
    document.querySelectorAll('[data-recent-comments]').forEach((root) => {
      if (root.__recentCommentsInited) return
      root.__recentCommentsInited = true
      disposers.add(initRecentComments(root))
    })
  }

  const disposeAll = () => {
    disposers.forEach((fn) => fn())
    disposers.clear()
  }

  const start = () => boot()

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', start, { once: true })
  } else {
    start()
  }

  document.addEventListener('astro:page-load', boot)
  document.addEventListener('astro:before-swap', disposeAll)
</script>

<style is:global>
  @import '@/assets/styles/rc.css';
</style>

使用

在Pure主题主页中使用

增添 src/pages/index.astro 文件内容如下：

---
import RecentComments from '@/components/RecentComments.astro' //引入组件 [!code ++]
---

<PageLayout meta={{ title: '首页' }} highlightColor='#FFF8DC'>
  <main class='flex w-full flex-col items-center'>
    <div
      id='content'
      class='animate flex flex-col md:flex-row gap-y-10 md:gap-x-6 md:w-4/5 lg:w-5/6'
    >
      <!-- 省略中间代码 -->
      <div class='md:w-1/3 md:mt-0'> <!-- [!code ++] -->
        <RecentComments /> <!-- [!code ++] -->
      </div> <!-- [!code ++] -->
      <!-- 省略此后代码 -->
    </div>
    <Quote class='mt-12' />
  </main>
</PageLayout>

最小化使用

---
import RecentComments from '@/components/RecentComments.astro'
---

<RecentComments />

GitHub有趣项目推荐（二）

Tue, 07 Oct 2025 00:00:00 GMT

import { GithubCard } from 'astro-pure/advanced'

总览项目

资料类

libpku：北大课程资料民间整理

工具类

CloudflareTempEmail：免费搭建临时邮件服务,用一些免费域名搞搞临时邮箱😂
CloudMail：使用Vue3开发的响应式邮箱服务，支持邮件发送，无需服务器可部署到Cloudflare平台🎉
NextChat：一键免费部署你的私人ChatGPT网页应用，支持Claude,GPT4&GeminiPro模型。
GameLove：夹带私货哈哈，可以解决访问国外游戏网站加载慢，图片加载不出来的问题

资料类

libpku

介绍： 引自原文 ^注释

来到一所大学，从第一次接触许多课，直到一门一门完成，这个过程中我们时常收集起许多资料和情报。

有些是需要在网上搜索的电子书，每次见到一门新课程， Google 一下教材名称，有的可以立即找到，有的却是要花费许多眼力；有些是历年试卷或者 A4 纸，前人精心收集制作，抱着能对他人有用的想法公开，却需要在各个群或者私下中摸索以至于从学长手中代代相传；有些是上完一门课才恍然领悟的技巧，原来这门课重点如此，当初本可以更轻松地完成得更好……

我也曾很努力地收集各种课程资料，但到最后，某些重要信息的得到却往往依然是纯属偶然。这种状态时常令我感到后怕与不安。我也曾在课程结束后终于有了些许方法与总结，但这些想法无处诉说，最终只能把花费时间与精力才换来的经验耗散在了漫漫的遗忘之中。

我为这一年一年，这么多人孤军奋战的重复劳动感到不平。

我希望能够将这些隐晦的、不确定的、口口相传的资料和经验，变为公开的、易于获取的和大家能够共同完善、积累的共享资料。

我希望只要是前人走过的弯路，后人就不必再走。 这是我的信念，也是我建立这个项目的原因。

使用： 访问https://lib-pku.github.io ，点击资料链接即可下载。

工具类

CloudflareTempEmail

介绍： Cloudflare临时邮箱，可以用来免费搭建临时邮件服务

使用： 推荐 通过用户界面部署，详见临时邮箱文档（官方文档已经很详尽了，不重复造轮子😮）

也可以来试试我搭建好的服务https://tempmail.artemisia.icu/

CloudMail

介绍： 可以用自己的付费域名来搭建此服务，例如我的”me@artemisia.icu”，欢迎交流😘

使用： 推荐小白保姆教程-界面部署，还是不重复造轮子哈哈。

也可以使用我搭建好的服务https://email.artemisia.icu/ ，为了防止滥用所以加了注册码，注册码可以通过上面的邮箱联系我领取。

NextChat

介绍： 一个AI聊天项目，可以无聊时打发打发时间，页面UI看着很精致

使用： 主要需要的就是AI大模型的APIkey，详见官方的中文文档，依旧不重复造轮子哈哈

GameLove

介绍：本项目是我参考GitHub520，改成了加速国外游戏平台的域名，虽然部分逻辑有AI的功劳哈哈，不过还是能用，目前项目仍处于测试阶段，欢迎提交issue，PR等等。更多详见项目

使用：推荐使用SwitchHosts来管理hosts（最好以管理员权限运行），详见README.md（引用自己的轮子哈哈🤪）

项目总结

本次依旧带来的是5个项目，一个高校的课程资料，还有4个工具类的项目，其中的两个邮箱服务个人试了几天还是不错的，AI服务需要APIkey，我的GameLove项目只能说是改编他人项目，感谢开源哈哈，让我能学习他人的代码来弥补自己的不足🥲

GitHub有趣项目推荐（一）

Mon, 15 Sep 2025 00:00:00 GMT

import { GithubCard } from 'astro-pure/advanced' import { Button } from 'astro-pure/user'

总览项目

生活类

CookLikeHOC：像老乡鸡那样做饭，🥢像老乡鸡🐔那样做饭。主要部分于2024年完工，非老乡鸡官方仓库。文字来自《老乡鸡菜品溯源报告》，并做归纳、编辑与整理。

工具类

PicSite：PicSite是一个使用Next.js构建的在线图片展示网站。它允许用户浏览相册、查看图片，并提供了简单的搜索功能。
CloudFlare-ImgBed：开源文件托管解决方案，支持Docker和无服务器部署，支持 TelegramBot、CloudflareR2、S3等多种存储渠道，支持WebDAV协议和多种RESTful API。
Docker-Cloudflare：🚀基于CloudflareWorkers的Docker镜像代理服务。
Xget：超高性能、安全的一站式开发者资源访问加速引擎。其性能远超传统加速器，为您提供跨多个平台的统一高效的加速体验，涵盖代码储存库、包管理、AI 推理 API、容器镜像、模型及数据集等。

生活类

CookLikeHOC

介绍： 一个整理自《老乡鸡菜品溯源报告》的开源食谱

使用： 详见官方网址 https://cooklikehoc.soilzhu.su

工具类

PicSite

介绍： 该项目是我在寻找自建博客相册时发现的，star虽然不高，但项目属于能用的（虽然有点小bug哈哈）

使用：

  import fs from 'fs'
  import path from 'path'
  import matter from 'gray-matter'
  import { Album } from '@/types/album'
  
  const albumsDirectory = path.join(process.cwd(), 'src/content/albums')
  // 保证非法日期不会抛 RangeError
  function safeISO(v: any) {
    const d = new Date(v)
    return Number.isNaN(d.getTime()) ? new Date().toISOString() : d.toISOString()
  }
  
  export function getAllAlbums(): Album[] {
    const fileNames = fs.readdirSync(albumsDirectory)
    return fileNames.map((fileName) => {
      const id = fileName.replace(/\\.md$/, '')
      const fullPath = path.join(albumsDirectory, fileName)
      const fileContents = fs.readFileSync(fullPath, 'utf8')
      const matterResult = matter(fileContents)
  
      const date = matterResult.data.date
        ? safeISO(matterResult.data.date).split('T')[0]
        : ''
  
      // 确保所有图片路径都以 '/' 开头
      const images = matterResult.content
        .split('\\n')
        .filter(Boolean)
        .map(line => {
          const imagePath = line.trim().replace('- ', '')
          return imagePath.startsWith('/') ? imagePath : `/${imagePath}`
        })
  
      // 确保封面图片路径也以 '/' 开头
      const coverImage = matterResult.data.coverImage
        ? matterResult.data.coverImage.startsWith('/')
          ? matterResult.data.coverImage
          : `/${matterResult.data.coverImage}`
        : ''
  
      return {
        id,
        name: matterResult.data.name || '',
        date,
        description: matterResult.data.description || '',
        coverImage,
        images,
      }
    })
  }
  
  export function getAlbumById(id: string): Album | undefined {
    const albums = getAllAlbums()
    return albums.find(album => album.id === id)
  }
  
  export function searchAlbums(query: string): Album[] {
    const albums = getAllAlbums()
    return albums.filter(album => 
      album.name.toLowerCase().includes(query.toLowerCase()) ||
      album.description.toLowerCase().includes(query.toLowerCase())
    )
  }

推荐用Vercel、Netlify、Zeabur、CloudFlarePages等托管平台进行一键部署

手动部署：

克隆仓库：

git clone <https://github.com/Gloridust/picsite.git>
cd picsite

安装依赖：
```
npm install
```
本地调试：
```
npm run dev
```
构建项目：
```
npm run build
```
启动生产服务器：
```
npm start
```
现在，您可以通过 http://localhost:3000 访问您的网站。

添加相册及描述：

在 src/content/albums/ 目录下创建一个新的 Markdown 文件，例如 nature.md。

在文件的顶部添加 frontmatter，包括相册的元数据：

---
id: nature
name: 自然风光
date: 2024-03-15
description: 美丽的自然风光摄影集
coverImage: images/nature/cover.jpg
---
- images/nature/1.jpg
- images/nature/2.jpg
- images/nature/3.jpg

在 public/images/ 目录下创建对应的文件夹（例如 nature），并将图片文件放入其中。
确保 coverImage 路径和图片列表中的路径与实际文件位置相匹配。

CloudFlare-ImgBed

介绍： 可用于自建博客图床

使用： 官方文档已经很详细了，我就不重复造轮子了🤓

https://cfbed.sanyue.de/guide/introduction.html

Docker-Cloudflare

介绍： 基于Cloudflare Workers的Docker镜像代理服务，加速Docker。

使用：

1.登录Cloudflare Dashboard

2.创建新的Worker

3.复制worker.js代码并保存部署，代码如下：

https://github.com/niehaoran/docker-cloudflare/blob/main/worker.js

4.配置自定义域名

Xget

介绍： 可以加速GitHub等一众国外资源的下载

使用： 这里给出CloudFlare自部署和浏览器插件的食用方法，其他方式详见https://github.com/xixu-me/Xget

CloudFlare自部署：

Fork该项目后直接在CloudFlare的Workers中部署
部署后，你的 Xget 服务将在your-worker-name.your-subdomain.workers.dev上可用
绑定自己的二级域名（可选）

浏览器插件：

进入微软插件扩展商店Microsoft Edge 加载项
搜索“Xget Now”安装
将Xget域名换成你自部署的域名（必填）

项目总结

这次分享了5个有趣的GitHub开源项目，分为生活类和工具类。生活类项目"CookLikeHOC"，一个基于《老乡鸡菜品溯源报告》整理的食谱。工具类项目包括"PicSite"在线图片展示网站、"CloudFlare-ImgBed"开源文件托管解决方案和"Docker-Cloudflare"Docker镜像代理服务，"Xget"多资源加速代理服务。对PicSite提供了bug修复方案，修改albums.ts文件以解决路径和日期问题

讨论NotionNext如何配置AI摘要

Fri, 22 Aug 2025 00:00:00 GMT

import { Aside, Collapse } from 'astro-pure/user'

一、关于AI Summary

什么是AI Summary

AI Summary（AI摘要）是指使用人工智能技术自动生成文章或内容的简短概述或摘要的功能。在博客平台中，它有以下几个特点：

自动化处理：无需人工编写，AI可以自动分析整篇文章的内容并提取关键信息
节省时间：博主不需要手动为每篇文章撰写摘要，提高内容生产效率
内容精准：良好的AI模型可以准确把握文章核心观点和重要信息
增强用户体验：读者可以通过摘要快速了解文章内容，决定是否继续阅读
SEO优化：优质的摘要有助于搜索引擎更好地理解文章内容，提高排名

在NotionNext等基于Notion的博客系统中，AI Summary通常作为一个可配置的功能，可以自动为文章生成摘要，显示在文章列表或文章页面中，为读者提供快速预览。

是否使用AI Summary

我个人认为当下的AI技术虽蓬勃发展但仍旧有所不足，目前来看AI Summary比较适合于喜欢快速浏览的人，那么此项技术将为您省去大量的冗余时间，通过快速锁定某篇博文的关键词、简要内容来决定是否继续进行浏览。

二、AI Summary在NotionNext项目中的配置

三、配置洪墨AI（原TianliGPT）

介绍

由张洪Heo和Tianli大佬搭建，全新的站点增强插件。为网站站长提供网站的AI增强服务。

在登录NotionNext项目中提及的https://docs_s.tianli0.top后台后，会被定向至新官网：(AFF链接：https://ai.zhheo.com/console/login?InviteID=17641000)

洪墨AI - 网站AI摘要、知识库AI客服和搜索插件平台

获取KEY

在首页界面，选择“我的项目”→“新建项目”

计费类型选择“仅使用摘要生成”

填写您的项目名称并选择摘要语言

最后绑定您的网站并创建项目

在首页就能看到我们所需要的KEY了，点击右边图标并保存

启用Token

摘要AI 50,000tokens，在默认配置下满足最少50篇文章的摘要生成，无限期有效

需要在首页“我的会员”右下角选择“充值Token”，选择第二项，一般10￥差不多能有50篇左右，对于新手博客，或者试试水都很不错，5k字/元还是很划算的。

网站接入（进阶配置）

在洪墨AI后台主页左边栏下方点击“网站接入”即可进入该页面

在这里可以选择插件接入和代码接入，本文作为NotionNext的临时解决方案，选择代码生成器的方式

洪墨AI的官方文档有更详细的介绍，这里只是简单赘述，列表如下：

| 变量名 | 含义 | | ------------------------- | ------------ | | tianliGPT_postSelector | 文章选择器 | | tianliGPT_postURL | URL匹配规则 | | tianliGPT_blacklist | 黑名单配置 | | tianliGPT_wordLimit | 字数限制 | | tianliGPT_typingAnimate | 打字动画 | | tianliGPT_Title | AI摘要标题 | | tianliGPT_injectDom | 插入位置 | | tianliGPT_BeginningText | 摘要开头文本 | | tianliGPT_loadingText | 加载提示文本 | | tianliGPT_theme | 摘要主题 | | tianliGPT_key | 项目KEY |

但最主要变量如下（其他可借助官方帮助文档自行配置）：

let tianliGPT_postSelector = 'article';
let tianliGPT_postURL = '你的通配符URL';
let tianliGPT_key = '你的项目KEY';

关于通配符URL

比如我有博文如下：

https://xxx.xxx/technology/111.html

https://xxx.xxx/technology/222.html

那么我的通配符应为*/technology/*.html

详细介绍：TianliGPT通用教程or洪墨AI摘要变量

用处：防止文章在不该出现摘要的地方产生摘要

四、接入NotionNext

在GitHub里做如下改动：

在custom.js文件中添加如下代码：

let tianliGPT_postSelector = 'article';
let tianliGPT_postURL = '你的通配符URL';
let tianliGPT_key = '你的项目KEY';

在blog.config.js文件相对应变量处添加如下值：

  // 自定义外部脚本，外部样式
  CUSTOM_EXTERNAL_JS: ['<https://ai.zhheo.com/static/public/tianli_gpt.min.js>'], // e.g. ['<http://xx.com/script.js','http://xx.com/script.js>']
  CUSTOM_EXTERNAL_CSS: ['<https://ai.zhheo.com/static/public/tianli_gpt.min.css>'], // e.g. ['<http://xx.com/style.css','http://xx.com/style.css>']

五、启用洪墨AI

修改好代码后点击提交并重新部署即可（如何重新部署？详见：https://docs.tangly1024.com/article/vercel-redploy ）

最后打开您的博客，刷新网页即可在您的博文前看到洪墨AI总结的摘要

原因一：您填写并启用了plugin.config.js文件中的KEY

如果按照NotionNext官方插件所给方式注入会导致启动不了（即您填写了plugin.conmfig.js文件中的KEY），导致识别到页面基本dom加载完才执行，但是js引入gpt的时机太晚了，页面加载完好久才想起来加载js文件，也不执行。

原因二：浏览器缓存

验证：切入无痕模式看洪墨AI是否正常工作。

若刷新后您的请求头仍不正确，即依旧弹出“Rerfer与Url不匹配”的字样，请查看下方的解决方法

如何刷新浏览器缓存？

Chrome浏览器
- Windows/Linux:按住Ctrl键，然后按F5或点击刷新按钮。
- Mac:按住Cmd+Shift，然后按R键或点击刷新按钮。
Firefox浏览器
- Windows/Linux:按住Ctrl键，然后按F5，或按Ctrl+Shift+R。
- Mac:按住Cmd+Shift，然后按R键，或点击刷新按钮。
Edge浏览器
- Windows/Linux:按住Ctrl键，然后按F5或点击刷新按钮。
如何查看请求头？

进入网页按”F12”打开控制台，选择“网络”，选择”fetch/XHR”，查找对应程序(应包含”tianli_gpt_main…”字样)并点击，在标头栏向下滚动至请求标头，即可查看Rerfer是否正确。

例如：

若您的博文对应地址不在上图红框中，那么说明您请求头错误

原因三：浏览器广告屏蔽插件

一些浏览器广告插件（例如AdGuard），导致产生”Rerfer与Url不匹配”报错

解决方法：

请先删除您之前在plugin.config.js文件中的KEY（没填就不用管）

尝试手动执行一下gpt
在引入js的代码后面手动执行一次：tianliGPT.runTianliGPT()，
但是由于加载js可能需要时间，为了避免tianliGPT.runTianliGPT()执行的时候js还没有下载完，你需要循环执行或者延迟执行。

懒得搞就直接添加下方代码↓

如果提示“Rerfer与Url不匹配”的字样，请您在custom.js文件中添加如下代码：

if (typeof tianliGPT_key !== 'undefined' && tianliGPT_key) {
  postchat_checkSystemType();
  window.tianliGPT.checkURLAndRun();
}

原因三的解决方法：关闭屏蔽插件或者添加您博客域名的白名单

二、伪静态导致的Tokens滥用

原因：

开启伪静态如果产生多个url被识别成多个文章的情况，需统一url形式，从而确保一个文章一个url。

解决方法：

关闭伪静态或者将通识符URL规则由*/post/* 改为*/post/*.html 类似结构即可，记得刷新浏览器缓存。

参考文章及引用

Netlify部署博客

Wed, 20 Aug 2025 00:00:00 GMT

Netlify简介

Netlify是一个面向现代web项目的托管平台，专注于提供持续部署、无服务器功能和全球CDN分发。它完美结合了GitHub等代码托管平台，实现了代码推送自动触发网站更新的工作流程。作为一个综合性平台，Netlify提供从构建、部署到托管的全套服务。

Netlify的核心优势

免费起步：Netlify提供慷慨的免费套餐，足够个人博客使用
自动部署：与GitHub、GitLab等代码仓库无缝集成，实现推送即部署
全球CDN：内容分发网络确保全球访问者都能获得快速访问体验
HTTPS支持：自动配置SSL证书，确保网站安全
自定义域名：支持绑定个人域名，建立专业形象

使用Netlify部署博客的步骤

1.准备工作

在开始部署之前，需要进行一些准备工作：

一个GitHub/GitLab账户，用于存储博客源代码
选择一个静态网站生成器（如Hugo、Hexo、Gatsby、Jekyll等）
本地开发环境配置
（可选）一个自定义域名

2.创建博客项目

以使用Hugo为例，创建一个新的博客项目：

# 安装Hugo
brew install hugo  # macOS
# 或 sudo apt-get install hugo  # Ubuntu
# 创建新站点
hugo new site my-blog
cd my-blog
# 添加主题
git init
git submodule add <https://github.com/theNewDynamic/gohugo-theme-ananke> themes/ananke
echo "theme = 'ananke'" >> config.toml
# 创建第一篇文章
hugo new posts/my-first-post.md
# 本地预览
hugo server -D

编辑config.toml文件配置博客基本信息：

baseURL = "<https://yourblog.netlify.app/>"
languageCode = "zh-cn"
title = "我的技术博客"
theme = "ananke"
[params]
  description = "个人技术分享和学习笔记"
  favicon = ""
  site_logo = ""
  # 更多配置...

3.将项目推送到GitHub

创建GitHub仓库并推送本地项目：

# 添加.gitignore文件
echo "public/\\nresources/" > .gitignore
# 推送到GitHub
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin <https://github.com/yourusername/my-blog.git>
git push -u origin main

4.在Netlify上部署

现在，我们可以使用Netlify部署博客了：

注册/登录Netlify：访问netlify.com并使用GitHub账户登录
创建新站点：点击"New site from Git"按钮
选择代码仓库：选择GitHub，授权Netlify访问，然后选择博客仓库
配置部署设置：对于Hugo博客，设置：
- 构建命令：hugo --minify
- 发布目录：public
点击部署：Netlify将自动开始构建和部署你的网站

5.自定义域名设置

默认情况下，Netlify会提供一个形如random-name.netlify.app的子域名。如果你想使用自己的域名：

在Netlify中添加域名：在站点设置中找到"Domain settings"，点击"Add custom domain"
验证域名所有权：按照指示，在域名注册商处添加DNS记录或通过其他方式验证所有权
配置DNS：可以选择使用Netlify的DNS服务，或者在你的域名注册商处添加CNAME记录指向Netlify提供的域名
启用HTTPS：Netlify会自动为你的自定义域名配置免费的Let's Encrypt SSL证书

6.持续更新博客

设置完成后，更新博客变得非常简单：

# 创建新文章
hugo new posts/another-post.md
# 编辑文章内容...
# 提交更改并推送
git add .
git commit -m "Add new post"
git push

当你推送到GitHub时，Netlify会自动检测到更改并重新构建部署你的网站。

Netlify高级功能

1.表单处理

Netlify支持表单处理，可以轻松创建联系表单：

<form name="contact" method="POST" data-netlify="true">
  <p>
    <label>姓名: <input type="text" name="name" /></label>
  </p>
  <p>
    <label>邮箱: <input type="email" name="email" /></label>
  </p>
  <p>
    <label>留言: <textarea name="message"></textarea></label>
  </p>
  <p>
    <button type="submit">发送</button>
  </p>
</form>

2.重定向与自定义头

在项目根目录创建_redirects文件和_headers文件，可以配置URL重定向和HTTP头：

# _redirects 文件示例
/old-page    /new-page    301
/api/*    <https://api.example.com/:splat>    200
# _headers 文件示例
/*
  X-Frame-Options: DENY
  X-XSS-Protection: 1; mode=block

3.Netlify Functions

Netlify Functions允许你创建无服务器功能，例如API端点：

// 创建 functions/hello.js
exports.handler = async function (event, context) {
  return {
    statusCode: 200,
    body: JSON.stringify({ message: '你好，这是Netlify Function!' })
  }
}

部署后，可以通过/.netlify/functions/hello访问此功能。

4.环境变量与构建钩子

Netlify支持环境变量设置和构建钩子，便于集成第三方服务或自定义构建流程。

Netlify性能优化

1：静态优先的架构

静态网站的表现远优于动态网站 - 在负载、安全性和速度方面都有显著优势。Netlify的JAMstack架构充分利用了这一点。

Netlify采用"静态优先"的架构理念，通过预渲染页面内容并结合API动态数据，实现了卓越的性能：

所有页面在构建时生成，访问时无需服务器处理
全球CDN分发确保访问者获得就近节点的快速响应
资源自动优化，包括图片压缩、延迟加载等

2：开发体验的革新

现代web开发不应仅关注最终产品，还应关注开发过程的流畅性和可维护性。Netlify提供了一条从本地开发到生产部署的无缝路径。

Netlify彻底改变了博客开发与维护的体验：

消除了传统服务器维护的复杂性
通过分支部署功能，可以轻松预览更改
部署原子性保证，失败不会影响现有站点
通过CLI工具与本地开发环境无缝集成

归纳

Netlify为博客部署提供了一站式解决方案，从构建到部署，再到维护，都实现了极大的简化。通过本文介绍的步骤，即使是技术基础较弱的用户，也能轻松搭建一个专业、高性能的博客网站。

特别值得一提的是Netlify的持续部署功能，它彻底改变了内容更新的流程，使博客维护变得轻松自然。不再需要复杂的FTP上传或服务器操作，只需专注于创作内容，然后通过Git推送即可自动完成部署。

随着静态网站生成器和JAMstack架构的不断发展，Netlify这样的平台将继续引领博客和网站部署的未来趋势，为内容创作者提供更优质、更高效的发布渠道。

参考文章及引用

Gridea博客搭建

Tue, 19 Aug 2025 00:00:00 GMT

import { Aside } from 'astro-pure/user'

Gridea是什么？

Gridea是一个静态博客写作客户端。你可以用它来记录你的生活、心情、知识、笔记、创意...

具体介绍和特点详见Gridea官网及其GitHub官网

下载Gridea

在GitHub release界面选择你所需要的版本下载即可(本教程以v0.9.3展开说明)

下载完成后点击主题界面，有几个默认主题和一些基础配置可以捣鼓，官方说明已经很详细易懂了，这里我就不过多赘述。

现在有了写作工具，还差一个发布的地方，例如GitHub Pages，用GitHub来托管对于新手来说很够用了

配置GitHub Pages

在GitHub官网注册账号，

点击个人头像选择Your Repositories，弹出页面选择New新建仓库，

名称为[username].github.io，方括号内(包括方括号)都改成你自己的起名字，

确保是Pubilc，勾选下方的Add a README file后选择创建，这样你的博客存放的地方就有了

远程连接GitHub Pages

打开gridea主界面后点击远程，第一个就是GitHub Pages，具体配置如下:

| 变量名 | 值 | | ---------- | -------------------------------------------------------------------- | | 域名 | 没有就填[username].github.io | | 仓库名称 | [username].github.io | | 分支 | main | | 仓库用户名 | [username] | | 邮箱 | 联系你的邮箱 | | 令牌 | 这个稍后再提 | | CNAME | [username].github.io | | HTTP代理 | 看个人配置 |

创建GitHub令牌

点击个人头像选择Settings，拉到最下面选择左侧的Developer Settings

点击Personal access tokens并选择第二个并创建新token

填好名称后，在Expiration选项中选择No expiration则为永久token

勾选下方所有配置并创建token

最后复制粘贴到gridea即可，点击左下角检测远程连接测试成功即可

开始写作

最后，当以上所以配置成功后即可用gridea开始写作了，在写完一篇文章后，点击同步即可托管到你的GitHub仓库

如何访问？使用https://[username].github.io便能访问到你的博客

博客伊始

Tue, 19 Aug 2025 00:00:00 GMT

import { Spoiler } from 'astro-pure/user'

望着窗边车水马龙，我写下了此篇草稿，或许是日记，或许是碎隙，或是回忆，文笔不好，还请见谅哈哈。

早在2019年，应是年初，还是疫情伊始？记不太清了，我初次接触到了云服务器——这个新奇的玩意，很是令人着迷，那时候所有人节奏都慢了下来，但依旧按捺不住大伙交流的心性，进而转战网络，我也如此，线上事物自那年起飞速发展。于是乎我租了个把月的云服务器，用来开泰拉瑞亚服务器——一个2D游戏，用的GitHub上的一个项目——Tshock。那时还不懂得网络、IT、计算机相关方面的知识（现在也只是略懂皮毛哈哈），但与网上的朋友玩得很开心，在短暂但愉快的时光结束后，便想着把这段时间所思所想，所获得的知识，所遇到的人，事，物给记录下来。在一番搜索后，得到了一个结果——博客，于是我开启了搭建博客之旅。

在看到博客的那晚，我便开始了研究，找写作，找部署，搭框架，搭完找主题，配置基础设置，忙活了半天发现居然快天亮了，但我文章还没写，只能洗洗睡了第二天再干。写完了文章部署到网站又费了很长时间，但看到自己博客的那一刻很有成就感，即使弄不明白前后端，那也是我自己的博客。

而后不出意外的荒废了，因为学业的压力，导致时间和精力不足以让我维护博客，初代陨落。

第二次写作，便是运用的Gridea+GitHub Pages+Netlify，于我此后的博客有介绍，肆意写作了两月有余，但依旧陨落了，Gridea项目失于维护有一定原因，更大一部分是来自于高考，为了升学放弃了博客的维护。

第三次，用的是GitHub上的NotionNext项目，采用Notion+Vercel架构搭建博客，依旧没服务器，毕竟穷。

希望这次能坚持久点，至少得把这域名用够一年吧。不过写了两个月还是抛弃了😭 原域名也不打算续费

因为这个项目若只是写写文章的话倒是挺好的，但想要高度自定义却很难办到（作者内置了非常多的模块，但还是满足不了我的胃口），也许是我水平不够，啃不下这么大的项目😫。

想着干脆重新来过，把整个博客翻新一遍。

于是在浏览架构时，我发现了AstroPure这个主题以及Astro这个架构，一眼就喜欢上了这个项目，刚好这个主题项目还不算大，估摸着自己能啃下来🤓，有了新架构接下来就去注册新域名了，原来的域名我自己都记不住，每次都得复制粘贴，很是麻烦。想着博客博客，就拿自己名字的简写注册了如今的域名，方便好记、辨识性强。

筹备几天搞定了相关备案（以为要很久，结果两三天就搞定了，这里点个赞😘）和基本架构，就剩几篇文章没迁移了。

青龙面板每日京豆详情通知

Mon, 19 Aug 2024 00:00:00 GMT

代码如下

import subprocess
import smtplib
from email.mime.text import MIMEText
# 运行 JavaScript 文件def run_js_file(js_file):
    result = subprocess.run(['node', js_file], capture_output=True, text=True)
    return result.stdout.strip()
# 发送邮件def send_email(subject, body, to_email):
    from_email = 'your_email@example.com'  # 替换你的邮箱地址    password = 'your_email_password'  # 替换为你对应邮箱的SMTP密码    smtp_server = 'smtp.example.com'  # 替换为你对应邮箱的SMTP 服务器地址    smtp_port = 587  # 通常是 587 或 465    msg = MIMEText(body)
    msg['Subject'] = subject
    msg['From'] = from_email
    msg['To'] = to_email
    with smtplib.SMTP(smtp_server, smtp_port) as server:
        server.starttls()
        server.login(from_email, password)
        server.send_message(msg)
if __name__ == "__main__":
    js_file = 'path_to_your_file.js'  # 替换为你的 JS 文件路径    result = run_js_file(js_file)
    print("JavaScript execution result:", result)
    # 发送结果到手机的邮件地址    send_email('JavaScript Execution Result', result,'your_email@example.com')

需要安装的依赖库如下

pip install beautifulsoup4
pip install requests
pip install PyExecJS

青龙面板直接在依赖管理处安装就好了。

具体使用

把上述代码复制，在脚本管理里新建xxx.py文件，点击编辑，粘贴进该文件，并把文件里变量替换为你所需要的，点击保存，在定时任务里新建任务，命令填"task xxx.py"，定时规则推荐"00 22 * * *"，确定后点击运行查看是否设置正确。

运行效果如下图所示

随身WiFi刷Linux领京东豆

Sun, 18 Aug 2024 00:00:00 GMT

1，查看随身WiFi芯片型号

随身WiFi：芯片最好为高通410或者中兴微，可通过主板芯片上印刷的"Qualcomm"或"zxlc"字样辨认，其他品牌类型的芯片可玩性不大，上手难度较高，并不推荐。（本教程以高通410为例）

2，下载必要工具

包括：

~~随身WiFi助手（来自@酷铵水遍大佬）[已失效]~~

随身WiFi Debian固件

随身WiFi OpenWRT固件

SSH连接工具MobaXterm(官网)（可自行下载其他连接工具）

3，对随身WiFi进行基础配置

a.解压文件：

将随身WiFi插入电脑，并解压随身WiFi助手，得到一个文件夹，点开，找到随身WiFi助手.bat文件运行。

b.查看基本信息：

接着输入 01 运行，在这里可查看一些基本信息，若看不到主板型号可以对棒子拆壳后在随身WiFi的主板上查看。

c.安装驱动：

输入 1 回车，接着再输入 1 回车，并安装弹出的vivo驱动。

d.开启随身WiFi的ADB：

回到随身WiFi助手首页，输入 02 回车，再根据品牌主板选择对应选项即可，接着会让你输入随身WiFi后台地址（设备包装上会写），高通410的输入192.168.1.1，回车，结束后回到首页。

4，对随身WiFi进行备份（设备变砖时会用到）

a.进入9008模式：

运行随身WiFi助手.bat文件，输入 05 回车，接着输入 1 回车，可以在设备管理器中的端口里查看设备是否进入9008模式，接着输入 1 回车打开miko进行备份，若打不开，可以点击我分享的链接下载miko工具。

b.用miko工具进行备份：

点击上方Read，接着点击Partition Backup/Erase，然后点击Load Partition Structure读取设备信息，接着在上方把所有系统文件打上对勾，双击Firmware Folder Path选择一个文件夹存放固件接着点击Read Full Image，随便填个名字（例如“WIFI”），点击保存，固件就开始备份了。（备份时间会比较久，请耐心等待进度条跑完❤️）

具体救砖方法补充：

点击 Loader.exe 打开miko工具，点击Flash，选择 emmc block0 flasher ，按照提示双击打开文件夹，选择之前所保存的.bin文件，最后点击 FLASH! 开始救砖（请耐心等待进度条跑完❤️）

5，切卡（可选）

插拔一下随身WiFi让它重启，如果你想在刷机后用自己的手机卡来作为热点，那么还需要到随身WiFi后台切下卡，具体方式每个品牌都不相同，请搜索自己的随身WiFi型号+切卡方式来查找。

6，刷入Debian

a.准备工作：

确保你的随身WiFi是以正常模式（即9091模式）连接到电脑而非刷机模式（即9008模式），接着将随身WiFi的固件压缩包解压选择UZ801（其他请根据具体情况自行选择）。

b.刷入系统：

点开UZ801文件夹（点开后应显示系统文件），在其上方点击地址栏，输入cmd并回车，接着输入运行框内输入adb devices查看设备是否连接，若List of devices attached下方无任何显示，则说明前面有步骤做错了，请仔细核对步骤。然后输入adb reboot bootloader让设备重启到刷机模式，完成后退出运行框，回到固件文件夹内点击flash.bat文件运行（Linux或MacOS系统应点击**flash.sh文件运行），点开后运行框会提示按任意键继续，一直回车就行了，期间会听到“咚咚”的声音，这说明设备在不断重连，一直到显示all done!!**，就表示刷机完成了，此时设备会自动重启。

c.更新驱动：

注意：此时会有三种情况，请按照对应情况依次序进行！！！（需在设备管理器上查看）

Android Device里显示Android ADB Interface：鼠标右键点击Android ADB Interface选择卸载，弹出的框框打上勾，并确定卸载，卸载完成后重新插拔一下随身WiFi，来到下一种情况⬇️

其他设备里显示RNDIS：右键它选择更新驱动程序，选择第二个选项，接着点下边，在可用驱动列表中往下拉找到网络适配器点一下，点击下一步，在厂商这里找到Microsoft，在型号这里选择基于远程NDIS的Internet共享设备点击下一步，这里会提示不推荐安装，别管他，点是，完成后关闭窗口，来到下一种情况⬇️

网络适配器里的基于远程NDIS的Internet共享设备：这就是成功后的情况啦

7，SSH连接随身WiFi助手

选择你自己的SSH连接工具即可

IP:192.168.68.1

User:root

Port:22

Password:1

ps：如果你不使用我这个固件，那么请留意固件作者的说明

8，初次连接基本配置修改

a.修改网络配置（让其可以随时访问）

在命令行里输入：

nmtui

弹出的框框选择编辑连接，找到bridge点进去，选择WiFi并删除，到下方点击确定，接着回到第一页，选择启用连接，点击进去，然后选择你的WiFi，输入密码连接即可，若光标选不了WiFi，把链接里面的usb删掉即可。

现在，把棒子随便插到一个地方就能访问了（让它哪凉快哪呆着去👻），同局域网内的任何设备都能访问到它的后台，但是，因为切换了网络，所以它的登录IP会改变，不再是192.168.68.1，而是由路由器分配的IP，需要到路由器后台去查看它的IP。

这里我提供一下TP-LINK的查询方式（其他的请自行上网搜索查询）：

进入TP-LINK后台，输入密码，默认密码为123456，点击DHCP服务器，选择客户端列表，随身WiFi客户端名为openstick，后面就有它的登录IP。

b.解决BUG：

若此时在命令行里输入更新命令"apt update"，会遇到一些报错，提示无法安全的用该源进行更新，这是因为这个Debian固件自带的清华源很老，而清华源进行过一次仓库迁移，如果用这个老源来更新就会这样。

以下为需要敲的代码，一键解决Debian固件问题：

echo -e 'nnnnnnnnnn####################################n'sudo rm /etc/apt/sources.list
sudo touch /etc/apt/sources.list
sudo echo -e "# 默认注释了源码镜像以提高 apt update 速度，如有需要可自行取消注释   nndeb <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye main contrib non-freen# deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye main contrib non-freenndeb <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-updates main contrib non-freen# deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-updates main contrib non-freenndeb <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-backports main contrib non-freen# deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-backports main contrib non-freenndeb <https://mirrors.tuna.tsinghua.edu.cn/debian-security> bullseye-security main contrib non-freen# deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian-security> bullseye-security main contrib non-free" >> /etc/apt/sources.list
echo -e '1、默认软件源修改完成！nn'sudo sed -i '1c deb <http://mirrors.tuna.tsinghua.edu.cn/Adoptium/deb> buster main' /etc/apt/sources.list.d/AdoptOpenJDK.list
gpg --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 843C48A565F8F04B
sudo gpg --armor --export 843C48A565F8F04B | sudo apt-key add -echo -e 'nn2、AdoptOpenJDK报错修复完成！nn'sudo sed -i '1c #deb <http://repo.mobian-project.org/> bullseye main non-free'  /etc/apt/sources.list.d/mobian.list
echo -e '3、Mobian源报已屏蔽！'echo -e 'nn####################################nn即将开始更新软件源list......n'sleep 5
sudo apt-get update
echo -e 'nn4、更新软件源list更新完成！'echo -e 'nn####################################nn即将开始升级系统程序至最新版......'sleep 5
sudo apt-mark hold openssh-server
sudo apt-get -y upgrade
sudo apt-mark unhold openssh-server
echo -e 'nn5、系统程序更新完成！nn####################################nnnn'

9，服务器源更新

将服务器换最新版清华源（可选，换成其他源也可）：

在命令行里输入：

sudo vim /etc/apt/sources.list

按i，然后将文件中内容替换为如下代码：

# 默认注释了源码镜像以提高 apt update 速度，如有需要可自行取消注释deb <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye main contrib non-free
deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye main contrib non-free
deb <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-updates main contrib non-free
deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-updates main contrib non-free
deb <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-backports main contrib non-free
deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian/> bullseye-backports main contrib non-free
# 以下安全更新软件源包含了官方源与镜像站配置，如有需要可自行修改注释切换deb <https://mirrors.tuna.tsinghua.edu.cn/debian-security> bullseye-security main contrib non-free
deb-src <https://mirrors.tuna.tsinghua.edu.cn/debian-security> bullseye-security main contrib non-free

再按 ESC 由编辑模式退出到正常模式，接着输入 :wq 保存并退出

然后进行更新

sudo apt update
sudo apt upgrade

可以用free -h查看运存情况，df -h查看内存情况。

10，安装Docker

a.安装Docker所需依赖包：

sudo apt-get -y install ca-certificates curl

b.创建/etc/apt/keyrings目录，并下载Docker的官方GPG密钥到该目录：

sudo install -m 0755 -d /etc/apt/keyrings
sudo curl -fsSL <https://mirrors.aliyun.com/docker-ce/linux/debian/gpg> -o /etc/apt/keyrings/docker.asc
sudo chmod a+r /etc/apt/keyrings/docker.asc

c.将Docker仓库添加到系统的软件源列表：

echo \\"deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] <https://mirrors.aliyun.com/docker-ce/linux/debian> \\$(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \\sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

d.更新软件包列表：

sudo apt update

e.安装Docker：

sudo apt-get install -y docker-ce docker-ce-cli containerd.io

f.执行以下命令，检查Docker是否安装成功：

docker -v

若回显version和build信息则说明安装成功

g.执行以下命令，启动Docker服务，并设置开机自启动：

sudo systemctl start docker
sudo systemctl enable docker

h.下面是关于Docker命令的一点小补充：

sudo systemctl start docker     #运行Docker守护进程
sudo systemctl stop docker      #停止Docker守护进程
sudo systemctl restart docker   #重启Docker守护进程
sudo systemctl enable docker    #设置Docker开机自启动
sudo systemctl status docker    #查看Docker的运行状态

i.Docker切换镜像源：

sudo mkdir -p /etc/docker
sudo tee /etc/docker/daemon.json
<<-'EOF'
{"registry-mirrors":
    [
    "<https://docker.m.daocloud.io>",
    "<https://dockerproxy.com>",
    "<https://docker.mirrors.ustc.edu.cn>",
    "<https://ustc-edu-cn.mirror.aliyuncs.com>",
    "<https://ccr.ccs.tencentyun.com>",
    "<https://docker.nju.edu.cn>"
    ]
}
EOF
udo systemctl daemon-reload
sudo systemctl restart docker

若以上镜像源失效，还请自行寻找其他可用镜像源！

网速可能较慢，请耐心等待。

j.重启服务：

systemctl restart docker
systemctl status docker
reboot

若回显 active（running）则说明Docker已启动

11，安装青龙面板

以下为青龙面板GitHub官方描述：

latest 镜像是基于 alpine 构建，debian 镜像是基于 debian-slim 构建。如果需要使用 alpine 不支持的依赖，建议使用 debian 镜像。

ps：下方”-p 5803:5700”这里的数可以随意更改但是访问地址需要随之改变（若不懂，请不要随意更改）

拉取latest版命令（青龙面板最新版）：

docker run -dit \\    -v $PWD/ql/data:/ql/data \\    -p 5803:5700 \\    -e QlBaseUrl="/" \\    -e QlPort="5700" \\    --name qinglong \\    --hostname qinglong \\    --restart unless-stopped \\    whyour/qinglong:latest

由于最新版对部分依赖兼容不好，这里提供2.11.3的拉取方法

拉取2.11.3版命令（根据faker作者所言这是最适合的版本，建议使用该命令）：

docker run -dit \\    -v $PWD/ql/data:/ql/data \\    -p 5803:5700 \\    -e QlBaseUrl="/" \\    -e QlPort="5700" \\    --name qinglong \\    --hostname qinglong \\    --restart unless-stopped \\    whyour/qinglong:2.11.3

拉取debian版本命令：

docker run -dit \\    -v $PWD/ql/data:/ql/data \\    -p 5803:5700 \\    -e QlBaseUrl="/" \\    -e QlPort="5700" \\    --name qinglong \\    --hostname qinglong \\    --restart unless-stopped \\    whyour/qinglong:debian

查看是否构建成功：

docker ps

输入

reboot

重启一下，表示安装成功

12，配置青龙面板并安装脚本所需依赖

a.配置青龙面板：

浏览器输入 http://你的服务器登录IP:5803 打开界面，（如果上面端口改了这里也需要改）

点击开始安装

通知方式可以跳过

设置账号密码并登陆

b.安装脚本所需依赖：

在依赖管理中点击新建依赖，自动拆分选择“是”

依次安装以下依赖：

Linux依赖：

bizCode
bizMsg
lxml
libc-dev
gcc
g++
libffi-dev
python3-dev

Python3依赖：

bs4
telethon
cacheout
jieba
PyExecJS
ping3
canvas
Crypto
ds
requests
pycryptodome

NodeJs依赖：

request
cheerio
js-base64
dotenv
tough-cookie
ws@7.4.3
require
requests
date-fns
ts-md5
typescript
json5
axios@v0.27.2
crypto-js
@types/node
png-js
node-telegram-bot-api
fs
jsdom
form-data
jieba
tslib
ds
jsdom -g
prettytable
ql
common
node-jsencrypt
juejin-helper
moment
global-agent

ps：Python3中的canvas依赖由于青龙面板自带python3版本过高可能安装不成功，不过大部分脚本命令都使用js，所以无伤大雅

ps：如果遇到安装失败，请点击右侧按钮重新一个个依次安装

如果依赖仍无法安装可以进入青龙bash界面，利用命令安装：

docker exec -it qinglong bash

将pip源永久更换为清华源并更新pip（可自行选择其他源）：

pip config set global.index-url <https://pypi.tuna.tsinghua.edu.cn/simple>
pip install --upgrade pip

将npm源永久更换为淘宝源（可自行选择其他源）：

npm config set registry <https://registry.npmmirror.com/>

安装Python3依赖：

pip3 install 包名

安装NodeJs依赖：

npm install 包名

13，拉取京东库脚本刷京东豆

a.拉取京东库：

有很多脚本这里提供几个github地址

脚本项目地址一：https://github.com/shufflewzc/faker2

脚本项目地址二：https://github.com/shufflewzc/faker3

拉库前请打开青龙面板-配置文件第18行 GithubProxyUrl="" 双引号中的内容清空（2.11.3版本太低，没有这项配置，不用管）

复制以下拉库命令即可：

Faker2 助力池版【安全本地sign防CK泄漏】使用助力池请在群里发"助力池" 机器人自动回复教程
ql repo <https://git.metauniverse-cn.com/https://github.com/shufflewzc/faker2.git> "jd_|jx_|gua_|jddj_|jdCookie" "activity|backUp" "^jd[^_]|USER|function|utils|sendNotify|ZooFaker_Necklace.js|JDJRValidator_|sign_graphics_validate|ql|JDSignValidator|magic|depend|h5sts" "main"

Faker3 内部互助版【安全本地sign防CK泄漏】
ql repo <https://git.metauniverse-cn.com/https://github.com/shufflewzc/faker3.git> "jd_|jx_|gua_|jddj_|jdCookie" "activity|backUp" "^jd[^_]|USER|function|utils|sendNotify|ZooFaker_Necklace.js|JDJRValidator_|sign_graphics_validate|ql|JDSignValidator|magic|depend|h5sts" "main"

Faker4 纯净版 仅包含少量日常内部助力任务 防止运行过多任务掉ck 适合安静挂机
ql repo <https://git.metauniverse-cn.com/https://github.com/shufflewzc/faker4.git> "jd_|jx_|gua_|jddj_|jdCookie" "activity|backUp" "^jd[^_]|USER|function|utils|sendNotify|ZooFaker_Necklace.js|JDJRValidator_|sign_graphics_validate|ql|JDSignValidator|magic|depend|h5sts" "main"

点击定时任务并新建任务

名称随便

拉取命令在上面

定时规则为 15 0-23/4 * * * ，也可自行配置，详见青龙面板定时规则

点击运行，过一段时间会添加定时自动任务脚本

b.填入自己的京东Cookies：

京东Cookies获取方法：

点击进入京东（一定是手机版官网，不是电脑版）

然后用自己的账号登录，登录后按F12，点击Application，点开Cookies

找到pt_key=?;pt_pin=?;

把对应的值替换到问号中即可，分号要保留

回到青龙面板，点击环境变量，点击新建环境变量

名称设为：JD_COOKIE

输入获取到Cookies的相关参数

ps：填写之后应该是已启用状态，如果不是则说明存在问题，例如cookie过期，需要重新设置

❤️之后便可以愉快地刷京东豆了❤️

梨尽兴 | Li's Blog

自动化友链检测

前言

流程

引入

check-links.ts文件

check-links.yml文件

使用

本地实现Astro文章AI摘要

起因

前置

申请星火Spark-Lite

搭建 Vercel API

引入

配置

供离线脚本读取的配置项

供博客页面使用的配置项

使用

后记

参考

通过Waline API获取最新评论并显示

起因

引入

rc.css文件

RecentComments.astro文件

使用

在Pure主题主页中使用

最小化使用

GitHub有趣项目推荐（二）

总览项目

资料类

libpku

工具类

CloudflareTempEmail

CloudMail

NextChat

GameLove

项目总结

GitHub有趣项目推荐（一）

总览项目

生活类

CookLikeHOC

工具类

PicSite

CloudFlare-ImgBed

Docker-Cloudflare

Xget

项目总结

讨论NotionNext如何配置AI摘要

一、关于AI Summary

什么是AI Summary

是否使用AI Summary

二、AI Summary在NotionNext项目中的配置

相关配置文件

三、配置洪墨AI（原TianliGPT）

介绍

获取KEY

启用Token

网站接入（进阶配置）

四、接入NotionNext

在GitHub里做如下改动：

五、启用洪墨AI

参考文章及引用

Netlify部署博客

Netlify简介

Netlify的核心优势

使用Netlify部署博客的步骤

1.准备工作

2.创建博客项目

3.将项目推送到GitHub

4.在Netlify上部署

5.自定义域名设置

6.持续更新博客

Netlify高级功能

1.表单处理

2.重定向与自定义头

3.Netlify Functions

4.环境变量与构建钩子

Netlify性能优化

1：静态优先的架构