撕漫感真人化提示词

需要上传垫图

Hyper-realistic cinematic mobile photography, “tear-manga” aesthetic, East Asian model restores anime character’s iconic hairstyle/expression, NO bokeh, f/16 ultra-deep depth of field, sharp details from subject’s face to background, dramatic warm-cold light collision (tungsten lamp/warm sunset vs blue hour/neon cold light), 4K physical texture (skin pores, fabric fibers, background wear marks), lifelike daily scene, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

真人转夸张漫画感提示词

需要上传垫图

Generate a high-end 3D character portrait without changing facial features featuring stylized, intentional exaggerations. Base the character strictly on the ATTACHED REFERENCE PHOTO, keeping the identity and key features recognizable but morphing them into a caricature aesthetic. Key deformations should include normal neck, a large head relative to the body, heavy lips, and a relaxed, sleepy eyelid look. The skin texture must be flawless and smooth, resembling a premium vinyl toy or digital art collectible, without any noise, grain, or realistic skin pores. Outfit the character in luxury streetwear with bold accessories: large hoop earrings, thick gold chains, and headwear like bandanas (ensure NO GLASSES are present). Lighting should be soft, neutral studio illumination with no harsh shadows, set against a clean grey or off-white background. The vibe is eccentric, edgy, and high-fashion, avoiding a “cute” or generic cartoon look. 4k resolution, cinematic render quality, ultra-clean finish. Aspect ratio 9:16.

生成动态视频

固定镜头基础款

固定镜头，慢动作，请为人物注入轻微的呼吸感或生命感，例如发丝、衣角微风拂动，眼神或姿态的细微变化。

固定镜头，静止镜头，根据画面生成精美的酷炫风格动态壁纸，炫酷的魔法氛围特效，人物表情自然生动，不添加画面没有的元素，呈现头发飘动和眼睛眨眼效果和背景的炫酷特效，同时确保人物角色特征和风格保持不变。

固定镜头，静止镜头，根据画面生成精美的酷炫风格动态壁纸，慢动作，人物表情自然生动，不添加画面没有的元素，狐狸和兔子可爱地左看右看，小女孩开心地微笑保持姿势不变，重点呈现头发飘动和眼睛眨眼效果，同时确保人物角色姿势和视角保持基本不变。

固定镜头，静止镜头，根据画面生成精美的酷炫风格动态壁纸，动漫人物双手执刀高高举起，然后从中间劈下，带出炫酷的雷电系魔法氛围特效，将画面中部的电影票根劈开，票根边缘灼烧雷电效果后消散，人物表情自然生动，不添加画面没有的元素，呈现头发飘动和眼睛眨眼效果，同时确保人物角色特征和风格保持不变。

固定镜头，静止镜头，根据画面生成精美的酷炫风格动态壁纸，慢动作，人物表情自然生动，不添加画面没有的元素，重点呈现头发飘动和眼睛眨眼效果，背景实现类似时空隧道动效，确保下部空白区域绝对静止，同时确保人物角色姿势和视角保持基本不变。

固定镜头，慢动作，游戏启动界面，角色人物微动画，循环视频，保持角色人物面部细节、身体姿势、衣服配饰一致性，整体画面细腻流畅，为人物注入自然真实的呼吸感与生命感：胸腔伴随极轻微呼吸缓慢起伏，眼神柔和微动，面部神态松弛自然，肢体姿态带有细微生活化动态，无僵硬感。

全自动化

请将这张静态照片转化为一段生动、自然的动态视频。核心要求是高度保持原图的人物、场景、风格与氛围。 请根据图像内容智能选择最合适的动态效果： 如果主体是人物或动物，请为其注入轻微的呼吸感或生命感，例如发丝、衣角微风拂动，眼神或姿态的细微变化。 如果主体是风景或建筑，请让画面中的自然元素流动起来，例如云层飘移、水面波光、树叶摇曳。 如果主体是静物或特写，请营造精致的光影流动或镜头缓慢的探索运动

整理了一份“撕漫感”真人化摄影提示词，这是完整的Gem风格指令，你可以直接复制使用。

# Role: Hyper-Realist Mobile Cinematographer (撕漫感 · 全焦段纪实摄影师) v2.0

## Core Directive (最高指令)
你现在的身份不是文字助理，而是一台顶级人工智能摄影机。
你的唯一任务是接收用户的描述或参考图，并在后台默默运用以下所有摄影哲学和美学标准进行构思，然后直接调用绘图功能生成最终照片。严禁输出任何文字、思考过程或Prompt代码。你的输出只能是一张符合要求的照片。

## Profile & Philosophy
- **Style**: Cinematic Mobile Photography, Hyper-Realism, "Tear-Manga" Aesthetic (撕漫感)
- **Motto**: Clarity is King. Reject bokeh. Embrace contrast.
- **Output Requirement**: ONLY IMAGES. NO TEXT.

## 核心美学标准 (Aesthetic Standards)
1.  **角色重塑：1:1 撕漫感**
    - 目标：让二次元角色以最真实且不违和的方式出现在三次元世界。
    - 执行：模特必须是精致立体的东亚面孔，足以驾驭夸张的发色或造型而不显突兀。严格还原角色的标志性表情、发型细节和面部特征。要像“真人在街拍”，而不是“漫展Cosplay”。

2.  **摄影光学：全焦段极度深景深**
    - 铁律：拒绝任何背景虚化（NO Bokeh）。
    - 执行：模拟 f/16 极小光圈。从模特鼻尖到最远处的背景建筑，所有元素必须如刀锋般锐利清晰。营造一种信息量爆炸的“手机主摄级”纪实感。

3.  **光影美学：戏剧性冷暖对撞**
    - 执行：必须在画面中构建强烈的双色温冲突：
      - 暖光源：室内钨丝灯、路灯、金色夕阳。
      - 冷光源：蓝调时刻天光（Blue Hour）、阴冷的霓虹灯。
    - 让冷暖光在人物面部和环境中交织，形成电影级的叙事张力。

4.  **材质与环境**
    - 执行：强调4K级的物理质感。皮肤的纹理、衣服的织物纤维、背景物体的磨损痕迹必须真实可触。环境必须是充满生活气息的复杂场景，绝非简单布景。

## 内在构思框架 (Internal Processing Protocol)
当用户输入指令后，请立即在后台按此框架构建画面：
1.  **锁定主体**：确定角色的东亚真人形象，提取其核心“撕漫”特征（发型、瞳色、标志性神态）。
2.  **严格保持环境**：确定人物场景和用户上传图像完全一致。
3.  **布置光线**：确定画面中的冷光源和暖光源分别从哪里射入，如何在人物脸上形成硬朗的对撞。
4.  **设定机位**：模拟旗舰手机主摄视角，采用纪实抓拍构图。
5.  **执行绘图**：调用绘图工具，应用负面提示词（拒绝虚化、拒绝影楼风、拒绝塑料感），生成最终图像。

## 交互示例
**User**: [上传一张《EVA》明日香穿着便服在房间里的图，要求还原]
**You**: [直接输出生成的高清图片，画幅比例默认 9:16]

精简版

这里是适配AI绘画工具的精简版撕漫感真人化提示词，保留核心美学要求，可直接复制使用：

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian model restores anime character's iconic hairstyle/expression, NO bokeh, f/16 ultra-deep depth of field, sharp details from subject's face to background, dramatic warm-cold light collision (tungsten lamp/warm sunset vs blue hour/neon cold light), 4K physical texture (skin pores, fabric fibers, background wear marks), lifelike daily scene, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

定制专属版本

整理好了10个《火影忍者》人气角色的专属撕漫感真人化提示词，每个都包含了角色的标志性特征和适配的场景，你可以直接复制使用。

1. 漩涡鸣人

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, spiky blond hair, bright blue eyes, distinct cheek whisker marks, wearing Konoha forehead protector and orange ninja jumpsuit, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (tungsten lamp vs blue hour sky), 4K physical texture (fabric fibers, headband metal luster, skin pores), background: Konoha village street at dusk, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

2. 宇智波佐助

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, sleek black Uchiha clan hair, Sharingan eyes, wearing Konoha forehead protector and black ninja uniform, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (neon sign vs warm sunset), 4K physical texture (fabric folds, headband scratch marks, skin pores), background: Konoha rooftop at sunset, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

3. 春野樱

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian female model, short pink hair, Konoha forehead protector, medical ninjutsu pouch, wearing pink ninja outfit, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (hospital lamp vs blue hour window light), 4K physical texture (fabric fibers, pouch strap details, skin pores), background: Konoha hospital ward, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

4. 旗木卡卡西

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, silver spiky hair, face covered by black mask, Konoha forehead protector, wearing flak jacket and black undershirt, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (library lamp vs blue hour rain outside), 4K physical texture (mask fabric, flak jacket stitching, skin pores on exposed neck), background: Konoha library reading nook, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

5. 我爱罗

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, short red hair, distinctive black eye markings, Sunagakure forehead protector, wearing black and tan ninja cloak, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (desert campfire vs blue hour night sky), 4K physical texture (cloak fabric, sand grain details on clothes, skin pores), background: Wind Country desert camp, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

6. 宇智波鼬

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, sleek black Uchiha hair, Sharingan eyes, wearing Akatsuki black cloak with red clouds, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (street lamp vs neon sign), 4K physical texture (cloak fabric, red cloud embroidery, skin pores), background: rainy urban alley, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

7. 波风水门

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, spiky yellow hair, Hokage cloak with red flames, Konoha forehead protector, wearing black ninja outfit, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (Hokage office lamp vs blue hour window), 4K physical texture (cloak fabric, flame embroidery, skin pores), background: Hokage office desk, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

8. 纲手

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian female model, blonde hair in a ponytail, Hokage forehead protector, wearing red kimono and white haori, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (tavern lamp vs blue hour street), 4K physical texture (kimono silk, haori fabric, skin pores), background: Konoha tavern booth, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

9. 自来也

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian male model, white spiky hair, face markings, wearing white cloak and black outfit, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (inn room lamp vs blue hour ocean view), 4K physical texture (cloak fabric, scroll details, skin pores), background: coastal inn room, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

10. 日向雏田

Hyper-realistic cinematic mobile photography, "tear-manga" aesthetic, East Asian female model, long dark blue hair, Byakugan eyes, Konoha forehead protector, wearing white and navy ninja outfit, NO bokeh, f/16 ultra-deep depth of field, dramatic warm-cold light collision (training ground lamp vs blue hour dusk), 4K physical texture (fabric fibers, headband details, skin pores), background: Konoha training ground, documentary snapshot style, 9:16 ratio, no cosplay feel, ultra-clear HD

这是一个标准的案例

https://www.reddit.com/r/AppGiveaway/s/lfdzhzbcRg

标题

[iOS][$49.99 → Free Lifetime] GetFreeApp - Discover Free Apps

正文

Hey everybody 👋

I just released my new app for GetFree.app

App Store Link

👉 https://apps.apple.com/us/app/getfree-discover-free-apps/id6756911709

We’re giving lifetime access to everyone who wants it.

Pro users can claim unlimited free apps, no ads, exclusive apps. The app will always have a free tier, pro users just have unlimited access. Since we just launched, we’re giving early users lifetime pro memberships.

To get the code:

1. Upvote this post
2. Comment “i want this” below
3. Send me a DM
4. I’ll reply with a lifetime redeem code

For Developers of apps:

You can submit your app for free on our website GetFree.app if you have claim codes for your apps! This is the perfect way to get more downloads/reviews for your apps. Please make sure that your claim codes work work submitting. Once we get enough users, we will charge for this.

Full app description:

Get Free App is the ultimate app discovery platform where you claim free promo codes for premium apps and games. Discover thousands of apps, get exclusive deals, and save money on apps you love.

DISCOVER PREMIUM APPS FOR FREE

From productivity tools to games, photo editors to fitness apps, find premium apps and get them free with exclusive codes.

FRESH DEALS EVERY DAY

New promo codes added daily from top developers and indie creators

Exclusive lifetime deals you will not find anywhere else

Limited time giveaways from verified app developers

Early access to new app launches before anyone else

HOW GET FREE APP WORKS

Browse trending apps or search by category to find apps you love

Look for apps with available promo codes shown on each listing

Tap Claim Code to receive your unique redemption code

Redeem your code in the App Store to unlock the app

Enjoy premium app completely free

https://github.com/google-ai-edge/gallery

安卓Apk

可以在这里下载 https://github.com/google-ai-edge/gallery/releases/latest/

苹果设备

We’re excited to announce that the app is now available for testing on iOS through TestFlight! We invite you to be among the first to try it out and share your feedback.

How to Join:

Follow this public invitation link to get access.

Availability: Access is on a first-come, first-served basis. TestFlight currently limits the number of testers to 10,000.

Supported device models: iOS devices with at least 6GB of RAM.

We appreciate your help with this early testing phase. Your feedback is invaluable as we work to improve the app. Once we’ve gathered and addressed all the feedback, we aim to officially launch on the App Store early 2026.

实战体验

提示词

分析图片，输出用于AIGC的JSON格式提示词

输出JSON

{
  "prompt": "A vibrant, retro-futuristic illustration of an astronaut floating in space, playfully lounging on a swirling, colorful crescent moon. The astronaut is wearing a stylized, cartoonish spacesuit with neon accents. The background is a deep, starry expanse.  Synthwave color palette, bold lines, high contrast.  Art style inspired by 1980s sci-fi posters and vaporwave.  Detailed, dynamic composition, playful and whimsical.  Focus on color and texture.",
  "negative_prompt": "photorealistic, realistic, dull colors, muted tones, desaturated, monochrome, plain background, blurry, low resolution, human, realistic astronaut",
  "style": "cartoon, illustration, synthwave, vaporwave",
  "artist_inspiration": "Greg Rutkowski, Syd Mead",
  "aspect_ratio": "16:9",
  "additional_details": {
    "lighting": "Neon accents, glowing",
    "mood": "Playful, whimsical, dreamy, nostalgic",
    "colors": "Neon pink, cyan, purple, orange, teal, white, black"
  }
}

提示词：

生成一周手机壁纸自媒体运营计划，包括策划每天两篇图文内容

输出文档：

好的，这里为您准备了一份一周的手机壁纸自媒体运营计划，包含每天两篇图文内容策划方案。这个计划涵盖了不同主题，希望能帮助您吸引更多粉丝并提高互动率。

目标受众： 追求个性、喜欢新鲜事物、对视觉体验有较高要求的手机用户。

平台： 主要面向微信朋友圈、微博、小红书、抖音等平台。

主题方向： （以下建议您可以根据自身擅长和目标受众喜好调整）

• 简约风： 留白、几何图案、莫兰迪色系等。
• 自然风： 风景、植物、动物等。
• 艺术风： 插画、抽象艺术、复古风等。
• 文字风： 励志语录、文艺句子、个性标语等。
• 潮流风： 时尚元素、动漫、表情包等。

周一： 新鲜感与活力

• 图文1（早晨）： 主题： 阳光活力。 内容： 一张阳光照射下的鲜花/植物图片，配文：“开启美好的一天，让阳光洒满你的手机桌面！☀️ 你今天的心情是什么样的呢？快来评论区分享！” （鼓励互动）
  • 图片建议： 清晰、色彩鲜艳的阳光照，构图简洁。
• 图文2（晚上）： 主题： 周一加油。 内容： 一张励志的简约文字壁纸（比如：“今天也要努力呀！” 或 “一切都会好起来的！”），配文：“周一就是要充满力量！💪 今天有什么计划？一起加油！” （提问互动）
  • 图片建议： 文字排版简洁美观，配色和谐。

周二：文艺与治愈

• 图文1（中午）： 主题： 文艺意境。 内容： 一张带有朦胧感、意境深远的风景图片（比如雨后的城市、落叶等），配文：“愿你眼里的星星，永远闪亮 ✨ 周末愉快！”
  • 图片建议： 氛围感强，色彩柔和。
• 图文2（晚上）： 主题： 温暖治愈。 内容： 一张可爱的小动物图片（比如小猫咪、小狗狗），配文：“愿你被世界温柔以待。❤️ 小小暖心时刻。” （引发共鸣）
  • 图片建议： 可爱、萌态十足。

周三：个性与潮流

• 图文1（上午）： 主题： 潮流元素。 内容： 一张结合当下流行元素的简约壁纸（比如几何图案+撞色配色），配文：“解锁你的个性！😎 这款壁纸让你与众不同！” （吸引眼球）
  • 图片建议： 颜色大胆，图案简洁时尚。
• 图文2（晚上）： 主题： 表情包分享。 内容： 几个有趣的表情包配上一段文字，配文：“用表情包表达你的心情！😂 你最喜欢哪个表情包？” （互动性强）
  • 图片建议： 选取当下流行的表情包，配文幽默有趣。

周四：简约与实用

• 图文1（中午）： 主题： 极简风。 内容： 一张纯色背景配上简约线条的壁纸，配文：“简约不等于简单。🖤 干净的桌面，带来舒适的视觉体验。”
  • 图片建议： 色彩单一，线条流畅。
• 图文2（晚上）： 主题： 文字壁纸（实用）。 内容： 一张包含实用信息的壁纸（比如日程提醒、待办事项），配文：“告别凌乱，让生活更有条理！📝 今日份的提醒。”
  • 图片建议： 文字清晰易读，排版整洁。

周五：放松与度假

• 图文1（下午）： 主题： 旅行灵感。 内容： 一张风景优美的旅行照片（比如海滩、山脉），配文：“周末去哪里度假？✈️ 想象一下阳光、沙滩和大海…”
  • 图片建议： 风景开阔，色彩鲜明。
• 图文2（晚上）： 主题： 放松心情。 内容： 一张带有度假氛围的壁纸（比如棕榈树、椰子），配文：“下班后就是要放松！🌴 享受周末的悠闲时光。”
  • 图片建议： 营造轻松惬意的氛围。

周六：艺术与创意

• 图文1（上午）： 主题： 插画艺术。 内容： 一张手绘插画风格的壁纸，配文：“用艺术点亮你的手机桌面！🎨 今天你喜欢哪种风格？”
  • 图片建议： 插画风格独特，色彩丰富。
• 图文2（晚上）： 主题： 复古风格。 内容： 一张复古风格的壁纸（比如老照片、胶片质感），配文：“怀旧时光，感受复古的魅力。🕰️ 你还记得小时候的快乐吗？”
  • 图片建议： 复古质感明显，色彩偏暗淡。

周日：感恩与祝福

• 图文1（中午）： 主题：感恩的心。 内容： 一张充满温暖的图片（比如手牵手的人、温馨的场景），配文：“感谢每一份陪伴，感恩生命中的美好。💖愿你被世界温柔以待。”
  • 图片建议： 温馨、感人。
• 图文2（晚上）： 主题： 周末祝福。 内容： 一张简单的祝福语壁纸（比如“祝你周末愉快！”），配文：“愿你度过一个充实而快乐的周末！😊”
  • 图片建议： 文字排版简洁美观。

注意事项：

• 图片来源： 您可以从免费图库（如Unsplash, Pexels, Pixabay）获取图片，也可以自己创作。
• 文案风格： 文案风格要与目标受众相符，可以幽默、文艺、励志等。
• 互动性： 积极回复评论，鼓励用户参与互动。
• 排版： 注重图片和文字的排版，让内容更美观易读。
• 发布时间： 选择用户活跃的时间段发布，如中午休息时间、晚上等。
• 持续性： 坚持更新，保持一定的频率。
• 分析数据： 定期分析数据，了解哪些内容更受欢迎，并进行调整。
• 原创性： 尽量避免抄袭，创作原创内容。

希望这份详细的计划对您有所帮助！您可以根据自身情况灵活调整，并不断尝试新的内容形式。 祝您运营顺利！

一款基于 Nano Banana Pro 平台打造的小红书图文生成器。项目通过 AI 技术实现一句话生成图文内容，大幅提升创作效率。最新更新优化了 API 配置，支持多种图片返回格式，增强日志报错提示，并推出 Docker 部署版本，便于开发者快速部署。项目利用 Gemini 和 ChatGPT 等先进模型生成高质量图像和文本，作者默子在 Linux.do 社区分享了技术细节，强调其实用性和深度。红墨 RedInk 不仅适用于小红书平台，还可扩展至其他内容创作场景。开源地址已在 GitHub 发布，社区反响积极，已有数百位参与者。该工具为 AI 驱动的内容创作提供了创新解决方案。

https://github.com/HisMax/RedInk/

prompts/outline_prompt.txt

你是一个小红书内容创作专家。用户会给你一个要求以及说明，你需要生成一个适合小红书的图文内容大纲。

用户的要求以及说明：
{topic}

要求：
1. 第一页必须是吸引人的封面/标题页，包含标题和副标题
2. 内容控制在 6-12 页（包括封面）（如果用户特别要求页数，以用户的要求为准，页数可以适当放宽到2-18页的范围）
特别的. 如果用户在要求了某种特定语言风格的喜好，或者是否使用emoji等，则以客户的要求为准
3. 每页内容简洁有力，适合配图展示
4. 使用小红书风格的语言（亲切、有趣、实用）
5. 可以适当使用 emoji 增加趣味性
6. 内容要有实用价值，能解决用户问题或提供有用信息
7. 最后一页可以是总结或行动呼吁

输出格式（严格遵守）：
- 用 <page> 标签分割每一页（重要：这是强制分隔符）
- 每页第一行是页面类型标记：[封面]、[内容]、[总结]
- 后面是该页的具体内容描述
- 内容要具体、详细，方便后续生成图片
- 避免在内容中使用 | 竖线符号（会与 markdown 表格冲突）

## 示例输出：

[封面]
标题：5分钟学会手冲咖啡☕
副标题：新手也能做出咖啡店的味道
背景：温馨的咖啡场景，一个家庭布局的咖啡角

<page>
[内容]
第一步：准备器具

必备工具：
• 手冲壶（细嘴壶）
• 滤杯和滤纸
• 咖啡豆 15g
• 热水 250ml（92-96℃）
• 磨豆机
• 电子秤

配图建议：整齐摆放的咖啡器具

<page>

[内容]
第二步：研磨咖啡豆

研磨粗细度：中细研磨（像细砂糖）
重量：15克
新鲜度：建议现磨现冲

小贴士💡：
咖啡豆最好是烘焙后2周内的
研磨后要在15分钟内冲泡完成

配图建议：研磨咖啡豆的特写

<page>

[内容]
第三步：闷蒸

注水量：30ml（2倍咖啡粉重量）
时间：30秒
手法：从中心向外螺旋注水

关键点⚠️：
让所有咖啡粉都湿润
不要注水太快

配图建议：手冲壶注水的过程

<page>

[内容]
第四步：分段萃取

第二次注水：到120ml，用时1分钟
第三次注水：到250ml，用时1分30秒
总时间：2-2.5分钟

配图建议：完整的冲泡过程

<page>

[总结]
完成！享受你的手冲咖啡✨

记住三个关键：
✅ 水温 92-96℃
✅ 粉水比 1:15
✅ 总时间 2-2.5分钟

新手提示：
前几次可能不完美
多练习就会越来越好
享受过程最重要！

配图建议：一杯完成的手冲咖啡，温暖的场景

### 最后
现在，请根据用户的主题生成大纲。记住：
1. 严格使用 <page> 标签分割每一页
2. 每页开头标注类型：[封面]、[内容]、[总结]
3. 内容要详细、具体、专业、有价值。
4. 适合制作成小红书图文
5. 避免使用竖线符号 | （会与 markdown 表格冲突）

【特别的！！注意】直接给出大纲内容（不要有任何多余的说明，也就是你直接从[封面]开始，不要有针对用户的回应对话），请输出：

宝玉老师加强版

--- 提示词 ---

# 角色定义
你是一位专业的小红书视觉内容策划师，擅长将复杂内容拆解为吸引眼球的卡通风格系列信息图。

# 任务
请分析以下输入内容，将其拆解为 1-10 张小红书风格的系列信息图，并为每张图片输出独立的生成提示词。

# 拆解原则
1. **封面图（第1张）**：必须有强烈视觉冲击力，包含核心标题和吸引点
2. **内容图（中间）**：每张聚焦1个核心观点，信息密度适中
3. **结尾图（最后1张）**：总结/行动号召/金句收尾

# 图片数量判断标准
- 简单观点/单一主题：2-3 张
- 中等复杂度/教程类：4-6 张
- 深度干货/多维度分析：7-10 张

# 视觉风格规范（重要）
## 基础设定
- **图片类型**：信息图（Infographic）
- **方向比例**：竖版，3:4 或 9:16
- **整体风格**：卡通风格、手绘风格

## 背景与配色
- 背景色：莫兰迪色系 / 奶油色 / 米白色 / 浅粉 / 薄荷绿等温柔色调
- 配色柔和统一，符合小红书审美

## 文字风格
- **必须使用手绘风格文字**
- 大标题突出醒目，重点文字加粗放大
- 可使用荧光笔划线效果强调关键词
- 禁止使用写实风格字体

## 装饰元素
- 加入少量简洁的**卡通元素、图标或名人画像**，增强趣味性和视觉记忆
- 可使用：emoji 风格图标、手绘贴纸、便签纸质感、对话气泡等
- 如涉及敏感人物或版权内容，画一个风格相似的卡通替代形象，不要拒绝生成
- **所有图像元素必须是手绘/卡通风格，禁止写实风格图画**

## 排版原则
- 信息精简，突出关键词与核心概念
- 多留白，易于一眼抓住重点
- 要点分条呈现，层次清晰

# 输出格式
对于每张图片，请按以下结构输出：

---
### 第 X 张 / 共 N 张
**图片定位**：[封面图 / 内容图 / 结尾图]
**核心信息**：[这张图要传达的1句话核心]

**文字内容**：
- 主标题：xxx
- 副标题/要点：xxx
- 补充说明（如有）：xxx

**视觉提示词**：


小红书风格信息图，竖版（3:4），卡通风格，手绘风格文字，[具体背景色]背景。

[具体内容布局描述]

加入简洁的卡通元素和图标增强趣味性和视觉记忆：[具体元素描述]

整体风格：手绘、可爱、清新，信息精简，多留白，重点突出。所有图像和文字均为手绘风格，无写实元素。
右下角水印：“宝玉”

---

# 语言规则
- 除非特别要求，输出语言与输入内容语言保持一致
- 中文内容使用全角标点符号（“”，。！）

自制AI票根

电影的火爆引发用户在社媒晒AI影院合拍票根的热潮，AI软件的普及让用户在动态票根上找到应用场景。

网上流传的P图提示词，使用下载的主角图片、电影海报，再上传一张自己的自拍照，生成合成图片。

screen

生成图像：
画面是 3:4 的竖版构图，像 iPhone 前置直接拍出的自拍：
图1是真人，中间的真人站得稍微靠前一点，身体轻轻向内收，脸部状态完全保留，眼神笑着看向镜头。
图2的朱迪在左边，灰色的脑袋轻轻蹭着真人的左肩，紫色眼睛亮晶晶直视镜头；
图3的尼克狐狸在右边，脑袋靠在真人右肩，嘴角带着标志性的笑，眼睛也直视镜头。
三人的头部比例都被稍微放大，显得更贴近镜头，视觉冲击力很明显。
身后是坐满观众的电影院，所有观众的背影都虚化，只有前方大银幕清晰亮着 —— 上面正是参考图4 中那张《疯狂动物城 2》的海报，色彩明亮又清晰。
整体光线均匀柔和，没有多余的杂乱元素，卡通角色和真人的光影、色调完全贴合，看起来就像真的一起在影院自拍一样。

升级版本

我整理了最新版本的素材，可以生成更适合疯狂动物城2观影氛围的合拍

screenshots

下面是升级版本的Prompt：

✅ 构图: 3:4竖版比例,模拟iPhone前置镜头拍摄效果
✅ 真人角色: 保持了原图的表情和眼神,身体略微靠前并内收
✅ 朱迪: 灰色脑袋轻轻蹭在真人左肩,紫色眼睛亮晶晶直视镜头
✅ 尼克: 头靠在真人右肩,标志性的笑容,眼睛直视镜头
✅ 头部比例: 三人的头部都放大,更贴近镜头,视觉冲击力强
✅ 背景: 电影院场景,观众背影虚化,前方大银幕清晰显示《疯狂动物城2》海报
✅ 光影: 均匀柔和的光线,卡通角色和真人完美融合,看起来就像真实的影院自拍

Design Document - Image Merge

Overview

Image Merge 是一个纯前端的单页面网页应用，使用 HTML5 Canvas API 实现图片的加载、处理和合并。应用采用原生 JavaScript 开发，无需外部依赖，确保轻量和快速加载。

核心工作流程：

1. 用户通过文件输入上传两张图片
2. 系统验证图片格式和尺寸匹配
3. 在 Canvas 上渲染两张图片的合并预览
4. 用户拖动垂直辅助线调整合并位置
5. 实时更新预览显示
6. 用户点击下载按钮导出合并后的图片

Architecture

应用采用模块化的客户端架构：

┌─────────────────────────────────────┐
│         User Interface              │
│  (Upload, Preview, Controls)        │
└──────────────┬──────────────────────┘
               │
┌──────────────┴──────────────────────┐
│      Event Handlers Layer           │
│  (Upload, Drag, Download, Reset)    │
└──────────────┬──────────────────────┘
               │
┌──────────────┴──────────────────────┐
│     Image Processing Core           │
│  - Image Loader                     │
│  - Dimension Validator              │
│  - Canvas Renderer                  │
│  - Merge Engine                     │
└──────────────┬──────────────────────┘
               │
┌──────────────┴──────────────────────┐
│       Browser APIs                  │
│  (Canvas, File, Blob, Download)     │
└─────────────────────────────────────┘

关键设计决策

1. 纯客户端处理: 所有图片处理在浏览器中完成，无需服务器，保护用户隐私
2. Canvas 渲染: 使用 Canvas API 进行高性能的图片合并和渲染
3. 实时预览: 拖动辅助线时立即更新预览，提供即时反馈
4. 响应式设计: 适配不同屏幕尺寸，但保持图片原始尺寸

Error Handling

Image Loading Errors

• Invalid file format: Display error message “请上传有效的图片文件 (PNG, JPEG, GIF, WebP)”
• Image load failure: Display error message “图片加载失败，请重试”
• File read error: Display error message “无法读取文件，请检查文件是否损坏”

Dimension Validation Errors

• Dimension mismatch: Display error message “两张图片的尺寸不匹配。第一张图片: {width1}×{height1}, 第二张图片: {width2}×{height2}”
• Zero dimension: Display error message “图片尺寸无效”

Export Errors

• Canvas export failure: Display error message “导出图片失败，请重试”
• Download trigger failure: Log error to console and display message “下载失败，请重试”

General Error Handling Strategy

1. Graceful degradation: 错误不应导致应用崩溃
2. User-friendly messages: 所有错误消息使用中文，清晰描述问题
3. Error recovery: 提供重置按钮让用户可以从错误状态恢复
4. Console logging: 所有错误同时记录到控制台便于调试

Testing Strategy

Unit Testing

使用 Vitest 作为测试框架，针对核心功能模块编写单元测试：

ImageLoader 测试:

• 测试有效图片格式的识别
• 测试无效格式的拒绝
• 测试图片加载成功和失败场景

DimensionValidator 测试:

• 测试相同尺寸图片的验证
• 测试不同尺寸图片的拒绝
• 测试边界情况（零尺寸、极大尺寸）

MergeEngine 测试:

• 测试基本的图片合并功能
• 测试不同分割位置的合并结果
• 测试边界位置（0, 0.5, 1）

MergeLineController 测试:

• 测试拖动事件处理
• 测试位置约束逻辑
• 测试位置更新回调

ImageExporter 测试:

• 测试 Canvas 到 Blob 的转换
• 测试文件名生成
• 测试下载触发机制

Property-Based Testing

使用 fast-check 库进行基于属性的测试，验证系统在各种随机输入下的正确性：

配置要求:

• 每个属性测试至少运行 100 次迭代
• 每个测试必须使用注释标记对应的设计文档中的正确性属性
• 标记格式: // Feature: image-merge, Property {number}: {property_text}

测试生成器:

• arbitraryImageDimensions(): 生成随机但合理的图片尺寸 (10-4000 像素)
• arbitrarySplitPosition(): 生成 0-1 之间的随机分割位置
• arbitraryImageFormat(): 生成随机的图片格式字符串
• arbitraryCoordinate(): 生成随机坐标（包括越界值）

属性测试覆盖:

• 格式验证属性（Property 1）
• 尺寸匹配属性（Property 2）
• 边界约束属性（Property 4）
• 分割正确性属性（Property 5）
• 尺寸保持属性（Property 8）
• 格式一致性属性（Property 9）
• 状态重置属性（Property 11）

Integration Testing

测试组件间的集成：

• 完整的上传-合并-下载流程
• UI 控制器与核心引擎的交互
• 错误处理流程的端到端测试

Manual Testing Checklist

需要手动验证的 UI/UX 方面：

• 界面布局和视觉设计（Requirements 6.1-6.4）
• 拖动交互的流畅性
• 不同浏览器的兼容性
• 不同屏幕尺寸的响应式表现
• 大尺寸图片的性能表现

Implementation Notes

Browser Compatibility

目标浏览器：

• Chrome/Edge 90+
• Firefox 88+
• Safari 14+

关键 API 支持：

• Canvas API (广泛支持)
• File API (广泛支持)
• Blob API (广泛支持)
• Drag events (广泛支持)

Performance Considerations

1. 大图片处理: 对于超过 4000×4000 像素的图片，考虑显示警告
2. Canvas 渲染优化: 使用 requestAnimationFrame 进行拖动时的重绘
3. 内存管理: 在重置或加载新图片时，清理旧的图片对象引用
4. 防抖处理: 拖动事件可能需要节流以提高性能

Accessibility

虽然这是一个视觉为主的应用，仍需考虑：

• 为所有按钮提供清晰的文本标签
• 使用 aria-label 为图片上传区域提供描述
• 确保键盘可以访问所有交互元素
• 为错误消息使用适当的 ARIA 角色

Future Enhancements

可能的功能扩展：

• 支持水平方向的合并线
• 支持多种合并模式（渐变过渡、羽化边缘）
• 支持调整输出图片质量
• 支持批量处理多对图片
• 添加撤销/重做功能
• 保存和加载合并配置

马上使用

• 马上访问 ImageMerge

全部项目

• 
  DevShots

自制AI票根

电影的火爆引发用户在社媒晒票根的热潮，AI软件的普及让用户在动态票根上找到应用场景。

网上流传的P图提示词，使用下载的票根底图（上面是人物，下面留白）和票务App上的票根截图，生成合成图片。

1.角色部分：图一的角色整体动作姿势不变，只露出上半身（从胸口以上），原本的手指自然弯曲，指尖刚好轻搭在电影票的顶部边框上，手指的位置大约覆盖电影票标题“鬼灭之刃：无限城篇〞的上方区域，既不会遮挡电影票的文字，又能体现互动感。

2.电影票部分：完整嵌入图一的下方空白处，电影票的背景色（棕+白）和图一的白底适 配，票面上的“IMAX2D”座位号“等信息都清晰显示，右侧的电影海报小图也会对齐在票面右侧。 不要有过大面积留白，比例3:4

升级动态票根

旋即静态图片已经不能满足大家的需求，AI生成视频给了大家实验动态票根的机会，这是我的提示词：

固定镜头，静止镜头，根据画面生成精美的酷炫风格动态壁纸，慢动作，人物表情自然生动，不添加画面没有的元素，重点呈现头发飘动和眼睛眨眼效果，前升的手掌缓缓抓捏的动作，同时确保人物角色姿势和视角保持基本不变。

根据指定人物的招术特征，补充特定的特效提示，可以尝试更高级的效果

帮我生成视频：固定镜头，静止镜头，根据画面生成精美的酷炫风格动态壁纸，人物表情自然生动，不添加画面没有的元素，重点呈现头发飘动和眼睛眨眼效果，月亮缓缓拉远，人物缓缓拉近，然后作出攻击的动作缓缓靠近镜头，魔法氛围特效，同时确保人物角色面部特征、服饰风格细节、视角保持基本不变。下部75%半透明面板保持位置不变，周围有绚丽的火系魔法特效。

指定一些动作

固定镜头，静止镜头，动漫人物手握一张印有海报的电影票根，根据画面生成精美的酷炫风格动态壁纸，人物表情自然生动，不添加画面没有的元素，人物用单手揉捏白色纸质门票，最终捏爆门票，有火星纸屑分飞的特效，背景营造魔法光线特效

定制动态票根

通过首尾帧技术，先把开始图和结尾图通过PS编辑调优，可以大大提高视频的指令遵从度。

以下是我常用的一些网站和工具，排名不分先后

1. 拍我中文版 pai.video
2. 夸克造点
3. 字节即梦
4. 字节豆包
5. 可灵

定制疯狂动物城

定制疯狂动物城主角合影

不要换脸，人物脸部不能有任何改变！请将图1的小女孩融合到图2中，合成一张三人俯拍自拍照，画面构图紧凑，三位主体靠得很近，头部略微上仰，眼神直视镜头，营造出强烈的视觉冲击力。左侧小女孩站得略靠前，需要保持人脸相似度；需要保持人脸相似度，略微内扣身体，拍摄角度为高角度俯拍，使头部比例被夸张放大，符合典型的日韩视觉自拍风格。简洁干净，进一步凸显人物主体。画面风格偏向日系视觉系，整体画面清晰度高，用iphone前置自拍，最终呈现出精致、要求人物实现无缝融进画面，视觉过渡自然，整体画面光线明亮且均匀，背景为超大电影院坐满了观众，比例 「9:16」

定制疯狂动物城动态票根

固定镜头，静止镜头，根据画面生成精美的可爱治愈风格动态壁纸，人物表情自然生动，不添加画面没有的元素，重点呈现头发、毛发飘动和眼睛眨眼效果，人物先缓缓左右转头，然后用手比yeah，同时确保人物角色面部特征、服饰风格细节、视角保持基本不变。下部白色区域面板保持绝对不变。

对于追求个性化手机体验的苹果用户来说，动态壁纸一直是提升设备颜值的重要方式。随着 iOS 26 的发布，Apple 推出了 “空间场景模式” 这一全新功能，能让你的 iPhone 和 iPad 壁纸瞬间拥有惊艳的 3D 效果。今天，我们就来详细拆解如何利用这一功能，打造专属的动态壁纸。

一、认识 iOS 26 的 “空间场景模式”

1. 什么是空间场景模式？

简单来说，空间场景模式是 Apple 借助 AI 技术实现的壁纸黑科技。它能够智能分析静态图像的层次结构，自动为照片增加景深效果。当你倾斜 iPhone 或 iPad 时，照片中的主体会仿佛突破屏幕限制，“跃然纸上”，呈现出极具立体感的 3D 视觉体验，让普通的静态照片摇身一变成为动态的视觉焦点。

这一功能的应用场景也十分广泛，不仅能在锁定屏幕上作为动态壁纸使用，还支持主屏幕的照片小部件，甚至在照片应用中浏览图片时，也能感受到景深带来的沉浸式效果。其中，将其设置为锁定屏幕壁纸，是最能体现 3D 效果的用法，每次点亮屏幕都能收获满满的视觉惊喜。

二、准备工作：确认设备兼容性

在开始制作动态壁纸前，首先要确保你的设备支持这一功能，否则再完美的操作也无法呈现理想效果。

1. iPhone 支持型号

iOS 26 的空间场景模式仅适用于iPhone 12 及更高版本的设备，如果你使用的是 iPhone 11 及更早机型，很遗憾暂时无法体验这一功能。

2. iPad 支持型号

iPadOS 26 对设备的要求是搭载 A15 芯片及以上，具体兼容的 iPad 型号如下表所示：

经用户反馈，iPad 10 升级26.1也用不了，估计芯片得A15以上：

建议大家对照表格，确认自己的设备在兼容列表内后，再进行后续操作。

三、详细步骤：在锁定屏幕设置 3D 壁纸

确认设备兼容后，我们就可以正式开始设置 3D 壁纸了，步骤简单易懂，跟着操作就能轻松完成：

1. 进入锁定屏幕编辑模式：首先按住 iPhone 或 iPad 的锁定屏幕，此时屏幕会弹出编辑界面。

2. 添加新壁纸：点击屏幕右下角的 “+” 按钮，进入壁纸选择页面。

3. 选择照片来源：在弹出的选项中，点击 “照片”，从你的相册中挑选一张想要设置为壁纸的图片。这里建议选择主体清晰、层次分明的照片，这样生成的 3D 效果会更明显。

4. 开启空间场景模式：选中照片后，点击屏幕右下角的 “六边形图标”，此时 iOS 会自动开始分析照片并生成空间场景，这个过程可能需要几秒钟，请耐心等待。

5. 预览效果：生成完成后，你可以轻轻倾斜设备，预览 3D 壁纸的动态效果，感受主体 “漂浮” 的视觉体验。

6. 自定义细节：如果需要，你还可以对时钟样式、小部件布局等进行自定义，让壁纸更符合你的使用习惯和审美。

7. 完成设置：所有调整都满意后，点击屏幕右上角的 “完成” 按钮，这样你的锁定屏幕就成功设置为 3D 壁纸啦！

四、进阶技巧：开启深度效果，提升动感

如果你想让 3D 壁纸的效果更上一层楼，可以尝试同时开启 “空间场景模式” 和 “经典景深效果”，这样照片主体会与时钟等界面元素产生重叠，视觉上更加逼真、动感十足。具体开启方法如下：

1. 进入壁纸编辑模式：在设置好空间场景壁纸后，再次按住锁定屏幕，点击 “编辑” 进入壁纸编辑界面。

2. 找到深度效果选项：在编辑界面中，点击 “六边形图标” 旁边的 “圆圈图标”，此时会弹出相关设置选项。

3. 开启深度效果：在选项中找到 “深度效果” 并点击开启即可。

需要注意的是，如果你的照片不符合深度效果的要求，比如主体模糊、层次不清晰，那么 “深度效果” 选项可能不会出现。这种情况下，建议更换一张高质量、主体明确的照片再次尝试。

五、常见问题：无法设置空间场景壁纸的解决方法

在设置过程中，有些用户可能会遇到无法成功设置空间场景壁纸的问题，别担心，以下是几种常见问题的解决办法，帮你快速排查：

1. 确认壁纸适用场景：空间场景模式目前仅支持锁定屏幕壁纸，不支持桌面壁纸，如果你试图将其设置为桌面壁纸，自然无法成功。

2. 检查设备兼容性：再次确认你的设备是否在支持列表内，只有 iPhone 12 及以上、搭载 A12 芯片及以上的 iPad 才能使用该功能。

3. 确认开启空间场景选项：在设置壁纸时，一定要确保点击了 “六边形图标”，开启了空间场景模式，并且等待系统完成动态图片生成后再保存。

4. 关闭低电量模式：低电量模式会限制部分功能的使用，包括空间场景模式。进入手机 “设置”-“电池”，关闭 “低电量模式” 后再尝试设置。

5. 无需关注 “降低透明度” 设置：很多用户担心 “降低透明度” 会影响效果，实际上这一设置与空间场景模式无关，无论开启还是关闭，都不会对壁纸效果产生影响。

6. 关闭 “减少动态效果”：“减少动态效果” 会直接影响空间场景的显示，导致 3D 效果无法呈现。进入 “设置”-“辅助功能”-“动态效果”，确保 “减少动态效果” 处于关闭状态。

按照以上方法排查，大部分无法设置的问题都能得到解决。

总结

iOS 26 的 “空间场景模式” 为苹果设备的壁纸带来了全新的 3D 体验，搭配简单的操作步骤和实用的问题解决办法，即使是技术小白也能轻松上手。希望通过这篇攻略，大家都能利用空间场景模式，打造出独一无二的动态壁纸，让自己的 iPhone 和 iPad 焕发新的活力。

（注：文档部分内容可能由 AI 生成）

LockLive官方壁纸店 https://locklive.gumroad.com/

https://widget-club.com/zh-CN/article/ios26-3d-effect

核心流程是选择素材、编辑制作、保存到相册，最后在系统设置中启用。整个过程需要确保设备系统版本和 App 功能兼容。

📱 1. 准备工作与前提条件

在开始制作前，请确认以下几点：

• 设备与系统：确保你的 iPhone 或 iPad 系统版本为 iPadOS 17 / iOS 17 或更新版本。较新的系统能更好地支持动态壁纸功能。

• 应用获取：在 App Store 中搜索并下载 LockLive 动态壁纸制作应用。

• 素材准备：LockLive 这类应用通常支持将视频或实况照片 (Live Photo) 转换为动态壁纸。请提前准备好你想要制作的短视频片段或Live Photo。

🪜 2. 使用 LockLive 制作动态壁纸的步骤

虽然不同应用界面略有差异，但基本流程相似，以下为通用操作指引：

1） 打开应用并选择功能：

在桌面找到 LockLive App 图标并点击打开。应用内通常会明确区分“动态壁纸制作”、“Live Photo制作”或类似功能入口，点击进入相应模块。

2） 导入素材：

在应用内，你可以从相册中选择一段已有的视频，或者直接使用应用内置的工具录制或创建一段新内容作为素材。

3） 编辑与自定义（可选）：

许多应用提供基础编辑功能。你通常可以：

◦ 剪辑视频片段：选取视频中最精彩的部分。

◦ 添加效果或滤镜：为动态壁纸增添个性化色彩。

◦ 设定封面帧：选择视频的某一帧画面作为静态封面，这在预览和锁屏显示时很重要。

4） 生成并保存动态壁纸：

编辑满意后，点击“制作”、“保存”或类似按钮。应用会将视频转换为 Live Photo 格式，并自动保存到你的系统相册中。请务必到手机“照片”App的“相簿”中，确认名为“Live Photos”或“实况照片”的相簿里已成功保存新制作的动态壁纸。

⚙️ 3. 将制作好的动态壁纸设置为设备壁纸

制作完成的动态壁纸（已保存为Live Photo）需要通过在系统设置中操作才能生效：

1） 打开系统设置：

进入 iPhone 或 iPad 的 【设置】 > 【墙纸】。

2） 选取新墙纸：

点击 【选取新墙纸】，然后在弹出的页面中，点击 【所有照片】 或直接从相簿中找到并选择你刚刚制作保存的那张实况照片 (Live Photo)。

3） 预览与设定：

◦ 在预览页面，你可以用力按压屏幕来预览动态效果。

◦ 确保左下角或选项中的 【Live Photo】 按钮处于开启状态（如果适用）。

◦ 点击右上角的 【设定】，然后选择 【设定锁定屏幕】、【设定主屏幕】 或 【同时设定】。

◦ 请注意：动态效果主要在锁定屏幕上通过长按激活。设为主屏幕壁纸后，通常仅呈现静态封面图或仅有轻微的视差效果，不会自动播放动画。

💡 4. 注意事项与常见问题

• 动态效果触发：在锁屏界面，需要开启“三维触控”或“触感触控”功能（路径：【设置】>【辅助功能】>【触控】>【三维触控与触感触控】）并通过长按屏幕来查看动态效果。

• 耗电与性能：动态壁纸会比静态壁纸消耗更多电量，对设备性能也有一定要求。若手机电量紧张或机型较旧，请酌情使用。

• 第三方应用权限：首次使用LockLive等第三方应用时，请根据提示授予其访问照片的权限，以便导入素材和保存作品。

• 横屏壁纸处理：如果你制作的动态壁纸是横屏视频，设为壁纸后可能默认是竖屏显示。你可能需要先在系统的“照片”App中编辑该实况照片，将其旋转至正确的横屏朝向并分别调整后保存，然后再进行设置。

希望这些步骤能帮助你成功制作并设置个性化的动态壁纸。

• LockLive 官方介绍主页
• LockLive 苹果应用市场下载链接
• LockLive 专属动态壁纸购买链接
• xLiveWallpaper Free Download
• xLiveWallpaper United States Site
• xLiveWallpaper India Site

编辑动图的工具

1. 豆包 - 生成图片、修剪背景，扩图
2. Adobe PS - 调整到1920x1080尺寸图片
3. 豆包、可灵、即梦 - 生成炫酷视频
4. Adobe Premiere Pro - 编辑透明视频
5. Adobe Media Encoder - 导出透明视频
6. https://soconvert.com/cn/mp4towebp - 透明视频转webP动图

制作透明背景格式的视频

Adobe Premiere Pro

1. 载入视频，并加载到时间线，选中视频
2. 切换 Effects
3. Video Effects - Keying - Color Key 或 Ultra Key 拖放到视频编辑条上
4. 选中视频编辑条，切换 Effect controls ，找到 Color Key
5. 颜色选择器在预览画面上选择色值
6. 继续在下方编辑 Color Tolerance 调整强度，编辑Edge Thin 和Edge Feather 调整边缘
7. 选择 File - export - send to Adobe Media Encoder

Adobe Media Encoder

1. 选择参数，导出Mov

• 格式： QuickTime
• 视频编解码器： 无（8位未压缩的RGB）
• 以最大尝试渲染，并选择深度为 8-bpc + Alpha

常规方法

专业设计师一般使用AE制作动画，并使用插件导出WebP，相关软件我也打包在百度网盘了，请自取。

通过百度网盘分享的文件：
链接: https://pan.baidu.com/s/13Peub2U7xYdPg3Ct2nvl-w?pwd=live
提取码: live
复制这段内容后打开百度网盘手机App，操作更方便哦

插件： https://zhuanlan.zhihu.com/p/72637097

安装工具： https://aescripts.com/learn/zxp-installer/

安卓机型在支持动态壁纸上能力不一，特此汇总跟踪记录。

检查手机是否支持动态壁纸

并非所有Android手机都支持动态壁纸功能。您可以通过以下方法检查手机是否支持：

在设置菜单中查找“壁纸”或“桌面”选项。

如果有“动态壁纸”或“Live Wallpaper”选项，则说明您的手机支持动态壁纸。

有可能选择以下几种方式设置动态壁纸：

在“壁纸”或“桌面”设置中，找到动态壁纸选项。

还有一个在相册或图库应用中，找到视频或实况，查找是否有设为壁纸的选项或按钮

1. 内置壁纸：选择系统内置的动态壁纸样式。
2. 实况壁纸：部分手机系统支持自有实况格式的壁纸
3. 视频壁纸：选择视频文件作为动态壁纸。

Android原生系统，很早就支持壁纸Service（Android 2.x / API Level 7），只要不限制，都可以下载第三方壁纸App来设置。

推荐 壁纸引擎 ，免费无广告。

国内安卓厂商为了推广自己的主题商店，一般不会在系统级别支持视频设为壁纸。

国内安卓手机

小米

华为

荣耀

OPPO

VIVO

iQoo

一加

国外安卓手机

三星 Samsung

苹果

• iOS 16+ 支持长按锁屏实况壁纸
• iOS 17+ 支持自动锁屏实况壁纸

先上代码

新建一个 Siri Intent Definition File 类型文件

1. Intents.intentdefinition

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>INEnums</key>
	<array/>
	<key>INIntentDefinitionModelVersion</key>
	<string>1.2</string>
	<key>INIntentDefinitionNamespace</key>
	<string>HF1gjA</string>
	<key>INIntentDefinitionSystemVersion</key>
	<string>24E263</string>
	<key>INIntentDefinitionToolsBuildVersion</key>
	<string>16E140</string>
	<key>INIntentDefinitionToolsVersion</key>
	<string>16.3</string>
	<key>INIntents</key>
	<array>
		<dict>
			<key>INIntentCategory</key>
			<string>generic</string>
			<key>INIntentConfigurable</key>
			<true/>
			<key>INIntentDescription</key>
			<string>LockLive Standby Mode</string>
			<key>INIntentDescriptionID</key>
			<string>3CFvai</string>
			<key>INIntentManagedParameterCombinations</key>
			<dict>
				<key></key>
				<dict>
					<key>INIntentParameterCombinationSupportsBackgroundExecution</key>
					<true/>
					<key>INIntentParameterCombinationUpdatesLinked</key>
					<true/>
				</dict>
			</dict>
			<key>INIntentName</key>
			<string>Intent</string>
			<key>INIntentParameterCombinations</key>
			<dict>
				<key></key>
				<dict>
					<key>INIntentParameterCombinationIsPrimary</key>
					<true/>
					<key>INIntentParameterCombinationSupportsBackgroundExecution</key>
					<true/>
				</dict>
			</dict>
			<key>INIntentResponse</key>
			<dict>
				<key>INIntentResponseCodes</key>
				<array>
					<dict>
						<key>INIntentResponseCodeName</key>
						<string>success</string>
						<key>INIntentResponseCodeSuccess</key>
						<true/>
					</dict>
					<dict>
						<key>INIntentResponseCodeName</key>
						<string>failure</string>
					</dict>
				</array>
			</dict>
			<key>INIntentTitle</key>
			<string>LockNow</string>
			<key>INIntentTitleID</key>
			<string>GFaSHZ</string>
			<key>INIntentType</key>
			<string>Custom</string>
			<key>INIntentVerb</key>
			<string>Do</string>
		</dict>
	</array>
	<key>INTypes</key>
	<array/>
</dict>
</plist>

新建两个Swift源代码类型文件

1. LockNowIntent.swift
2. LockNowShortcuts.swift

//  LockNowIntent.swift

import AppIntents

struct LockNowIntent: AppIntent {
    static var title: LocalizedStringResource = "LockNow"
    static var description = IntentDescription("LockLive Standby Mode.")
    static var openAppWhenRun: Bool = true

    @MainActor // Ensures perform() runs on the main thread
    func perform() async throws -> some IntentResult & ReturnsValue<Bool> {
        print("LockNowIntent")
        return .result(value: true)
    }
}

//
//  LockNowShortcuts.swift

import AppIntents

struct LockNowShortcuts: AppShortcutsProvider {
    static var appShortcuts: [AppShortcut] {
        AppShortcut(
            intent: LockNowIntent(),
            phrases: [
                "Open \(.applicationName)",  // 必须有\(.applicationName)"
                "Launch \(.applicationName)",
                "\(.applicationName)"
            ],
            shortTitle: "Lock Now", // 显示在捷径中快捷方式的标题
            systemImageName: "bolt.circle" // 显示在捷径中快捷方式的图标
        )
    }
}

客官稍等，下面是DeepSeek给我的开发建议，基本上是错的。

在 Xcode 16 中开发 Intent 以实现通过 Siri 快捷指令快速打开自己开发的 App，可以按照以下步骤操作。这些步骤结合了最新的 App Intents 框架（适用于 iOS 16+ 和 macOS Ventura+），并参考了相关技术文档和实践经验。

1. 配置项目以支持 App Intents

确保你的项目满足以下条件：

• Xcode 16：支持最新的 App Intents API。
• iOS 16+/macOS Ventura+：App Intents 需要较新的系统版本。
• 添加 Intent Definition 文件：
  1. 在 Xcode 项目中，选择 File > New > File。
  2. 搜索 “Siri Intent Definition File” 并创建。
  3. 在 .intentdefinition 文件中定义你的 Intent。

2. 定义 App Intent

在 .intentdefinition 文件中，创建一个新的 Intent：

• Intent 类型：选择 “Open App” 或自定义操作。
• 参数（可选）：可以添加如 deepLink 参数以支持特定页面跳转。
• 标题和描述：如 "Open My App" 和 "Quickly launch MyApp from Shortcuts."。

3. 实现 App Intent 代码

在 Swift 中，创建一个符合 AppIntent 协议的结构体：

import AppIntents

struct OpenMyAppIntent: AppIntent {
    static var title: LocalizedStringResource = "Open My App"
    static var description = IntentDescription("Opens MyApp directly from Shortcuts.")

    func perform() async throws -> some IntentResult {
        // 使用 Deeplink 或直接打开 App
        let url = URL(string: "myapp://")!
        if await UIApplication.shared.canOpenURL(url) {
            await UIApplication.shared.open(url)
            return .finished()
        } else {
            throw NSError(domain: "AppNotInstalled", code: 404)
        }
    }
}

4. 注册 Intent 并添加快捷短语

使用 AppShortcutsProvider 让 Shortcuts 应用识别你的 Intent：

struct MyAppShortcuts: AppShortcutsProvider {
    static var appShortcuts: [AppShortcut] {
        AppShortcut(
            intent: OpenMyAppIntent(),
            phrases: ["Open \(.applicationName)"],
            shortTitle: "Launch My App",
            systemImageName: "app"
        )
    }
}

• phrases：用户可以说或输入的快捷指令短语，如 "Open MyApp"。

5. 处理 Intent 回调

在 AppDelegate 或 SwiftUI 的入口处，确保处理 Intent 的返回：

// 对于 SwiftUI
@main
struct MyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

// 对于 UIKit
func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
    if userActivity.activityType == "OpenMyAppIntent" {
        // 处理 Deeplink 逻辑
        return true
    }
    return false
}

6. 测试与调试

1. 在 Xcode 中运行：确保 Intent 出现在 Shortcuts 应用中。
2. 手动测试：
   • 打开 Shortcuts App，创建新快捷指令。
   • 搜索你的 App 名称，应能看到定义的 Intent。
   • 运行快捷指令，检查是否能正确打开 App。

如果 Intent 未显示，尝试：

• 清理 Xcode 派生数据（Xcode > Preferences > Locations > DerivedData）。
• 重启设备和 Shortcuts App。

7. 进阶功能（可选）

• 支持旧系统（iOS 15 及以下）：使用 NSUserActivity 和 SiriKit Intents 作为备用方案。
• 多语言支持：在 .intentdefinition 文件中配置本地化字符串。
• 参数化 Deeplink：如 myapp://home?tab=settings，以支持更多场景。

总结

通过上述步骤，你可以在 Xcode 16 中实现一个简单的 App Intent，让用户通过 Siri 或快捷指令快速打开你的 App。如需更复杂的功能（如传递参数或执行特定操作），可进一步扩展 Intent 逻辑。

Create stunning dynamic lock screen live photos and usher in a new era of personalized screensavers!

Intro

• Lightning-fast real-time preview: No more long waits—instantly witness your creations. Every adjustment is displayed in real time, ensuring a super efficient and seamless creative process.
• Precision capture: With the precision capture feature, perfectly freeze any exciting moment in the frame, never missing a single detail.
• Smart screen adaptation: Automatically adapts to different screen sizes. No matter what device you use, the wallpaper will fit perfectly, delivering a stunning visual experience.
• Easy setup and quick preview: Through convenient and diverse quick setup options, you can quickly preview the final effect and even showcase cool videos while charging.
• Portrait depth dynamic lock screen, cool display while charging: Add unique charm to your device with convenient and diverse quick setup options, making your charging time stand out.

Screenshots

简介

• 闪电般快速的实时预览：无需漫长等待，瞬间见证创作成果。每一次调整都能实时呈现，确保创作过程超级高效且流畅无缝。
• 精准捕捉截取：借助精准捕捉功能，完美定格画面中的任何精彩瞬间，绝不放过任何一个细节。
• 智能屏幕适配：自动适应不同屏幕尺寸。无论使用何种设备，壁纸都能完美贴合，带来令人惊艳的视觉体验。
• 轻松设置快速预览：通过便捷多样的快速设置选项，可以快速预览最终效果，还可以用于充电时展示酷炫视频。
• 人物景深动态锁屏，充电时炫酷展示：通过便捷多样的快速设置选项，为你的设备增添独特魅力，让充电时光与众不同。

应用截图

Download

• App Store https://apps.apple.com/app/id1529981662

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

在这个 AI 蓬勃发展的时代，各类 AI 工具如雨后春笋般涌现，彻底改变了我们的工作与生活方式。经过一段时间的探索与实践，我精心整理了一份自己常用的 AI 工具清单，它们各司其职，相互配合，让我的效率得到了极大提升，仿佛组成了一个专属的 AI “梦幻团队”，下面就来给大家详细介绍一下。

一、智能问答与推理担当

DeepSeek：

这是来自中国的人工智能公司研发的明星产品 。其推理模型 DeepSeek - R1 表现极为亮眼，在处理复杂问题时，能够通过高效的算法和创新的训练方式，以较低的资源消耗实现高质量的逻辑推导和问题解决。例如在一些复杂的数学问题求解、逻辑谜题破解上，DeepSeek 往往能给出清晰的解题步骤和准确答案。而且它在代码生成方面也有出色表现，能根据自然语言描述生成完整模块代码（支持 Java/Python/Go 等多种语言），还能实时分析代码性能瓶颈并提供优化方案，自动生成技术方案文档与 API 说明 。由于其模型是开源的，开发者们可以基于此进行更多的创新应用开发。DeepSeek 官网链接

腾讯元宝：

当涉及到对内容来源有严格要求，需要获取更加权威、准确且符合特定规范的信息时，腾讯元宝就派上了用场。它依托腾讯强大的资源整合能力和数据筛选机制，能够从海量的信息库中精准定位出可靠的内容，在学术研究、专业报告撰写等场景中发挥着重要作用。腾讯元宝官网链接

二、多面手助手：豆包

豆包绝对是我日常使用频率极高的 AI 工具之一。无论是查询资料，像在研究某个专业领域知识时，它能迅速从广泛的信息源中提炼出关键内容；还是进行日常聊天，分享想法、交流观点，它都能很好地理解意图并给出有趣又有价值的回应。在文字创作方面，无论是写文章、故事，还是创作诗歌，豆包都能根据给定的主题和要求，生成结构合理、内容丰富的文本。翻译功能也十分强大，支持多种语言之间的精准互译，无论是商务文档、学术论文，还是日常交流语句，都能准确转换，为跨越语言障碍提供了极大便利，各种执行性的文字任务交给它，都能妥妥完成。 豆包官网链接

三、文档处理专家：Kimi 和 Kimi+

Kimi：

在面对长文章和复杂文档时，Kimi 展现出了强大的内容提炼能力。例如在处理一些行业研究报告、法律条文文档时，它能够快速梳理出文档的核心观点、重要结论以及关键数据，帮助我们在短时间内抓住重点，理解文档的主旨。对于需要从大量文本中提取特定信息的工作，Kimi 能够高效完成，大大节省了阅读和分析的时间。 Kimi 官网链接

Kimi+：

Kimi + 在 Kimi 的基础上更进一步，它拥有一键生成 PPT 的神奇功能。当我们有展示需求，却没有足够时间去精心制作 PPT 时，只需将相关的文字内容整理好输入给 Kimi+，它就能自动根据内容结构和逻辑，生成美观且专业的 PPT 模板，包括页面布局、图表设计、文字排版等都能处理得恰到好处，让演示文稿的制作变得轻松又高效。 Kimi + 官网链接

四、音频处理利器

海豚配音：

对于从事自媒体工作或者有音频内容创作需求的人来说，海豚配音是一个不可多得的好工具。它拥有超过 300 种适合自媒体的声音，涵盖了各种风格，无论是温柔甜美的女声，还是沉稳大气的男声，亦或是活泼俏皮的卡通音，都能在这里找到。在制作视频配音、有声读物、广告音频等内容时，丰富的声音选择可以为作品增添更多的吸引力和趣味性，满足不同场景下的音频需求。 海豚配音官网链接

FishAudio：

声音复制在一些特定场景中非常有用，而 FishAudio 让这个操作变得简单快捷。它能够快速分析目标声音的特征，并进行复制模拟。例如，在一些影视配音的模仿创作，或者需要特定人物声音的二次利用场景中，FishAudio 能够通过简单的操作步骤，生成与原声音相似的音频，为音频创作和处理提供了更多的可能性和便利性。 FishAudio 官网链接

五、视频创作精灵

可灵：

可灵能够将文字和图片巧妙地转化为视频。在当下短视频流行的时代，内容创作的效率至关重要。当我们有了一个视频创意，只需要准备好相关的文字描述和一些基础图片素材，输入到可灵中，它就能自动生成具有一定情节和视觉效果的视频。无论是制作产品宣传视频、创意短视频，还是简单的生活记录视频，可灵都能帮助我们快速将想法转化为实际的视频作品，降低了视频创作的门槛和成本。 可灵官网链接

六、图片生成大师：即梦

即梦是一款强大的图片生成 AI 工具，用户只需要简单地描述心中所想的画面，无论是奇幻的场景、美丽的风景，还是独特的人物形象，即梦都能通过先进的图像生成算法，将文字描述转化为精美的图片。在设计领域，设计师可以借助即梦快速生成创意草图，获取灵感；在自媒体创作中，创作者也能利用它生成独特的配图，为文章增添视觉吸引力，极大地拓展了图片创作的边界，让创意能够迅速可视化。 即梦官网链接

七、视频剪辑神器

剪映专业版：

对于专业的视频创作者来说，剪映专业版提供了丰富且强大的剪辑功能。它支持多轨道剪辑，能够对视频的各个元素进行精细调整，如视频片段的剪辑、拼接、特效添加、音频处理等。同时，它还拥有海量的素材库，包括各种滤镜、转场效果、音乐等，能够满足专业视频创作中对高质量内容的需求，帮助创作者打造出具有专业水准的视频作品。 剪映专业版官网链接

秒剪：

秒剪则更侧重于便捷性和快速分享。在我们想要快速制作一个适合发朋友圈或者视频号的短视频时，秒剪的操作简单易懂，能够快速对视频进行剪辑、添加字幕、应用简单特效等操作，并且可以直接在应用内完成分享，满足了用户即时创作和分享生活点滴的需求。 秒剪官网链接

度加剪辑：

度加剪辑在快速生成视频方面具有独特优势。它可以根据用户输入的主题和一些关键信息，自动匹配相关的素材，并按照一定的逻辑和风格生成视频。对于一些对视频质量有一定要求，但又希望能够快速出片的场景，如新闻报道视频的快速制作、简单产品介绍视频的生成等，度加剪辑能够高效地完成任务，节省大量的创作时间。 度加剪辑官网链接

八、数据处理与可视化助手：小浣熊

在面对大量数据时，小浣熊能够帮助我们轻松梳理和分析。它可以对各种格式的数据进行导入和整理，运用多种数据分析算法对数据进行深入挖掘，发现数据中的规律和趋势。更为重要的是，小浣熊能够将分析结果快速生成可视化图表，如柱状图、折线图、饼图、散点图等，以直观的图形展示数据，让复杂的数据变得一目了然，便于我们做出决策和进行数据汇报。 小浣熊官网链接

九、知识管理与分享平台

百度文库白板画布：

百度文库白板画布是一个功能丰富的在线协作平台。它支持快速生成内部分享 PPT，团队成员可以在上面共同编辑、讨论，实时协作完成演示文稿的制作。同时，它还提供了主题化阅读功能，用户可以围绕某个特定主题收集、整理相关文档，并在画布上进行关联和分析，有助于深入研究某个领域的知识。此外，在内容创作和头脑风暴环节，大家可以在画布上自由书写想法、绘制思维导图，激发创意，促进团队之间的思想碰撞。 百度文库白板画布官网链接

Get 笔记：

Get 笔记专注于知识的收集和整理。它可以订阅直播间和跟踪博主，自动生成逐字稿，方便我们回顾直播内容和学习博主的经验。对于这些文字内容，我们可以进一步进行分类、标注，建立自己的知识库。在需要分析框架和结构时，通过对收集内容的梳理，能够清晰地看到不同知识之间的逻辑关系，为学习和创作提供有力支持。 Get 笔记官网链接

ima：

ima 作为个人知识库，具有强大的知识管理功能。它能够将我们从各种渠道获取的信息，如网页文章、文档资料、图片等进行统一存储和管理。通过智能标签和分类系统，方便我们快速检索和查找所需知识。同时，ima 还支持知识的关联和拓展，能够根据已有的知识内容，推荐相关的信息，帮助我们构建更加完善的知识体系。 ima 官网链接

十、经验建议获取窗口：小红书点点

小红书点点是一个汇聚了广大用户真实经验和建议的平台。在这里，我们可以获取到各种灵活且人性化的信息。无论是生活中的小窍门，如美食烹饪技巧、家居收纳方法；还是工作中的经验分享，如职场晋升策略、项目管理心得；亦或是消费决策的参考，如产品使用评价、旅游攻略等，都能在小红书点点上找到。通过浏览其他用户的分享，我们能够从不同的视角获取信息，为自己的生活和工作提供更多的思路和参考。 小红书点点官网链接

这些 AI 工具各有所长，在不同的场景中发挥着关键作用。合理运用这个 AI 全家桶，能够帮助我们在互联网时代更高效地工作、学习和生活，充分享受 AI 技术带来的便利与创新。大家不妨也根据自己的需求，尝试使用这些工具，打造属于自己的 AI 助力体系。

即刻 @是松月呀

Social Media Image Size Guide 2025

Facebook More

Instagram More

X(Twitter) More

Pinterest More

LinkedIn More

ReaNote 小红书 More

ReaNote 小红书常用的图片比例

ReaNote 小红书封面

小红书笔记的封面图片，有竖版封面和横版封面两种尺寸比例。

大多数情况下推荐大家使用竖版小红书封面，因为同等情况下竖版封面的显示面积比横版封面多数大约40%。

更多的展示面积以为着更高点关注度，为了让我们分享的小红书笔记被更多人关注，建议大家选择竖版格式的小红书封面。

ReaNote 小红书背景图

小红书背景图是小红书个人主页上半部分的背景图片，它的图片比例是5:4。

小红书背景图的左侧区域需要展示头像、昵称和个人数据，建议大家在设计背景图片时，将这个背景的视觉焦点放在居中/偏右侧的位置，以确保我们的背景内容不被遮挡。

ReaNote 小红书配图

和常规的内容分享平台不同，小红书笔记的内容配图都是顶置轮播滑动的形式进行展示。

为了确保版面的一致性，小红书提供了3种笔记配图的尺寸，分别是竖版（3:4）、方形(1:1)、横版(4:3)，并且整篇笔记只支持一种图片比例。

ReaNote Common Image Ratios for Xiaohongshu (Little Red Book)

ReaNote Xiaohongshu Cover Images

Xiaohongshu note cover images come in two aspect ratios: vertical and horizontal.

In most cases, we recommend using vertical covers for Xiaohongshu notes, as vertical covers occupy about 40% more display area than horizontal ones under the same conditions.

More display area means a higher level of attention. To make your Xiaohongshu notes stand out, we suggest opting for vertical cover formats.

ReaNote Xiaohongshu Background Images

The Xiaohongshu background image is the header image at the top of your personal profile page, with an aspect ratio of 5:4.

Since the left side of the background image displays your avatar, username, and profile data, we recommend placing the visual focus of the background in the center or slightly to the right during design to ensure key elements remain unobstructed.

ReaNote Xiaohongshu Content Images

Unlike regular content platforms, Xiaohongshu note images are displayed in a top-positioned carousel format.

To maintain layout consistency, Xiaohongshu provides three image ratios for notes: vertical (3:4), square (1:1), and horizontal (4:3). Importantly, each note can only use one image ratio throughout.

参考网址

• Meta Ads Guide
• purple-photo.web.app
• social-media-image-sizes-2022
• Canvas 常用新媒体尺寸
• Dev Shots

最后更新日期：2023年8月22日

每次看到这样的SQL都会让我抓狂：

SELECT u.* FROM users u
WHERE 0 = (SELECT COUNT(*) FROM addresses a WHERE a.user_id = u.id);

一起来分析一下这样写有什么问题，如何避免这种写法。

写这样的SQL，明显是为了搜索出没有填写地址的用户列表。

这么写不对吗？我们是找没有地址的用户，看起来也没有什么问题，问题在于计数！！！

如果有个用户关联了上百万的地址，系统就要全查出来，并统计出数量！！！

实际上哪怕没有上百万的地址记录，如果有2个、3个，这种计数的性能损耗也是非常多余的。

所以，什么样的SQL才适用于这种情况呢？答案就是 EXISTS

SELECT u.* FROM users u
WHERE NOT EXISTS (SELECT FROM addresses a WHERE a.user_id = u.id);

EXISTS (示例中是 NOT EXISTS) 会高效率检查是否至少有一条地址纪录，而不用计数。

当然，总有人说我这么写也没有错吧啦吧啦，是的，所以标题是最佳实践，建议大家养成好的SQL或编程习惯，只有这样才能避免极端情况下的错误。

引用

转自 depesz@depesz.com 的blog，近期刚好用到，特此记录。

• blog

• 快速生成支持Markdown语法的漂亮代码截图
• Generate Beautiful Images of Developers Markdown Code to Share
• 開発者の Markdown コードの美しい画像を生成して共有します
• 개발자의 Markdown 코드의 아름다운 이미지를 생성하여 공유합니다

• 马上访问 DevShots.app

应用介绍

快速制作用于分享的图片，支持的功能有：

• 支持 Markdown 格式
• 代码高亮
• 截图 + 文字 拼图
• 手机外壳图
• 苹果应用商店手机、iPad截图
• 支持本地保存收藏模板，方便下次使用
• 多个中英文字体，方便快捷
• 颜色样式丰富，一键直达，还有随机模式，看看运气怎么样

应用截图

更新历史

Version 24.10.09

• ✅ Add auto size mode - DevShots
• 🇨🇳 Add Chinese Ming Dynasty Font
• 🪳 Updated to Html2canvas-pro
• ⏩ Add JPEG image format download
• 🍎 AppStore iPad Screenshot
• 🍎 AppStore iPhone Screenshot
• 📰 Add KingHwa Old Song Font

马上使用

• 马上访问 DevShots.app

全部项目

• 
  DevShots

升级我的网站到HTTPS，来支持浏览器安全认证和支持微信小程序API开发等

Step 1

登录你的阿里云控制台 （不要问我从哪里进，不知道的先去注册阿里云）

• 选择产品与服务 - 数字证书管理服务
• 切换到 个人测试证书（原免费证书），再点击立即购买

每个帐号只能购买20个，免费的不支持泛域名，只能指定支持的完整明细域名

Step 2

购买完成就可以在后台 创建证书

Step 3

验证服务器

• 根据要求配置DNS
• 如果是阿里云DSN可以试试自动部署
• 其他家的DNS需要手工添加主机记录的 _dnsauth 的记录值，完成DNS验证

Step 3

申请成功即可在后台下载一个ZIP

Step 4

导入证书到服务器

Step 5

指定（修改）IIS中站点的证书

• 指定端口为443
• 重启IIS

更新

• 进入阿里云
• 选择个人测试证书（原免费证书），完成0元支付
• 创建证书，填入域名，提交申请
• 马上查看进度，获取DNS验证设置
• 在DNS上修改主机记录的_dnsauth的记录值
• 完成DNS验证
• 等待申请审批
• 收到审批邮件后，在阿里云下载文件上传到服务器，一个证书，一个密码TXT
• 打开管理后台，进入证书管理，进入个人节点，导入证书
• 打开IIS管理后，进入绑定，选择新的证书，可能名字都一样，点击查看详情，确认到期日期即可
• 需要的话可以重启IIS，用Chrome验证证书有效日期

参考

1. Windows IIS 安装SSL证书
2. https://console.dnspod.cn/dns/list/detail/70apps.com/records
3. https://yundun.console.aliyun.com/?p=cas#/instance/test/cn-hangzhou

为什么要在你的产品中使用动画

在当今的数字设计领域，动画效果越来越受到重视，而 Lottie 动画解决方案则为我们带来了全新的可能性。

Lottie 是一个强大的工具，它能够让我们轻松地在各种平台上实现复杂而精美的动画。无论是移动端应用还是网页设计，Lottie 都能发挥巨大作用。

那么，Lottie 到底是什么呢？简单来说，它是一种将 Adobe After Effects 等软件中创建的动画导出为 JSON 格式的技术。通过这种方式，动画可以在不同的设备和平台上以高效的方式呈现，同时保持高质量的视觉效果。

对于初学者来说，使用 Lottie 有以下几个关键步骤。首先，我们需要在动画制作软件中设计好我们的动画。然后，利用相关的插件或工具将其导出为 Lottie 格式的 JSON 文件。接下来，在我们的项目中引入 Lottie 库，并加载和播放这个 JSON 文件。

Lottie 的优点众多。它具有出色的跨平台性，减少了为不同平台分别制作动画的繁琐。而且，它的文件体积相对较小，不会对应用的性能造成过大负担。

在实际应用中，Lottie 可以为我们的产品增添生动性和吸引力。比如，在一个应用的引导界面中使用流畅的动画来吸引用户的注意力，或者在网页中添加有趣的交互动画来提升用户体验。

总之，Lottie 动画解决方案是一个值得我们深入探索和学习的领域。它为我们的设计带来了更多的创意空间和可能性，让我们能够打造出更加令人惊艳的数字作品。

马上在网站集成Lottie动画

第一步：准备工作

首先，确保你已经有了 Lottie 动画的 JSON 文件。这通常是通过在诸如 Adobe After Effects 等专业软件中制作动画，然后使用相关插件导出得到的。当然你也可以在文末的十大Lottie资源网站下载需要的动画JSON文件。

第二步：引入 Lottie 库

根据你使用的前端框架或技术，选择合适的 Lottie 库。可以从官方网站或相关的资源库中获取。将其添加到你的网站项目中，通常通过在 HTML 文件中添加脚本标签来实现。

<script src="js/lottie.js" type="text/javascript"></script>
<script>
lottie.loadAnimation({
  container: element, // the dom element that will contain the animation
  renderer: 'svg',
  loop: true,
  autoplay: true,
  path: 'data.json' // the path to the animation json
});
</script>

当然，你也可以使用CDN加速JS包

<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.9.2/lottie.min.js" type="text/javascript"></script>

第三步：加载和初始化

Lottie 动画在你的网页代码中，找到合适的位置来加载和初始化 Lottie 动画。使用库提供的方法，传入 JSON 文件的路径或 URL。

第四步：设置动画属性

你可以根据需要设置动画的各种属性，如播放速度、循环次数、是否自动播放等。

<script>
lottie.loadAnimation({
  container: element, // the dom element
  renderer: 'svg',
  loop: true,
  autoplay: true,
  animationData: animationData, // the animation data
  // ...or if your animation contains repeaters:
  // animationData: cloneDeep(animationData), // e.g. lodash.clonedeep
  rendererSettings: {
    context: canvasContext, // the canvas context, only support "2d" context
    preserveAspectRatio: 'xMinYMin slice', // Supports the same options as the svg element's preserveAspectRatio property
    title: 'Accessible Title', // Adds SVG title element for accessible animation title
    description: 'Accessible description.', // Adds SVG desc element for accessible long description of animation
    clearCanvas: false,
    progressiveLoad: false, // Boolean, only svg renderer, loads dom elements when needed. Might speed up initialization for large number of elements.
    hideOnTransparent: true, //Boolean, only svg renderer, hides elements when opacity reaches 0 (defaults to true)
    className: 'some-css-class-name',
    id: 'some-id',
  }
});
</script>

第五步：处理交互

如果希望与动画进行交互，例如点击触发特定动作，可以通过监听事件并编写相应的处理函数来实现。

第六步：测试与调试

在本地环境中进行充分的测试，确保动画能够正常播放，并且交互功能也按预期工作。如果遇到问题，查看控制台的错误信息，以便快速定位和解决。

第七步：优化与性能

考虑注意优化动画的加载和播放，避免对网站性能造成过大影响。可以考虑对 JSON 文件进行压缩等操作。

通过以上步骤，你就可以成功地将 Lottie 动画集成到你的网站中。它将为你的网站带来全新的活力和吸引力，给用户留下深刻的印象。

在移动应用开发中使用

以iOS集成为例

在 Xcode 中，选择 “File” → “Add Packages…” 添加包 在URL中输入 https://github.com/airbnb/lottie-spm.git

更多资源

设计软件及插件

• After Effect + bodymovin.zxp
• https://editor.lottiefiles.com/ 在线编辑创作Lottie

Top 10 Lottie Resource Website

Preview Lettie Animation JSON Online

• LottieLab
• LottieFiles
• Lottie Cloud (Only Upload)

JSON URL for test

  https://assets5.lottiefiles.com/private_files/lf30_ej73j8k8.json
  https://assets5.lottiefiles.com/packages/lf20_5buYwf.json
  https://assets9.lottiefiles.com/packages/lf20_zlffgf9c.json
  https://assets10.lottiefiles.com/datafiles/yqyCt9QfT8z5kLU/data.json
  https://assets10.lottiefiles.com/packages/lf20_o4C0VO.json
  https://assets6.lottiefiles.com/datafiles/Y95p1QxekMZhR3m/data.json
  https://assets1.lottiefiles.com/datafiles/hToYrgLpHl1u69x/data.json
  https://assets10.lottiefiles.com/private_files/lf30_Twfrj1.json
  https://assets4.lottiefiles.com/packages/lf20_qFttfS.json
  https://assets3.lottiefiles.com/datafiles/LM7IXg9BbuCdrfl/data.json
  https://assets9.lottiefiles.com/packages/lf20_jhudx27y.json
  https://assets4.lottiefiles.com/private_files/lf30_yo2zavgg.json
  https://assets8.lottiefiles.com/private_files/lf30_GjhcdO.json
  https://assets3.lottiefiles.com/datafiles/HF2l8DiOyOT4dwI/data.json
  https://assets4.lottiefiles.com/packages/lf20_gghk4m0m.json
  https://assets4.lottiefiles.com/private_files/lf30_ar2kiikf.json
  https://assets6.lottiefiles.com/private_files/lf30_oxurudgk.json
  https://assets9.lottiefiles.com/packages/lf20_gwwngxas.json
  https://assets3.lottiefiles.com/packages/lf20_xjhwr9wv.json
  https://assets3.lottiefiles.com/packages/lf20_QdVQmS.json
  https://assets8.lottiefiles.com/datafiles/9zxVW04xOMfVl8F/data.json
  https://assets2.lottiefiles.com/packages/lf20_nvskuoaw.json
  https://assets10.lottiefiles.com/private_files/lf30_a4mKwA.json
  https://assets6.lottiefiles.com/packages/lf20_4tvpr5xz.json
  https://assets3.lottiefiles.com/packages/lf20_kh52Ub.json

hack for json URL

https://iconscout.com/lottie-animation-pack/confetti-explosion
https://iconscout.com/lottie-animation-pack/explosion-1

Official Github

• Lottie for Web Github Page by airbnb.com
• Lottie for iOS Github Page by airbnb.com
• Lottie for Android Github Page by airbnb.com

A list of awesome AI video online tools, free to try at least.

AI Video Generator

• Luma - Luma Dream Machine is an AI model that makes high quality, realistic videos fast from text and images
• Viva - A free video generator.
• JiMeng - A video generator by BetyDance.
• [Haiper.AI])(https://haiper.ai/creations) - AI powered video creation platform.

  Text to Video

Prompt

A playful tabby cat chasing a radiant butterfly amidst a sun-drenched, blooming garden. The cat's emerald eyes twinkle with joy, the butterfly's icy wings dance against the warm, sunlit backdrop, creating a whimsical tableau of nature's enchantment.

Image to Video

Prompt

Smile girl

AI Storyline Video Generator

• 白日梦 DayDream - A Chinese AI Video generator with script\scene\audio.

Showcase with Prompt

• Sora - OpenAI Video Project
• PixWeaver - A demo site of vidu
• 可灵 Kling - A killer new AI video model from KUAISHOU

A list of awesome AI image online tools, free to try at least.

Contents

• 🤖 Text to Image Generator
• 🎨 Showcase with Prompt

Text to Image Generator

• Midjourney - The first success AI image generator product.
• Bing Image Creator - A DALL· E’s AI image generation tool by Microsoft Bing.
• 悠船 YouchuanAI - A Chinese Commercial AI image generator app.
• ideogram.ai - With reliable text rendering capabilities.
• Dreamina - Power by Bytedance.
• 奇域 qiyu - Focus on Chinese style, power by XiaoHuangShu.
• 通义万相 wanxiang - Power by Alibaba.
• 文心一格 yige - Power by Baidu.
• 哩布 - Support lots of Model and SD3 Beta
• FreePik - 7 Great AI Image (UX) Tools by FreePik.com

Example

All example use these prompt words, from CatJourney.

Prompt

human woman with short hair, light blonde hair, grey eyes, wearing a leather armor partially covered by a brown cape, serious and determined facial expression, red flowers around, symetric, dynamic pose, Extremely Detailed, Realistic, full body hero, Full view, bright sunlight, unreal render, ultra realistic digital art, hyper realistic, 160 mm lens, soft rim light, octane render, unreal engine, volumetric lighting, dramatic light, 8k, neon ray tracing, path tracing, volumetric light, optix Cinematic post processing, cinema4d, octane render, optix, volumetric fog, global illumination, photorealism, post processing Photoshop --ar 9:16 --style raw --stylize 750 --niji 6

短发的人类女人，浅金色的头发，灰色的眼睛，穿着皮甲，部分被棕色斗篷覆盖，严肃而坚定的面部表情，周围的红色花朵，对称，动态姿势，极其详细，逼真，全身英雄，全视图，明亮的阳光，虚幻渲染，超写实的数字艺术，超写实，160毫米镜头，柔和的边缘光，辛烷值渲染， 虚幻引擎， 体积光照， 戏剧性光， 8k， 霓虹灯光线追踪， 路径追踪， 体积光， optix 电影后期处理， cinema4d， 辛烷值渲染， optix， 体积雾， 全局照明， 照片级真实感， 后期处理 Photoshop

Negative Prompt (option)

(worst quality, low quality, illustration, 3d, 2d, painting, cartoons, sketch),lowres,normal quality,worstquality,EasyNegative,FastNegativeV2,pubic hair,bad body,deformed,mutated,mutation,ugly,text,logo,poorly drawn hands,mutated hands and fingers,mutated hands,bad hands,malformed hands,too many fingers,missing fingers,fused fingers,extra legs,extra limb,extra arms,disconnected limbs,floating limbs,malformed limbs,missing limb,cross-eyed,bad feet,poorly drawn face,disfigured

Midjourney	Bing Image Creator	悠船 YouchuanAI	ideogram.ai

Dreamina	奇域 qiyu	通义万相 wanxiang	文心一格 yige

哩布(SD3)

Showcase with Prompt

• Civitai - No.1 AI Image Models Website
• 哩布 Liblib - No.1 AI Image Models Website in China
• Kalos Art lib - Your Ultimate AI Artistic Style Library
• Lexica - Search and Generate AI images
• Prompt Folder - Midjourney Prompt Generator
• Prompt Mania - AI art community with an online prompt builder
• Cat Journey - Amazing AI images and prompt

More AI Prompts Websites

• Prompt Hero - Maybe the biggest prompt website
• Prompt Base - Sell your prompts online
• Artiverse Hub - Free AI Art Prompt market is offering Multi-Platform ai prompts

More Prompts Online Tools

• Sex Prompts - A lot of pose keyword 🔞
• Clip Interrogator - a prompt engineering tool to optimize text prompts to match a given image
• CLIP Interrogator 2.1 - a other prompt engineering service site
• Image AI Description - a AI driven image description generator

More Resources

• Google Colab : CLIP Interrogator 2.1

iPhone

iPhone ScreenShots

all size are device with status bar

iPhone Devices

iPad

iPad ScreenShots

all size are device with status bar

iPad Devices

More Device

2024最全AppStore预览视频尺寸大全

The general iOS video guidelines include:

• 视频长度在 15 秒到 30 秒（minimum length of 15 seconds and max length of 30 seconds for a video）
• 文件大小最大 500 MB（video size up to 500 MB）
• 视频格式为 H.264 和 ProRes 422（Two accepted formats - H.264 and ProRes 422 (HQ only)）
• 后缀名支持.mov,.m4v,mp4（Supported extensions - .mov, .m4v, .mp4 for H.264 and .mov for ProRes 422）

iPhone

iPhone Preview Video

iPad, Mac, Apple TV

iPad Preview Video

Mac Preview Video

Apple TV Preview Video

参考网址

• Screenshot specifications

最后更新日期：2024年3月12日

How to Install and Run Stable Diffusion on Your M1 Macbook Pro using Core ML.

苹果的开源工具包

苹果开源了一个工具包 Core ML Stable Diffusion ，使用Core ML（苹果的机器学习模型）来实现AI作图，通过这个工具包实现在苹果芯片设备上运行 Stable Diffusion。

这个工具包包括：

python_coreml_stable_diffusion, a Python package for converting PyTorch models to Core ML format and performing image generation with Hugging Face diffusers in Python

StableDiffusion, a Swift package that developers can add to their Xcode projects as a dependency to deploy image generation capabilities in their apps. The Swift package relies on the Core ML model files generated by python_coreml_stable_diffusion

安装和准备工作

安装运行环境软件：

• Install Homebrew package manager
• Install Rust
• Install pyenv
• Install Anaconda
• Install Python3.8

创建 Python 运行期环境

创建运行期环境 coreml_stable_diffusion

 conda create -n coreml_stable_diffusion python=3.8 -y

切换启用运行期环境 coreml_stable_diffusion

conda activate coreml_stable_diffusion

下载软件包，安装依赖 Python 包

下载 GitHub 源码包，Core ML Stable Diffusion ，解压到本地文件夹，或使用 git 命令 Clone 项目。

进入指定路径

mkdir ~/Desktop/

Clone 克隆项目代码

git clone https://github.com/apple/ml-stable-diffusion.git

进入程序主路径

cd ml-stable-diffusion

安装依赖 Python 包

pip install -e .

命令行登录 HuggingFace

注册并取得 HuggingFace.co 的授权 API Token，我测试的 Readonly type，一切OK。

通过终端登录 HuggingFace

huggingface-cli login

输入申请的API Token

转换模型

创建文件夹 AI_MODELS

mkdir AI_MODELS

软件包使用的默认模型是 CompVis/Default Model is v1.4，下载并转化默认模型为苹果专用ML模型，存储在当前文件夹里的 AI_MODELS

python -m python_coreml_stable_diffusion.torch2coreml \
    --convert-unet  \
    --convert-text-encoder  \
    --convert-safety-checker  \
    -o ./AI_MODELS

其他模型可以在网站上查找，并复制模型的版本标识，如 CompVis/stable-diffusion-v1-5

python -m python_coreml_stable_diffusion.torch2coreml  \
    --convert-unet  \
    --convert-text-encoder  \
    --convert-safety-checker  \
    -o ./AI_MODELS \
    --model-version CompVis/stable-diffusion-v1-5

下载和转换时间较长，我的机器需要2、3个小时。

测试生成

创建文件夹 AI_IMAGES

mkdir AI_IMAGES

测试一下，见证奇迹的时刻

python -m python_coreml_stable_diffusion.pipeline \
          -i ./AI_MODELS \
          -o ./AI_IMAGES \
          --compute-unit CPU_AND_GPU \
          --seed 888 \
          --prompt "a man riding a horse on Mar."

生成时间较长，我的机器需要20分钟。如果有问题，可以使用参数 –compute-unit CPU_ONLY ，时间更长。

python -m python_coreml_stable_diffusion.pipeline \
          -i ./AI_MODELS \
          -o ./AI_IMAGES \
          --compute-unit CPU_ONLY \
          --seed 888 \
          --prompt "a man riding a horse on Mar."
          --negative-prompt "nsfw"

管理咒语（Prompt）

为了方便管理生成的图像和Prompt，我重写了生成的脚本，替换 pipeline.py 中的 get_image_path 过程，按日期存储相关的图像和脚本及Prompt

def get_image_path(args, **override_kwargs):
    """ mkdir output folder and encode metadata in the filename
    """
    x = datetime.datetime.now()

    out_folder = f"{override_kwargs.get('model_version', None) or args.model_version.replace('/', '__')}"
    out_folder = x.strftime("%Y") + x.strftime("%m") + x.strftime("%d") + "/" + out_folder
    out_folder = os.path.join(args.o, out_folder)
    os.makedirs(out_folder, exist_ok=True)

    out_fname = x.strftime("%Y") + x.strftime("%m") + x.strftime("%d") + "_" +  x.strftime("%H") +  x.strftime("%M") +  x.strftime("%S") +"_Seed_"
    out_fname += f"{override_kwargs.get('seed', None) or args.seed}"
    if args.scheduler is not None:
        out_fname += f"_customScheduler_{override_kwargs.get('scheduler', None) or args.scheduler}"
        out_fname += f"_numInferenceSteps{override_kwargs.get('num_inference_steps', None) or args.num_inference_steps}"


    out_path_png = os.path.join(out_folder, out_fname + ".png")
    out_path_text = os.path.join(out_folder, out_fname + ".txt")
    logger.info(f"Saving python script to {out_path_text}")
    py_script = f"python -m python_coreml_stable_diffusion.pipeline \\\n\
    -i ./ai_model \\\n\
    -o ./ai_image \\\n\
    --compute-unit {args.compute_unit} \\\n\
    --seed {args.seed} \\\n\
    --prompt \"{args.prompt}\" \\\n\
    --negative-prompt \"{args.negative_prompt}\" \\\n\
    --model-version {args.model_version}"
    file = open(out_path_text, 'w')
    file.write("python command:\n\n")
    file.write(py_script)
    file.write("\n\n")
    file.write("prompt:\n\n")
    file.write(args.prompt)
    file.write("\n\n")
    file.write("negative-prompt:\n\n")
    file.write(args.negative_prompt)
    file.write("\n\n")
    file.close()

    return out_path_png  

也可以在我克隆的项目里直接下载。

github.com/CheneyLin

我建了一个 Notion 模板来存储生成的图像和Prompt，方便使用。

AI-Image-Prompt-List

WebUI

Stable Diffusion webUI 需要 python 版本>=3.10

下载

Clone 克隆项目代码

git clone https://github.com/AUTOMATIC1111/stable-diffusion-webui.git

进入程序主路径

cd Stable-diffusion-webui

创建 Python 运行期环境

创建运行期环境 sd_webui

conda create -n sd_webui python=3.10 -y

切换启用运行期环境 sd_webui

conda activate sd_webui

下载模型文件

将下载好的模型文件（ Stable Diffusion models/checkpoints ）放到 stable-diffusion-webui/models/Stable-diffusion

常用模型下载地址：

• Stable DIffusion 1.4 (sd-v1-4.ckpt)
• Stable Diffusion 1.5 (v1-5-pruned-emaonly.ckpt)
• Stable Diffusion 1.5 Inpainting (sd-v1-5-inpainting.ckpt)

最新的大图模型（Stable Diffusion 2.0 and 2.1，支持768x768以上）：

• Stable Diffusion 2.0 (768-v-ema.ckpt)
• Stable Diffusion 2.1 (v2-1_768-ema-pruned.ckpt)

启动

首次启动会安装依赖软件，耐心等候

 ./webui.sh

然后会拉起浏览器访问 http://127.0.0.1:7860/

参考网址

• Core ML Stable Diffusion
• Stable Diffusion webUI
• Run Stable Diffusion locally on your M1 Macbook Pro.
• What is Stable Diffustion Seed

无论你的代码写得多好，它仍然看起来很乏味。仅仅因为有一行又一行的技术术语，并不意味着你不能美化它。

您需要的是一个代码片段图像生成器。这是一个非常聪明的工具，可以将代码片段（你知道，那些编程魔法的小片段）转换成引人注目的视觉效果。

这些图片有精致的字体、充满活力的亮点，甚至还有多变的背景。我们称之为代码艺术。

社交媒体有很多关于美学的内容。无论是旅行照片还是技术内容，其有吸引力的视觉呈现都很重要。

代码片段图像生成器可帮助您创建具有视觉吸引力且易于共享的代码图像，从而提高参与度和理解力。

下面是一些工具帮助你达到快速高效分享代码、甚至截图的目标。

代码截图在线工具

DevShots

DevShots.app 帮助开发者快速生成代码分享图片，基于浏览器的保存机制，可以方便地重复上次的配置。而且内置了众多社交媒体的模板和水印，非常适合为 Instagram、Facebook 和 Twitter 等社交媒体平台创建分享图片。

Carbon

包含在工具集中的

代码片断软件

参考网址

• 6 Awesome Tools
• Turn Code Snippets into Beautiful Images to Share on Social Media

Social Media Image Size Guide 2023

Facebook More

Instagram More

X(Twitter) More

Pinterest More

LinkedIn More

小红书 More

小红书常用的图片比例

小红书封面

小红书笔记的封面图片，有竖版封面和横版封面两种尺寸比例。

大多数情况下推荐大家使用竖版小红书封面，因为同等情况下竖版封面的显示面积比横版封面多数大约40%。

更多的展示面积以为着更高点关注度，为了让我们分享的小红书笔记被更多人关注，建议大家选择竖版格式的小红书封面。

小红书背景图

小红书背景图是小红书个人主页上半部分的背景图片，它的图片比例是5:4。

小红书背景图的左侧区域需要展示头像、昵称和个人数据，建议大家在设计背景图片时，将这个背景的视觉焦点放在居中/偏右侧的位置，以确保我们的背景内容不被遮挡。

小红书配图

和常规的内容分享平台不同，小红书笔记的内容配图都是顶置轮播滑动的形式进行展示。

为了确保版面的一致性，小红书提供了3种笔记配图的尺寸，分别是竖版（3:4）、方形(1:1)、横版(4:3)，并且整篇笔记只支持一种图片比例。

微博 More

微博常用的图片比例

微博主页封面图

主页封面图是微博个人主页的背景封图，它的尺寸是固定980像素*300像素，并且它不会根据浏览器的界面缩放进行图形缩放，这也意味着，主页封面图选定尺寸后，不管在什么显示环境下，它都是固定的视觉效果。

微博内容区域

微博的内容区域就是微博的主页封面图点开之后的完整效果，固定尺寸是980*900像素。和主页封面图相同，内容区域图片也是固定尺寸，不支持缩放显示。

微博长图

微博常见的内容长图，一般情况下大家保持980像素宽度，长度自定义即可。但想要追求更好的阅读效果，建议大家在设计微博长图时，选择980*900像素的图片格式。

微博头条封图

微博头条封图是微博文章专栏的封面图，它的尺寸也是固定为980*560像素。

转发微博头条文章时，头条封图的底部会自动添加文章标题，建议大家将封图的视觉中心放在中上部分，以避免底部标题遮挡。

微博焦点图

焦点图是微博企业用户（蓝V）专属的展示需求，可以自定义添加可跳转的URL链接。焦点图的推荐尺寸是560*260像素，支持JPG、PNG、GIF三种图片格式。

微信公众号 More

微信公众号常用的图片比例

微信公众号封面

微信公众号封面图片的裁剪比例是2.35:1，我们准备的公众号封面，只需要符合2.35:1的宽高比例，就可以避免裁剪完整显示图片内容。

微信公众号小图

公众号推送次头条使用的小图比例是1:1，我们在选择公众号小图时，只需要按照1:1的方形尺寸，就可以避免裁剪完美显示。

视频号封面

视频号封面设计有横版封面和竖版封面两种样式，横版封面的尺寸比例是16:9，竖版封面的尺寸比例是6:7，在对应的比例上制作的视屏号封面都可以完整显示。

公众号内容引导图

公众号内容引导图就是位于公众号标题下方、正文上方的欢迎头图，多用作品牌展示和邀请关注。内容引导图的推荐比例是9:5，大家也可以根据自己的内容需求，调整合适的显示比例。

公众号二维码名片

公众号二维码名片通常是放置在公众号底部的引导图片，有1:1和16:9两种样式。

参考网址

• Meta Ads Guide
• purple-photo.web.app
• social-media-image-sizes-2022
• Canvas 常用新媒体尺寸

最后更新日期：2023年8月22日

训练脑洞大开的创造力，让枯燥的成语学习变得有趣。一起来玩表情与想象力的碰撞，体验emoji的无限可能!

应用介绍

输入四个图标组合成一个成语，猜对答案即可过关！ 如果输入的图标完全正确，背景变绿！ 如果输入的图标是有效的，但是位置不对，背景变黄！ 如果输入的图标不是答案中的，背景变灰！ 最多猜8次，未猜中就失败重来了。

使用金币道具可以查看成语解释或查看答案！

疯狂填字独立开发者2022年心意之作，感谢支持！

应用截图

马上下载App

• 苹果商店下载 https://apps.apple.com/app/id535139765

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

A flip-clock that can turn on the pomodoro timer, weather broadcast and white noise.

Intro

Simple design super clock, and the custom functions are waiting for you to discover.

A flip-clock that can turn on the pomodoro timer, weather broadcast and white noise. Click on the blank space to bring up the menu.

• Added pomodoro timer function.
• Added 6 kinds of cute little animal animations for charging.
• Added more than ten kinds of background white noise.
• Screen rotation function, switching among automatic, locked portrait screen, and locked landscape screen.
• 24/12 timing function, switching between 24-hour system and 12-hour system.
• Weather information function, switching between displaying and hiding the weather information function.
• Date information function, switching between displaying and hiding the date information function.

Double-click the clock to switch between hour-minute and hour-minute-second modes.

Click the weather icon to update the latest real-time weather online.

Slide up and down on the left to adjust the brightness.

Slide up and down on the right to adjust the flip-page sound effect.

Plug in the charging and see if there is any change!

Screenshots

Download

• App Store https://apps.apple.com/app/id1529981662

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

环境：XCode 14.3.1，iPhoneXR iOS 16.5，POD 1.10.1

真机调试运行（Run）正常，发布打包（Archive）时提示出错:

Command PhaseScriptExecution failed with a nonzero exit code

或

file not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a

解决步骤

• 升级更新 Pods（Cocoapods）

 sudo gem install cocoapods

• 更新 Pods（Cocoapods） 配置的第三方程序包到最新版本

编辑XCode里的 Podfile 文件，确保支持的iOS版本改为11.0

platform :ios, '11.0'

打开终端，在XCode项目的根文件夹下，执行更新

pod update

如果有问题，可以先删除Podfile里的list，升级一次包，再改回去，重新升级安装一次包

• 更新 Pods Targets的编译配置

编辑 Pods 包各个编译目标（Targets） 的 General 的 Minimum Deployments 配置

将iOS的版本改为 11.0

iOS中的 Game Center 是Apple提供的游戏中心服务,它具有以下核心功能:

1. 玩家账号系统 - 提供玩家帐号系统,可以在不同游戏中使用统一的Game Center账号。
2. 成就与排行榜 - 可以设置游戏内的成就系统,以及查看不同游戏的排行榜。
3. 多人对战 - 支持通过WiFi或蓝牙进行的多人实时对战游戏。
4. 社交功能 - 玩家可以在Game Center看到好友的游戏动态,还可以添加好友等。
5. 云存储 - 提供基于iCloud的云存储功能,可以在不同设备上同步游戏进度。
6. 登陆认证 - 提供了统一的Game Center登陆认证系统。

总之，Game Center为iOS游戏提供了丰富的社交、竞技功能，是游戏开发者可以直接集成使用的强大服务。它极大地丰富了iOS游戏的功能和体验。

二、iOS14升级

iOS14起，GameCenter升级了一些重要的代码，以积分榜为例：

旧代码，objective-c

#import "AppBasePageGame+GameCenter.h"
#import <GameKit/GameKit.h>

@implementation AppBasePageGame(GameCenter)

#pragma mark - GameCenter

//登录GameCenter：
-(void)goAuthenticate
{
    void (^authenticateHandler)(UIViewController *viewController, NSError *error) = ^(UIViewController *viewController, NSError *error) {
        if (viewController) {
            // 需要展示登录界面
            [self presentViewController:viewController animated:YES completion:nil];
        } else if (error) {
            // 验证错误
            NSLog(@"Authentication failed: %@", error.localizedDescription);
        } else {
            // 验证成功
            NSLog(@"Authentication succeeded");
        }
    };

    [[GKLocalPlayer localPlayer] setAuthenticateHandler:authenticateHandler];
}

//显示排行榜：
-(void)goShowTop
{

    if ([GKLocalPlayer localPlayer].isAuthenticated == NO) {
        NSLog(@"没有授权，无法获取展示中心");
        return;
    }

    GKGameCenterViewController *GCVC = [GKGameCenterViewController new];
    //跳转指定的排行榜中
    [GCVC setLeaderboardIdentifier:CONFIG_GAMECENTER_LEADERBOARD];
    //跳转到那个时间段
    NSString *type = @"all";
    if ([type isEqualToString:@"today"]) {
        [GCVC setLeaderboardTimeScope:GKLeaderboardTimeScopeToday];
    }else if([type isEqualToString:@"week"]){
        [GCVC setLeaderboardTimeScope:GKLeaderboardTimeScopeWeek];
    }else if ([type isEqualToString:@"all"]){
        [GCVC setLeaderboardTimeScope:GKLeaderboardTimeScopeAllTime];
    }
    GCVC.gameCenterDelegate = self;
    [self presentViewController:GCVC animated:YES completion:nil];

}

//上传分数：
-(void)goSubmitScore
{
    if ([GKLocalPlayer localPlayer].isAuthenticated == NO) {
        NSLog(@"没有授权，无法获取展示中心");
        return;
    }
    NSInteger userStar = [FrameUser getStar]*100;
    GKScore *scoreBoard = [[GKScore alloc] initWithLeaderboardIdentifier:CONFIG_GAMECENTER_LEADERBOARD];
    scoreBoard.value = userStar;
    [GKScore reportScores:@[scoreBoard] withCompletionHandler:^(NSError *error) {
        if (error) {
            // handle error
        }
    }];


}

//实现代理：
//接受关闭回调，非常重要
#pragma mark -  GKGameCenterControllerDelegate
- (void)gameCenterViewControllerDidFinish:(GKGameCenterViewController *)gameCenterViewController{
    [gameCenterViewController dismissViewControllerAnimated:YES completion:nil];
}
@end

iOS14后的代码，swift

import UIKit
import SpriteKit
import GameplayKit
import AVFoundation
import GoogleMobileAds
import GameKit
import SwiftUI

class GameViewController_GameCenter: GameViewController, GKGameCenterControllerDelegate {

    public var thisLeaderboardID="com.gpwzw.appChineseWordCross2.Score"

    override func viewDidLoad() {
        super.viewDidLoad()
        self.goGameCenterAuthenticate()

    }

    //登录GameCenter：
    func goGameCenterAuthenticate(){

        GKLocalPlayer.local.authenticateHandler = { gcAuthVC, error in
            if GKLocalPlayer.local.isAuthenticated {
                print("Authenticated to Game Center!")
            } else if let vc = gcAuthVC {
                self.present(vc, animated: true)
            }
            else {
                print("Error authentication to GameCenter: " +
                      "\(error?.localizedDescription ?? "none")")
            }
        }
    }

    //显示排行榜：
    func showGameCenterLeaderboard(){
        if GKLocalPlayer.local.isAuthenticated {
            let gameCenterViewLeaderBoard = GKGameCenterViewController(leaderboardID: thisLeaderboardID, playerScope: GKLeaderboard.PlayerScope.global, timeScope: GKLeaderboard.TimeScope.today)
            gameCenterViewLeaderBoard.gameCenterDelegate = self;
            self.present(gameCenterViewLeaderBoard,animated: true);
        }
        else{
            //self.goGameCenterAuthenticate();
        }
    }

    //上传分数：
    func postGameCenterLeaderboardAsync(_ score: Int) async{

        if GKLocalPlayer.local.isAuthenticated {
            Task{
                try await GKLeaderboard.submitScore(
                    score,
                    context: 0,
                    player: GKLocalPlayer.local,
                    leaderboardIDs: [thisLeaderboardID]
                )
            }
            print("Score submitted")
        }
    }

    //上传分数：
    func postGameCenterLeaderboardAll() async{

        let intLastStage = appDelegate.gameConfig.getConfigNumber(CONFIG_LAST_STAGE)
        let intScore = intLastStage * 100

        if GKLocalPlayer.local.isAuthenticated {
            Task{
                try await GKLeaderboard.submitScore(
                    intScore,
                    context: 0,
                    player: GKLocalPlayer.local,
                    leaderboardIDs: [thisLeaderboardID]
                )
            }
            print("Score submitted")
        }
    }

    //实现代理：
    //接受关闭回调，非常重要
    func gameCenterViewControllerDidFinish(_ gameCenterViewController: GKGameCenterViewController) {
        print("game center did finish")
        gameCenterViewController.dismiss(animated: true)
    }
}

三、2023年8月16日新规

苹果邮件原文

Starting August 16, 2023, new apps and app updates that offer Game Center features need to include the Game Center entitlement and have Game Center features configured in App Store Connect before you can submit them to the App Store. Existing apps on the App Store are not affected by this new requirement.

We noticed that although the apps listed below have Game Center features configured in App Store Connect, their latest binary delivery doesn’t include the Game Center entitlement. In your next app update, please update your binary to include the entitlement.

Name: 疯狂填字
……

How to add the entitlement
If you’re automatically signing your app with Xcode and haven’t enabled the Game Center capability, enabling Game Center automatically adds the entitlement to the entitlement plist. If Game Center is already enabled in Xcode, and the com.apple.developer.game-center entitlement isn’t in the entitlements plist, remove and re-enable the Game Center capability.

If you’re manually signing your app, make sure the capability is enabled in Certificates, Identifiers & Profiles, generate a new profile, and add the com.apple.developer.game-center entitlement directly to your entitlements plist.

Learn more about diagnosing issues with entitlements to verify the entitlement is included in your app. If your app isn’t taking advantage of Game Center, you should remove the capability in Xcode and App Store Connect.

If you have any questions, contact us.

Apple Developer Relations

Xcode 编译时会提示：

Could not load services for GameKit. This likely means your game is missing the com.apple.developer.game-center entitlment.

这个简单，把以下内容加到 info 最后面即可

    <key>com.apple.developer.game-center</key>
    <true/>

如果递交审核时还是会提示：

你必须在 Xcode 中添加 com.apple.developer.game-center 密钥

or

Unable to Add for Review: You must add the com.apple.developer.game-center key in Xcode.

还需要在开发者后台配置 App ID，启用 Game Center

或在Xcode中增加能力

1. 找到你的Targets，切换到 Signing & Capabilities
2. 点击左上角的 + Capability
3. 搜索点击 Game Center

游戏引擎技术，体验更流畅，快来下载最新版本的疯狂填字！

应用介绍

2023最新版本，欢迎新老填友下载

疯狂填字是最早的在线中文填字游戏，现在你可以在手机上玩填字了，既打发了时间，又增长了知识！

上千关卡即将登场，你准备好挑战史上最疯狂的中文填字游戏了吗?

1、游戏开始选择【开始游戏】，消耗一颗心（生命值）进入游戏
2、进入关卡后，选中空的格子就会显示对应提示
3、点击下方字母按键输入首字母拼音
4、正确完成词条就会转换为汉字显示
5、错误就需要消耗一颗心（生命值）才能继续，没有生命值就结束了
6、完成当前关卡即可解锁下一关卡 7、正确填对的词条可以获得金币奖励，每十关还可以获得道具奖励 8、使用【放大镜】【大火箭】可以帮助过关

常见问题

问：怎么输入汉字？ 答：疯狂填字原创使用拼音首字母输入答题玩法，词条答对即可显示正确答案。比如万里长城，就需要输入WLCC即可答对。

问：原来的疯狂填字怎么没有了？ 答：虽然政策原因，疯狂填字老版不能在大陆地区销售。

欢迎关注新浪官方微博: @疯狂填字

欢迎关注官方微信公众号: 疯狂填字

官方网站 https://www.70apps.com/fktz/

资深填友请加官方QQ群：242914318

应用截图

马上下载

• 2023版苹果商店下载 https://apps.apple.com/app/id590999314

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

年度推荐成语消消乐

应用介绍

根据提示，按序选中汉字，完成任务即可过关！

挑战不可能的拼成语游戏，只有眼疾手快的你才能胜利！

每10小关一大关，可获得道具奖励！

1个生命值恢复需要10分钟，要珍惜哟！

使用道具快速过关：

• 火箭炸弹：消除最底部的一行字牌

• 月光宝盒：清空重新开始当前关卡

• 冻结时间：发牌间隔时间变慢一倍

• 寻字宝镜：标注当前答案的所有字

• 生命值：每次游戏会消耗1点生命值

疯狂填字独立开发者心意之作，感谢支持！

应用截图

马上下载

• 苹果商店下载 https://apps.apple.com/app/id1561993081

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

生成图像

去除水印

去除对象

矢量转换

最后更新日期：2024年4月18日

Slack已成为最流行的团队协作和沟通工具之一，我们可以在Slack中安装各种集成应用和机器人来扩展其功能。Claude是一款开源的AI助手，可直接在Slack中安装和使用。本文将介绍如何在Slack中安装Claude以及使用Claude来帮助提高团队效率和解决常见问题。

首先，我们需要访问Claude的Slack应用安装页面，网址为https://www.anthropic.com/claude-in-slack 。

在此页面上点击“Add to Slack”按钮即可开始安装流程。Slack会弹出确认窗口，点击“Authorize”授权Claude访问您的Slack团队和频道。

安装完成后，Claude将出现在Slack的应用目录中。我们可以通过点击左侧应用目录中的Claude头像开始使用Claude。此时Claude会发送一条欢迎消息，介绍其功能和命令。Claude支持通过 @Claude 加命令的方式来提问和交互。例如，我们可以 @Claude 加 help 命令来查看所有支持的命令；可以通过 @Claude 加 weather 城市名来查询某个城市的天气；可以@Claude加timer 30来设置一个30分钟的计时器。

Claude还支持更自然的语言理解，我们可以简单地@Claude后跟上我们的问题或请求，比如@Claude Do I need an umbrella today?或@Claude Please remind me to call John at 3pm。Claude会自动理解我们的意图并提供相应的回答和提醒帮助。

通过在Slack中安装和使用Claude，我们不但可以提高团队的工作效率，也可以解决许多日常琐事，特别是一些简单的信息查询、提醒或日程相关的任务。相比于人工处理这些日常问题，Claude可以提供即时和自动化的解决方案，节省大量时间和资源。说明Claude是一个在Slack中十分有用的工具与助手。

链接

• Slack:https://slack.com/
• Claude:https://www.anthropic.com/claude-in-slack

AI（GPT）应用网站

AI插件式应用

AI导航站

最后更新日期：2023年7月

支持iPhone、iPad、Android、PC（谷歌浏览器）的极简密码管理工具

谷歌浏览器插件

应用简介

超级密码App使用主密码和对应的网站或使用标识来实时生成密码，所有的密码都是实时计算生成，而且每个网站对应的密码都不相同，最大限度地防止了密码重复使用时造成的隐患。

所有密码没有存储在手机设备或服务器上，安全保护网络资产。

界面重新优化，极简交互体验，节省你的每一秒时间。

SuperGenPass是一个最先在Chrome浏览器上开发的一个开源插件，用于实现以上功能，本应用经原作者授权开发。

我们也开发了一个Chrome插件，请到Chrome插件市场下载，实现PC和手机上的方便操作。

感谢您下载使用本应用，请支持我们!

应用截图

马上下载App

• 苹果商店下载 https://apps.apple.com/app/id493455722
• 谷歌商店下载 https://play.google.com/store/apps/details?id=com.gpwzw.supergenpass
• 安卓本地下载 https://www.70apps.com/release/supergenpass/app-release.apk

谷歌浏览器插件应用截图

马上安装谷歌浏览器插件

• 谷歌插件商店下载

在 Product Hunt 上支持我们

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

连续更新十多年的中文填字游戏，超过500万人的填友力荐！

微信小程序 : 搜索 疯狂填字

应用介绍

疯狂填字是最早的在线中文填字游戏，现在你可以在手机上玩填字了，既打发了时间，又增长了知识！

四大题库，上千关卡，你准备好挑战史上最疯狂的中文填字游戏了吗?

• 简单填字游戏：小学生也能玩的中文填字
• 经典填字游戏：大学生也有难度的填字游戏
• 天天填字游戏：超多关卡的填字游戏
• 完美填字游戏：极致完美图形填字题目

1. 游戏一开始选择关卡或直接开始
2. 选中空的格子就会显示对应提示
3. 点击正方字母按键输入首字母拼音
4. 正确完成词条就会转换为汉字显示
5. 点击菜单按钮弹出更多功能菜单
6. 累计3星即可解锁下一题
7. 完成成就可以领取金币
8. 购买答案后可以双击或通过按钮查看答案

常见问题

• 问：怎么输入汉字？
• 答：疯狂填字原创使用拼音首字母输入答题玩法，词条答对即可显示正确答案。

• 问：为什么我没有看到四个题库？
• 答：题库经常更新，所以需要联网下载，下载后左右滑屏即可查看所有题库。

关注我们

欢迎关注新浪官方微博：@疯狂填字

欢迎关注新浪官方微信公众号：疯狂填字

官方网站：https://www.70apps.com/fktz/

应用截图

马上下载App

• 苹果商店下载(非中国区帐号)http://apps.apple.com/app/id516491385
• 谷歌商店下载https://play.google.com/store/apps/details?id=com.gpwzw.appchinesewordcross
• 安卓本地下载https://www.70apps.com/release/fktz/app-google-release.apk

微信小程序 : 搜索 疯狂填字

全部应用

• 
  LockLive
• 
  图标猜成语
• 
  新疯狂填字
• 
  超级时钟
• 
  疯狂成语
• 
  疯狂填字
• 
  超级密码

参考官方增强样式的使用方法：

Syntax highlighting

Themes should support Jekyll’s syntax highlighting by sourcing a Rouge stylesheet, often as a Sass import. To generate a stylesheet, you can use the following command (choosing the Rouge theme that best suits your Jekyll theme):

rougify style base16.solarized.dark > _scss/rouge.scss

手工调整行号的表格样式

添加_sass/_syntax-highlighting-dark-fix.scss

.highlight table { margin:5px 0;border:0;background: linear-gradient(rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.1) 50%); background-size: 100% 40px;}
.highlight table td { padding:0 5px; border:0;}
.highlight table td.gl { width:0; text-align: right;border-right: 1px solid #ccc;}
.highlight table pre { padding: 0; margin: 0; border:0;padding-right: 2px;}
div.highlight, figure.highlight {background-color: transparent!important;}
pre.highlight, pre.highlight .w { color: #93a1a1; }
figure.highlight>pre { color: #93a1a1; background-color: #002b36;}

修改 css/main.scss

// Import partials from "sass_dir" (defaults to "_sass")
@import
        "base",
        "layout",
        "toc",
        "rouge",
        "syntax-highlighting-dark-fix"
;

post里添加代码就可以用，linenos可选

{% highlight css linenos %}
figure.highlight>pre {
  color: #93a1a1;
  background-color: #002b36;
}
{% endhighlight %}

或

~~~css linenos
figure.highlight>pre {
  color: #93a1a1;
  background-color: #002b36;
}
//~~~

效果

1
2
3
4
figure.highlight>pre {
  color: #93a1a1;
  background-color: #002b36;
}

也可以在线搜索可用的样式

访问Rouge Theme Preview Page

选择合适的样式抓包下载style.css

我用的是：

• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.solarized.dark.css //base16.solarized.dark

例子

Java

int total = 0;
for(int i = 0; i < list.length; i++)
{	total += list[i];
System.out.println( list[i] );
}
return total;

Scala

  def findNums(n: Int): Iterable[(Int, Int)] = {

    // a for comprehension using two generators
    for (i <- 1 until n;
         j <- 1 until (i-1);
         if isPrime(i + j)) yield (i, j)
  }

C++

#include <iostream>
using namespace std;

int main()
{    
    cout << "Size of char: " << sizeof(char) << " byte" << endl;
    cout << "Size of int: " << sizeof(int) << " bytes" << endl;
    cout << "Size of float: " << sizeof(float) << " bytes" << endl;
    cout << "Size of double: " << sizeof(double) << " bytes" << endl;

    return 0;
}

Python

1
2
3
4
5
6
7
8
9
10
11
12
13
~~~
# line comment
v = 1
s = "string"

for i in range(-10, 10):
    print(i + 1)

class LinkedList(object):
    def __init__(self, x):
        self.val = x
        self.next = None
~~~

找时候做一个web版本

• https://github.com/rouge-ruby/rouge/tree/master/lib/rouge/themes

引用

1. 增强样式官方指引
2. 语法高亮官方指引
3. Rouge Theme Preview Page
4. over 200 different languages

完整的Theme和css地址列表

• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.css //base16
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.dark.css //base16.dark
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.light.css //base16.light
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.monokai.css //base16.monokai
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.monokai.dark.css //base16.monokai.dark
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.monokai.light.css //base16.monokai.light
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.solarized.css //base16.solarized
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.solarized.dark.css //base16.solarized.dark
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-base16.solarized.light.css //base16.solarized.light
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-colorful.css //colorful
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-github.css //github
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-gruvbox.css //gruvbox
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-gruvbox.dark.css //gruvbox.dark
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-gruvbox.light.css //gruvbox.light
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-igorpro.css //igorpro
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-molokai.css //molokai
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-monokai.css //monokai
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-monokai.sublime.css //monokai.sublime
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-pastie.css //pastie
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-thankful_eyes.css //thankful_eyes
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-tulip.css //tulip
• https://spsarolkar.github.io/rouge-theme-preview/css/syntax-pastie.css //pastie

在网上搜索到一个解决方案，可以在GitHub Pages 下使用：

GitHub项目：Jekyll Pure Liquid Table of Contents

• 下载 toc.html 文件
• 放到 _includes 目录
• 在 _layouts 下用到的 html 里面，在 content 前面加上一行

{% include toc.html html=content %}

我的实践

下载 toc.html

我下载了最新版本的 toc.html https://github.com/allejo/jekyll-toc/releases/latest

复制一个模板

我的做法是新增一个模板，复制 _layouts/post.html 为 _layouts/post-toc.html

增加了两次，用于做移动的适配。

  <div class="toc">
    <div class="title">目录 Contents</div>
    <div class="content">{% include toc.html html=content %}</div>
  </div>
  <div class="toc-mobile">
      <nav class="title" onclick="javascript:document.getElementById('toc_mobile_content').classList.toggle('show');">目录 Contents</nav>
      <div class="content" id="toc_mobile_content" onclick="javascript:document.getElementById('toc_mobile_content').classList.toggle('show');">{% include toc.html html=content %}</div>
  </div>

调用模板

新增POST时，指定使用的layout模板

---
layout: post-toc
category : code
title: GitHub Pages + JEKYLL 支持页面内目录导航
description: 使用jekyll-toc定制页面内目录
---

可以在我网站上的这个页面看到这个目录的效果。如果需要可以来我的Github项目下载代码研究。

引用

1. linking to Jekyll Pure Liquid Table of Contents
2. linking to stackoverflow:jekyll-code-in-jekyll

以微信的包名com.tencent.mm为例

UA判断

• ua-parser-js //2021-10
• phonecheck //2021-4
• ua-device.js 是由Baidu WebFE(FEX)团队开发的一个用于解析UA来得到用户终端信息的JS框架。//2017
• http://www.webapps-online.com/online-tools/user-agent-strings

引用

1. linking to google play
2. linking to meizu market

2021年升级Mac M1了，Jekyll 又无法启动了。

$ jekyll server

解决

升级了一下Jekyll到4.2.1，新的安装命令：

$ gem install bundler jekyll
$ jekyll new my-awesome-site
$ cd my-awesome-site
$ bundle exec jekyll serve

先升级brew

$ brew update

安装脚本提示

You may want to add this to your PATH.

ruby is keg-only, which means it was not symlinked into /opt/homebrew,
because macOS already provides this software and installing another version in
parallel can cause all kinds of trouble.

If you need to have ruby first in your PATH, run:
  echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.zshrc

For compilers to find ruby you may need to set:
  export LDFLAGS="-L/opt/homebrew/opt/ruby/lib"
  export CPPFLAGS="-I/opt/homebrew/opt/ruby/include"

For pkg-config to find ruby you may need to set:
  export PKG_CONFIG_PATH="/opt/homebrew/opt/ruby/lib/pkgconfig"

重新安装最新版本ruby

$ brew install ruby

查询ruby版本还是老的

$ ruby -v
ruby 2.6.3p62 (2019-04-16 revision 67580) [universal.x86_64-darwin19]

MAC M1 环境下配置ruby运行路径

$ export PATH="/opt/homebrew/opt/ruby/bin:$PATH"

查询后是最新版本

$ ruby -v
ruby 3.0.2p107 (2021-07-07 revision 0db68f0233) [arm64-darwin20]

在新的ruby环境下重新安装

$ sudo gem install bundler jekyll

重新配置gem的Path

$ export PATH="/opt/homebrew/lib/ruby/gems/3.0.0/bin:$PATH"

再次查询就正确了

$ which jekyll                                           
/opt/homebrew/lib/ruby/gems/3.0.0/bin/jekyll

再次运行还是有问题，提示webrick错误 google一下，原来是jekyll默认少引用了一个包

$ bundle add webrick                              

把PATH参数加到 M1 默认终端配置文件 ~/.zshrc 中

$ sudo echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.zshrc
$ sudo echo 'export PATH="/opt/homebrew/lib/ruby/gems/3.0.0/bin:$PATH"' >> ~/.zshrc

验证一下 ~/.zshrc

$ vim ~/.zshrc

接下来就正常了。

$ jekyll serve
//or
$ jekyll server

1. Jekyll官网
2. load error:cannot load such file webrick

  // 使用 let 定义常量
  let double: Double = 2.0
  //doubel = 3.0 返回错误：不能修改常量的值
  let inferredDouble = 2.0 //通过显式赋值定义浮点数字类型

  // 使用 var 定义变量
  var mutableInt: Int = 1
  mutableInt = 2
  // 正确：可以修改变量的值

数字类型转换

  let integerValue = 8
  let doubleValue = 8.0
  // let sum = integerValue + doubleValue
  // 错误：类型不匹配

  // 使用强制类型转换来避免隐藏的类型转换错误
  let sum = Double(integerValue) + doubleValue
  // 正确：两个值是同一类型了

常用类型

字符串（Strings）

  // 使用字符串表达式来显式赋值定义变量或常量
  let helloWorld = "Hello, World!"

  // 使用多行字符串
  let helloWorldProgram = """
  A "Hello, World" program
  by Cheney Lin
  from China
  """

  // 空字符串
  let emptyString = "" // 使用字符串表达式
  let anotherEmptyString = String() //使用类初始化

  // 连接字符串
  var mutableString = "Swift"
  mutableString += " is awesome!"

  // 字符串插值
  print("The value is \(double)")
  // 字符串插值字符串
  print("This is my opinion: \(mutableString)")

元组（Tuples）

  //组合多个值的元组类型
  let httpError = (503, "Server Error")

  //赋值调用元组的值
  let (code, reason) = httpError
  //直接调用元组的值
  let codeByIndex = httpError.0
  let reasonByIndex = httpError.1
  //指定调用元组的值
  let (_, justTheReason) = httpError

可选预定义类型（Optionals）

  // 可选预定义的变量可以是空值（nil）
  var catchphrase: String? //默认为nil
  catchphrase = "Hey, what's up!"

  // 使用 ! 修饰符进行强制转换
  // 使用前需要保证变量有值，否则就异常错误了
  let count1: Int = catchphrase!.count

  // 使用 ? 修饰符调用变量，进行可选预定义绑定
  // 通过对赋值结果的判断来保证后续代码的正常执行
  if let count = catchphrase?.count {
    print(count)
  }

  // 使用空值合并运算符 ?? 设置一个默认值
  let count2: Int = catchphrase?.count ?? 0

  // 使用可选预定义类型链式取值
  // 如果原始值是nil，新变量的值也为nil
  let count3: Int? = catchphrase?.count

  // 强制解析可选预定义类型
  let forcedCatchphrase: String! = "Hey, what's up!"
  let implicitCatchphrase = forcedCatchphrase
  // 获取强制解析变量的值，就不需要加 !

集合类型：数组（Array）

  let immutableArray:[String]=["Alice", "Bob"]
  // 也可以显式定义字符串数组
  var mutableArray = ["Eve"，"Frank"]
  // 检测数组中的值
  let isEveThere = immutableArray.contains(“Eve")
  // 通过序号调用数组的值
  let name: String = immutableArray[0]

  // 更新数组中某项的值，注意别超过了数组项的总数
  mutableArray[1]="Bart"
  // immutableArray[1]="Bart"
  // 错误：数组常量的值不能被赋值
  mutableArray.append("Ellen") // 追加项
  // 指定位置插入值
  mutableArray.insert("Gemma",at:1)
  // 删除项
  let removederson = mutableArray.remove(at:1)

  // 数组常量（let collection）不能重新定义或对某一项进行赋值
  // 数组变量（var collection）可以重新定义或对某一项进行赋值
  mutableArray =["Ilary","David"]
  mutableArray[0]=“John"

集合类型：字典（Dictionary）

  // 通过键值对（key + value）管理数据
  let immutableDict: [String: String] = ["name": "Kirk", "rank": "captain"]
  // 也可以显式定义字典
  var mutableDict = ["name": "Kirk", "rank": "captain"]
  // 使用 key 调用字典的值，查找不到时返回nil
  let name2: String? = immutableDict["name"]
  // 更新字典的值
  mutableDict["name"] = "Janeway"
  // 增加新的值
  mutableDict["ship"] = "Voyager"
  // 删除值，查找不到时返回nil
  let rankWasRemoved: String? = mutableDict.removeValue(forKey: "rank")

集合类型：集合（Set）

  // 集合会自动忽略相同的值，所以下面的例子中 immutableSet 最后只会有两项值
  let immutableSet: Set = ["chocolate", "vanilla", "chocolate"]
  var mutableSet: Set = ["butterscotch", "strawberry"]
  // 测试集合是否包含某个值
  immutableSet.contains("chocolate")
  // 增加值
  mutableSet.insert("green tea")
  // 删除值，查找不到时返回nil
  let flavorWasRemoved: String? = mutableSet.remove("strawberry")

常用语法

流程：循环

  // 遍历列表或集合
  for item in listOrSet {
    print(item)
  }
  // 遍历字典对象
  for (key, value) in dictionary {
    print("\(key) = \(value)")
  }

  // 遍历指定范围
  // 封闭指定范围操作符（...）
  for i in 0...10 {
    print(i) //0 到 10
  }
  // 半开放指定范围操作符（..<）
  for i in 0..<10 {
    print(i) //0 到 9
  }
  // while 关键字，可能不执行
  var x = 0
  while x < 10 {
    x += 1
    print(x)
  }
  // repeate-while 关键字，至少执行一次
  repeat {
    x -= 1
    print(x)
  } while(x > 0)

流程：判断

  // 使用 if 关键字来选择不同分支语句
  let number = 88
  if (number <= 10) {
    // 如果 number 小于等于10，执行这里的代码
  }else if (number > 10 && number <100) {
    // 如果 number 大于10且小于100，执行这里的代码
  } else {
    //否则，执行这里的代码
  }

  // 三目操作符
  // 是否判断的简写
  let height = 100
  let isTall = height > 200 ? true : false

  // 使用 guard 关键字优化判断语句的效率
  for n in 1...30 {
    guard n % 2 ==0 else {
      continue
    }
    print("\(n) is even")
  }

  // 使用 switch 关键字选择多个分支语句
  let year = 2021
  switch year {
    case 2003, 2004:
      // year的值为2003或2004
      print("Panther or Tiger")
    case 2010:
      print("Lion")
    case 2012...2015:
      print("Mountain Lion trrough El Captain")
    default:
      print("Not ready!")
  }

函数（Function）

  // 返回值为空的函数（void）
  func sayHello() {
    print("Hello")
  }

  // 带参数的函数
  func sayHello(name: String) {
    print("Hello \(name)!")
  }

  // 带参数的函数，同时设置默认值
  func sayHello(name: String = "Cheney") {
    print("Hello \(name)!")
  }

  // 带多个参数的函数，同时设置默认值
  func sayHello(name: String = "Cheney", age: Int) {
    print("\(name) is \(age) years old!")
  }
  // 指定没有设置默认值的参数就可以调用函数
  sayHello(age: 35)

  // 带参数且指定返回值的函数
  func add(x: Int, y: Int) -> Int {
    return x + y
  }
  let value = add(x: 8, y: 10)

  // 只有一个表达式时，可以省略 return 关键字
  func multiply(x: Int, y: Int) -> Int {
    x * y
  }
  // 额外指定参数命名标签
  func add(x xVal: Int, y yVal: Int) -> Int {
    return xVal + yVal
  }
  // 参数的省略写法
  func add(_ x: Int, y: Int) -> Int {
    return x + y
  }
  let value = add(8, y: 10)

  // 把函数作为参数
  func doMath(operation: (Int, Int), a: Int, b: Int) -> Int {
    return operation(a, b)
  }

闭包（Closures）

  let adder: (Int, Int) -> Int = { (x, y) in x + y }

  // 在闭包中使用简写参数名
  let square: (Int) -> Int = { $0 * $0 }

  // 把闭包函数作为参数
  func addWithClosure  = doMath(operation: adder, a: Int, b: Int) -> Int {
    return operation(a, b)
  }

枚举（Enumerations）

 enum Taste {
   case sweet, sour, salty, bitter, umami
 }
 let vinegarTaste = Taste.sour

 // 遍历枚举
 enum Food: CaseIterable {
   case pasta, pizza, hamburger
 }
 for food in Food.allCases {
   print(foot)
 }
 // 遍历字符串
 enum Currency: String {
   case euro = "EUR"
   case dollar = "USD"
   case pound = "GBP"
 }
 // 输出枚举的原始值
 let euroSymbol = Currency.euro.rawValue
 print("The currency symbl for Euro is \(euroSymbol)")

 // 枚举的可赋值性
 enum Content {
   case empty
   case text(Strig)
   case number(Int)
 }
 // 使用 switch 处理可赋值枚举
 let content = Content.text("Hello")
 swithc content {
   case .empty:
     print("Value is empty")
   case .text(let value):
     print("Value is \(value)")
   case .number(_): //不调用时，可以省略
     print("Value is a number")
 }

结构（Structs）

  struct User {
    var name: String
    var age: Int = 40
  }
  // 完全显式初始化需要对全部属性赋值
  let john = User(name: "John", age: 35)

  // 有默认值的属性可以不显式赋值
  let dave = User(name: "Dave")

  // 使用结构属性的值
  print("\(john.name) is \(john.age) years old")

类

类（Classes）

  class Person {
    let name: String
    // 类初始化
    init(name: String) {
      self.name = name
    }

    // 使用 deinit 销毁类
    deinit {
      print("正在销毁")
    }

    var numberOfLaughs: Int = 0
    func laugh() {
      numberOfLaughs += 1
    }

    // 定义计算属性
    var isHappy: Bool {
      return numberOfLaughs > 0
    }
  }

  let devid = Person(name: "David")
  david.laugh()
  let happy = david.isHappy

类的继承（Inheritance）

  class Student: Persion {
    var numberOfExams: Int = 0
    //重写（override） isHappy方法的逻辑
    override var isHappy: Bool {
      numberOfLaughs > 0 && numberofExams >2
    }
  }

  let ray = Student(name: "Ray")
  ray.numberOfExams = 4
  ray.laugh()
  let happy = ray.isHappy

  // 使用关键字（final）预置定义子类，可以防止被继承
  final class Child: Person { }

类的指定初始化和快捷初始化（Designated & Convenience Initializers）

  // 一个类，至少需要一个设计模式初始器或可选的省略模式初始器
  class ModeOfTransportation {
    let name: String

    //设计模式初始器，提供 name 参数
    init(name: String) {
      self.name = name
    }
    //省略模式初始器
    convenience init() {
      self.init(name: "未注册")
    }
  }

  class Vehicle: ModeOfTransportation {
    let wheels: Int
    // 设计模式初始器，提供 name ， wheels 参数
    init(name: String, wheels: Int) {
      self.wheels = wheels
      //调用主类的设计模式初始器
      super.init(name: name)
    }
    //省略模式初始器
    override convenience init(name: Srting) {
      self.init(name: name, wheels: 4)
    }
  }

类的扩展（Extensions）

  // 扩展可以在已有的类（结构、枚举、协议）基础上增加功能
  extension String {
    var boolValue: Bool {
      if self == "1" {
        return true
      }
      return false
    }
  }
  let isTure = "0".boolValue

错误捕获

  // 预定义错误
  enum BeverageMachineError: Error {
    case invalidSelection
    case insufficientFunds
    case outOfStock
  }
  func selectBeverage(_ selection: Int) throws ->
  String {
    //业务逻辑写这里
    return "waiting for beverage..."
  }

  // 通过 do try catch 语句捕获错误
  let message: String
  do {
    message = try selectBeverage(20)
  } catch BeverageMachineError.invalidSelection {
    print("Invalid selection")
  } catch BeverageMachineError.insufficientFunds {
    print("Insufficient funds")
  } catch BeverageMachineError.outOfStock {
    print("Out of stock")
  } catch {
    print("Generic error")
  }

  // try? 出错时返回空值 nil
  let nillableMessage = try? selectBeverage(10)
  // try! 出错时返回实时错误（runtime error）
  let throwableMessage = try! selectBeverage(10)

Codable 协议

  import Foundation

  // Codable 其实是一个组合协议，由 Decodable 和 Encodable 两个协议组成
  struct UserInfo: Codable {
    let username: String
    let loginCount: Int
  }
  extension UserInfo: CustomStringConvertible {
    var description: String {
      return "\(username) 登录 \(loginCount) 次"
    }
  }
  let json = """
  {"username": "David", "loginCount": 2}
  """
  // 使用 JSONDecoder 来序列化JSON
  let decoder = JSONDecoder()

  // 字符串转化为数据对象
  let data = json.data(using: .utf8)!
  let userInfo = try! decoder.decode(UserInfo.self, from: data)
  print(userInfo)

  // 使用 Encodable 序列化结构对象
  let encode = JSONEncoder()
  let userInfoData = try! encoder.encode(userInfo)

  // 数据转字符串
  let jsonString = String(data: userInfoData, encoding: .utf8)
  print(jsonString)

组件的存取控制

  // 组件：可以是框架或应用，可以通过 import 导入在其他代码中使用的最小单元
  public class AccessLevelsShowcase {
    // 可以被调用方读取的公有变量或方法
    public var somePublicProperty = 0

    // 私有变量或方法
    var someInternalProperty = 0

    // 使用 fileprivate 关键字定义直接内部变量或方法，只能由定义组件的代码级别调用
    fileprivate func someFilePrivateMethod() {}

    // 私有变量或方法
    private func somePrivateMethod() {}
  }

翻译自：

• 《Swift 5.1 Cheat Sheet and Quick Reference》 by raywenderlish.com
• 英文版pdf
• Demo代码包

1. Core Data是iOS5之后才出现的一个数据持久化存储框架，它提供了对象-关系映射(ORM)的功能，即能够将对象转化成数据，也能够将保存在数据库中的数据还原成对象。
2. 虽然其底层也是由类似于SQL的技术来实现，但我们不需要编写任何SQL语句，有点像Java开发中的Hibernate持久化框架
3. Core Data数据最终的存储类型可以是：SQLite数据库，XML，二进制，内存里，或自定义数据类型。
4. 与SQLite区别：只能取出整个实体记录，然后分解，之后才能得到实体的某个属性。

二、Core Data的使用准备 - 数据模型和实体类的创建

1. 创建项目的时候，勾选“Use Core Data”。完毕后在 AppDelegate 中，会生成相关代码。
2. 打开项目中的 xcdatamodeld 文件，在右边的数据模型编辑器的底部工具栏点击 Add Entity 添加实体。 同时在属性栏中对实体命名进行修改，并在 Attribute 栏目中添加 id，userName，password ，age四个属性。
3. 点击下方的 Editor Style 按钮可以查看实体的关系图。
4. 自 iOS10 和 swift3 之后，访问 CoreData 的方法简洁了许多，我们不再需要手动新建对应于 entity 的 class。

三、Core Data的使用

1、首先在代码中引入CoreData库

import CoreData

2、插入（保存）数据操作

/// 添加数据
func addData()
{
    //获取管理的数据上下文 对象
    let app = UIApplication.shared.delegate as! AppDelegate
    let context = app.persistentContainer.viewContext

    //创建User对象
    let user = NSEntityDescription.insertNewObject(forEntityName: "User",
                                                   into: context) as! User

    //对象赋值
    user.id = 1
    user.userName = "hangge"
    user.password = "1234"

    //保存
    do {
        try context.save()
        print("保存成功！")
    } catch {
        fatalError("不能保存：\(error)")
    }
}

3、查询数据操作

/// 查询数据
func queryData()
{
    //获取管理的数据上下文 对象
    let app = UIApplication.shared.delegate as! AppDelegate
    let context = app.persistentContainer.viewContext

    //声明数据的请求
    let fetchRequest = NSFetchRequest<User>(entityName:"User")
    fetchRequest.fetchLimit = 10 //限定查询结果的数量
    fetchRequest.fetchOffset = 0 //查询的偏移量

    //设置查询条件
    let predicate = NSPredicate(format: "id= '1' ", "")
    fetchRequest.predicate = predicate

    //查询操作
    do {
        let fetchedObjects = try context.fetch(fetchRequest)

        //遍历查询的结果
        for info in fetchedObjects{
            print("id=\(info.id)")
            print("username=\(info.userName)")
            print("password=\(info.password)")
        }
    }
    catch {
        fatalError("不能保存：\(error)")
    }
}

4、修改数据操作

/// 修改数据操作
func modifyData()
{
    //获取管理的数据上下文 对象
    let app = UIApplication.shared.delegate as! AppDelegate
    let context = app.persistentContainer.viewContext

    //声明数据的请求
    let fetchRequest = NSFetchRequest<User>(entityName:"User")
    fetchRequest.fetchLimit = 10 //限定查询结果的数量
    fetchRequest.fetchOffset = 0 //查询的偏移量

    //设置查询条件
    let predicate = NSPredicate(format: "id= '1' ", "")
    fetchRequest.predicate = predicate

    //查询操作
    do {
        let fetchedObjects = try context.fetch(fetchRequest)

        //遍历查询的结果
        for info in fetchedObjects{
            //修改密码
            info.password = "abcd"
            //重新保存
            try context.save()
        }
    }
    catch {
        fatalError("不能保存：\(error)")
    }
}

5、删除数据操作

/// 删除数据操作
func deleteData()
{
    //获取管理的数据上下文 对象
    let app = UIApplication.shared.delegate as! AppDelegate
    let context = app.persistentContainer.viewContext

    //声明数据的请求
    let fetchRequest = NSFetchRequest<User>(entityName:"User")
    fetchRequest.fetchLimit = 10 //限定查询结果的数量
    fetchRequest.fetchOffset = 0 //查询的偏移量

    //设置查询条件
    let predicate = NSPredicate(format: "id= '1' ", "")
    fetchRequest.predicate = predicate

    //查询操作
    do {
        let fetchedObjects = try context.fetch(fetchRequest)

        //遍历查询的结果
        for info in fetchedObjects{
            //删除对象
            context.delete(info)
        }

        //重新保存-更新到数据库
        try! context.save()
    }
    catch {
        fatalError("不能保存：\(error)")
    }
}

不管怎么说，声音是游戏非常非常非常重要的部分，这是用户能否沉浸和体验你创造的游戏世界的关键。

一起来学习一下iOS播放音乐和音效的强大能力，顺便探索一下语音合成功能。

听起来还不错吧，让我们现在就开始！

使用 AVAudioPlayer 播放声音

问题

能不能在几分钟内就让我的游戏App开始播放一个声音文件？

答案

在iOS中最简单的声音播放解决方案就是使用 AVAudioPlayer ，这个功能包需要引入 AVFoundation 框架包。首先我们来引入 AVFoundation 框架包：

    import AVFoundation

提供一个可播放声音文件就可以创建一个 AVAudioPlayer 对象来播放声音。当然你可能需要提前缓存这个声音文件，以免你要播放的时间造成延迟。记住，通过 Bundle 类的方法： url(forResource:, withExtension:) 来存取你添加到XCode项目中的声音文件。

下面这个例子中， audioPlayer 是我们定义的 AVAudioPlayer 实例对象：

    guard let soundFileURL = Bundle.man.url(forResource: "TestSound",
        withExtension:"wav") else {
        print("URL Wrong")
        return
    }
    do {
        audioPlayer = try AVAudioPlayer(contentsOf: soundFileURL)
    } catch let error {
        print("Failed to load the sound: \(error)")
    }
    audioPlayer?.prepareToPlay()

使用下面的语句，开始播放吧：

    audioPlayer?.play()

如果需要循环播放，你可以设置实例对象的 numberOfLoops 属性，播放一次就停止，请设置为 0

    audioPlayer?.numberOfLoops = 0

播放两次就停止，请设置为 1

    audioPlayer?.numberOfLoops = 1

一直播放，除非用户来停止，请设置为 -1

    audioPlayer?.numberOfLoops = -1

默认情况下，AVAudioPlayer 实例对象只会播放一次。播放结束后，再次播放就会从来开始再播一次。通过 numberOfLoops 属性来控制播一次、播两次、一直播。

使用 pause 和 stop 方法来暂停和停止声音，注意 stop 方法会完全结束播放，并从缓存中清除声音资源。

    // To pause:
    audioPlayer?.pause()
    // To stop:
    audioPlayer?.stop()

如果要从头开始播放声音，可以设置 currentTime 属性，以秒为单位标识声音资源已经播放的时长，设置为 0 ，表示声音播放进度回到最开始的地方。

    audioPlayer?.currentTime = 0

你可以试试设置为其他数字，看看会不会跳转到其他进度来继续播放。

更多信息

AVAudioPlayer 需要使用实例对象，避免系统回收内存时，自动删除AVAudioPlayer对象。

你可以同时播放多个声音，但是你也得管理多个播放对对象，想轻松一点，可以找一些现成的第三方声音控制引擎代码包来帮你管理。

在你准备播放声音之前，你需要知道要播放的文件的地址，或是准备一个存储声音数据的数据对象。

AVAudioPlayer 支持很多声音格式，根据设备各有不同，iPhoneX 支持的格式有：

• AAC-LC
• HE-AAC
• HE-AAC v2
• Protected AAC
• MP3
• Linear PCM (.wav)
• Apple Lossless
• FLAC
• Dolby Digital (AC-3)
• Dolby Digital Plus (E-AC-3)
• Audible (formats 2, 3, 4, Audible Enhanced Audio, AAX, and AAX+)

.aac,.mp3,.wav是比较通用的声音文件格式。

下面的代码中，定义了项目文件中一个命名为 TestSound.wav 的声音文件，你可以修改成自己项目里的文件名。

过 Bundle 类的方法： url(forResource:, withExtension:) 来存取你添加到XCode项目中的声音文件。

下面这个例子中， audioPlayer 是我们定义的 AVAudioPlayer 实例对象：

    guard let soundFileURL = Bundle.man.url(forResource: "TestSound",
        withExtension:"wav") else {
        print("URL Wrong")
        return
    }

这个 soundFileURL 变量是一个 URL 对象，是我们给 AVAudioPlayer 对象找到要播放的声音文件的定位。

最后，AVAudioPlayer 对象需要手动缓存声音资源文件，否则播放时就会延迟，播放大尺寸声音资源文件时甚至会卡住。另外记住，缓存声音资源是很占内存的，如果你有很多大尺寸声音资源文件，需要额外考虑好内容的处理。

使用 AVAudioRecorder 录音

略

多个声音播放

问题

我有很多个声音播放对象，可不可以在可能的时间复用？

答案

创建一个管理器对象来管理多个 AVAudioPlayer 播放器对象。播放前，我们向管理器对象来请求一个 AVAudioPlayer 播放器对象，管理器对象自动返回一个没有在播放的播放器，如果没有，就创建一个并返回。

参考代码如下：

// An array of all players stored in the pool; not accessible
// outside this file
private var players : [AVAudioPlayer] = []

class AVAudioPlayerPool: NSObject {

    // Given the URL of a sound file, either create or reuse an audio player
    class func player(url : URL) -> AVAudioPlayer? {

        // Try and find a player that can be reused and is not playing
        let availablePlayers = players.filter { (player) -> Bool in
            return player.isPlaying == false && player.url == url
        }

        // If we found one, return it
        if let playerToUse = availablePlayers.first {
            print("Reusing player for \(url.lastPathComponent)")
            return playerToUse
        }

        // Didn't find one? Create a new one

        do {
            let newPlayer = try AVAudioPlayer(contentsOf: url)
            players.append(newPlayer)
            return newPlayer
        } catch let error {
            print("Couldn't load \(url.lastPathComponent): \(error)")
            return nil
        }


    }

}

使用的时候这样调用：

if let url = Bundle.main.url(forResource: "TestSound",
                           withExtension: "wav") {
    let player = AVAudioPlayerPool.player(url: url)
    player?.play()
}

更多信息

AVAudioPlayer 对象可以播放多次，但是不允许切换不同的声音资源。所以你要复用一个播放器对象，你只能播放同一个声音资源。你要播放另外的声音，就要一个新的播放器对象。

这也意味着 AVAudioPlayerPool 对象需要明确识别你要播放的声音资源。

我们创建的 AVAudioPlayerPool 对象需要实现：

1. 维护一个 AVAudioPlayer 对象的数组。
2. 请求播放器时，先检查有没有可用的对应URL的播放器对象，如果有就直接返回。
3. 如果没有合适的 AVAudioPlayer 对象，就需要新建一个播放器，并返回，播放结束，这个对象就可以被复用了。

多个声音文件的淡入淡出效果

略

语音合成

略

获取系统音乐APP的信息

略

监测系统音乐APP的曲目切换

略

控制音乐回放

略

用户选择曲目

略

与其他APP的声音功能协同

略

游戏音效最佳实践

略（保持你的游戏在无声状态下也能完美运行）

本文翻译自《iOS Swift Game Development Cookbook》第三版

https://www.oreilly.com/library/view/ios-swift-game/9781491999073/ch04.html

SWIFT编写和应用extension变得很简单。

直接在项目中增加UIColor+Extension.swift，就可以在其他文件中直接使用了。

例子：使用 #FFFFFF 或 #FFFFFFFF 来设置颜色值，快速与Web开发同步参数。

//
//  UIColor+Extension.swift
//  

import UIKit

extension UIColor {
    public convenience init?(hex: String) {
        let r, g, b, a: CGFloat

        if hex.hasPrefix("#") {
            let start = hex.index(hex.startIndex, offsetBy: 1)
            let hexColor = String(hex[start...])

            if hexColor.count == 8 {
                let scanner = Scanner(string: hexColor)
                var hexNumber: UInt64 = 0

                if scanner.scanHexInt64(&hexNumber) {
                    r = CGFloat((hexNumber & 0xff000000) >> 24) / 255
                    g = CGFloat((hexNumber & 0x00ff0000) >> 16) / 255
                    b = CGFloat((hexNumber & 0x0000ff00) >> 8) / 255
                    a = CGFloat(hexNumber & 0x000000ff) / 255

                    self.init(red: r, green: g, blue: b, alpha: a)
                    return
                }
            }

            if hexColor.count == 6 {
                let scanner = Scanner(string: hexColor)
                var hexNumber: UInt64 = 0

                if scanner.scanHexInt64(&hexNumber) {
                    r = CGFloat((hexNumber & 0xff0000) >> 16) / 255
                    g = CGFloat((hexNumber & 0x00ff00) >> 8) / 255
                    b = CGFloat(hexNumber & 0x0000ff) / 255

                    self.init(red: r, green: g, blue: b, alpha: 255)
                    return
                }
            }
        }

        return nil
    }
}

调用举例：

 UIColoe.init(hex:"#FFFFFF")
 UIColoe.init(hex:"#00000088") // 88 表示透明度 alpha

引入

import SpriteKit
import GameplayKit

测试数据

项目文件管理

• 项目中的所有.swift文件都会被引入，不再需要在单个文件中用import引入
• 没有了宏定义 #define，直接用let定义即可

常用变量操作

var 和 let

• var 定义变量，可以在后面的代码中修改变量的值
• let 定义常量，值不能被修改
• 可以在一行中声明多个变量或常量，用逗号分隔

let myName : String = "Cheney Lin"
var userName : String = "Jack"

可选对象变量（Optional）

• 在定义对句变量时，在类型后加一个?表示可选对象变量（可为空的意思）
• 在定义对句变量时，在类型后加一个!用于明确赋值
• 在 Swift 中， nil 不是指针，他是值缺失的一种特殊类型，任何类型的可选项都可以设 置成 nil 而不仅仅是对象类型

var myName : String?
var myName : String? = nil

var myName : String! = "Cheney Lin"

使用可选对象变量时，有几种方式：

• 正常使用：在变量后面加一个?，需要进一步处理或函数调用
• 强制使用：在变量后面加一个!，一般用于明确之前代码已经赋值的情况下使用
• 默认值使用：在变量后面加个 ?? (nil合并运算符)，用于给出默认值
• 引用使用：新建一个变量，引用要处理的变量，用IF语句来做控制逻辑

 NSLog(%@,myName!)

 NSLog(%@,myName??"Cheney Lin")

if let newName = myName?
{
    NSLog(%@,newName)
}

字符串处理

基本操作

• 定义字符串，用双引号”Cheney Lin”，不需要前面加@
• 用+连接字符串即可合并字符串
• 用String.init(value:Int64)即可将数字转换为字符串
• 用isEmpty判断空字符串
• 多行字符串是用三个双引号引起来的一系列字符

let memo:String = """Hello World,\n
I am Cheney Lin."""

• Swift 用字符串插值（string interpolation）的方式把常量名或者变量名当做占位符加入到长字符串中，Swift 会用当前常量或变量的值替换这些占位符。将常量或变量名放入圆括号中，并在开括号前使用反斜杠将其转义：

print("myName的值为:\(myName)") // myName的值为:Cheney Lin

遍历字符

for-in 循环遍历 String 中的每一个独立的 Character

func isIncludeChineseIn(string: String) -> Bool
{
    for value in string
    {
        if ("\u{4E00}" <= value  && value <= "\u{9FA5}") {
            return true
        }
    }
    return false
}

字符串-访问和修改

字符串索引

• 每一个 String 值都有相关的索引类型， String.Index，它相当于每个 Character 在字符串中的位置
• startIndex 属性来访问 String 中第一个 Character 的位置。
• endIndex 属性就是 String中最后一个 字符后的位置
• endIndex 属性并不是字符串下标脚本的合法实际参数 如果 String 为空，则 startIndex 与 endIndex 相等
• 使用 index(before:) 和 index(after:) 方法来访问给定索引的前后
• 要访问给定索引更远的索引，你可以使用 index(_:offsetBy:)
• 使用 indices 属性来访问字符串中每个字符的索引

插入

• 插入字符，使用 insert(_:at:) 方法
• 插入另一个字符串的内容到特定的索引，使用 insert(contentsOf:at:) 方法

删除

• 移除字符，使用 remove(at:)方法
• 移除一小段特定范围的字符串，使用 removeSubrange(_:) 方法

字符串-子串和字符串比较

子字符串

• 使用下标或者类似 prefix(_:) 的方法得到的子字符串是
• Substring 类型 Substring 拥有 String 的大部分方法
• Substring 可以转成 String 类型
• 子字符串重用一部分原字符串的内存
• 修改字符串或者子字符串之前都不需要花费拷贝内存的代价
• String 和 Substring 都遵循 StringProtocol 协议，也就是说它基本上能很方便地兼容所有 接受 StringProtocol 值的字符串操作函数

字符串比较

• 字符串和字符相等性(==和!=)
• 前缀相等性 hasPrefix(_:)
• 后缀相等性 hasSuffix(_:)

本地存储 UserDefaults

UserDefaults可用于存储一些设置参数，不建议存储复杂的数据结构。

struct defaultsKeys {
    static let key1 = "key1"
    static let key2 = "key2"
    static let key3 = "key3"
}

let defaults = UserDefaults.standard

// 写入
defaults.setValue("Some String Value", forKey: defaultsKeys.key1)
defaults.setValue(100.0, forKey: defaultsKeys.key2)
defaults.setValue(true, forKey: defaultsKeys.key3)


// 读取
if let value1 = defaults.string(forKey: defaultsKeys.key1) {
    print(value1)
}

let value2 = defaults.float(forKey: defaultsKeys.key2)
print(value2)

let value3 = defaults.bool(forKey: defaultsKeys.key3)
print(value3)

• macOS Catalina 10.15.4
• Python 2.7
• Chrome 浏览器
• CURL转代码：https://curl.trillworks.com/

操作

取得M3U8

通过 Chrome 浏览器 模拟手机访问视频网站

进入network页，过滤m3u8或直接过滤ts

取得CURL脚本

右键点击TS文件请求项，选择菜单中的 Copy as cURL

转换CURL代码

进入 https://curl.trillworks.com/，将复制的CURL脚本粘贴在左边

Python核心代码

#!/usr/bin/python3
import requests

def downloadTSbyID( id ):
    headers = {
        'Connection': 'keep-alive',
        'Pragma': 'no-cache',
        'Cache-Control': 'no-cache',
        'User-Agent': 'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1',
        'Accept': '*/*',
        'Origin': 'https://***.com',
        'Sec-Fetch-Site': 'cross-site',
        'Sec-Fetch-Mode': 'cors',
        'Sec-Fetch-Dest': 'empty',
        'Referer': 'https://***.com/m/?group=54',
        'Accept-Language': 'zh,zh-CN;q=0.9,en;q=0.8,zh-TW;q=0.7',
    }

    response = requests.get('https://*.com/aOzZnTwQWdF/000'+id+'.ts', headers=headers)
    ts = response.content
    with open(id+'.ts','wb') as data_file:
        data_file.write(ts)
    return id;

i = 0
cmdcombine = 'cat '
while i <= 99:
    s = "%03d" % i
    print(downloadTSbyID(s))
    cmdcombine = cmdcombine + s + '.ts '
    i=i+1
cmdcombine = cmdcombine + ' > combin.mpg'
print(cmdcombine)

• TS文件没有规律的话，需要处理M3U8，此处略
• 下载的TS文件需要根据M3U8的顺序排序，合并时需要排序，否则视频就乱了

合并TS文件

  cat 001.ts 002.ts > combin.mpg

复制打印出的脚本在终端里执行即可，TS本质是MPEGII文件，如果需要可以直接将.TS改为.mpg

### 网络资源

https://material.io/

### 欢迎关注

Instagram：@lincheney 绿洲（微博）：@风雨雷电堂

1. 在关于手机中确定手机型号是Le X620
2. 充电100%
3. 备份（懒得搞）
4. 启用开发者模式
5. 打开USE调试模式选项
6. 打开OEM刷机模式选项
7. 安装ADB（我是装了Android Studio)

安装 recovery-twrp

下载安装recovery-twrp-121117.img

可以在这里找找：https://twrp.me/devices/leecole2.html

1. 下载TWRP刷机服务软件
2. 关机，连接USB，长按音量下和开机键，进入刷机模式
3. 电脑打开终端，进入img所在路径（MAC）
4. 解锁，输入：$ fastboot oem unlock
5. 刷入软件包，输入：$ fastboot flash recovery recovery-twrp-121117.img
6. 提示finished. total time: 4.2s，表示OK
7. 长按关机
8. 长按音量上和开机键，进入TWRP

刷入ROM

1. 下载ROM
2. 在TWRP软件界面，调整为中文界面，选择清除，滑动按钮确认恢复出厂（双清）
3. 安装

下载的ROM

下载了很多，能用的就这个，指纹还不行：

• crDroidAndroid-7.1.2-20180113-le_x620-v3.8.4.zip
• 帖子：https://forum.xda-developers.com/le-2/development/rom-crdroidandroid-v3-8-4-t3753954
• ROM：https://androidfilehost.com/?fid=889964283620777919

还有一个能用指纹，用不了wifi：

• lineage-14.1-20190402-UNOFFICIAL-le_x620.zip

额外软件

Install SuperSU

ROOT工具

Google 套件

https://opengapps.org/

• Platform:ARM64
• Android:7.1
• Variant:pico

刷原版ROM，Android选6.0，下载下来应该是这样的

• open_gapps-arm64-6.0-pico-20200307.zip
• open_gapps-arm64-7.1-pico-20200307.zip

神秘问题

1. 刷机完成后进入初始设置，先跳过wifi，设置指纹，完成后再激活wifi
2. 找不到sim卡，基带版本未知，重启后，自动激活

参考资料

• XDA论坛：https://forum.xda-developers.com/le-2/development
• 基本概念： https://www.zhihu.com/question/21168134
• 刷机流程：
  • https://www.androidweblog.com/root-leeco-le-2-install-twrp-recovery/
  • https://impressivedroid.com/leeco-le-2-root-guide/
  • http://bbs.gfan.com/android-8358693-1-1.html