https://image.wenhaofree.com/2025/06/84543499c9e27ad5d0ed475431ca9953.png

next js之入门教程

项目创建:

安装配置:

我们建议使用 create-next-app创建新的 Next.js 应用程序,它会自动为你设置所有内容。创建项目,请运行:

npx create-next-app@latest
# or
yarn create next-app

如果你希望使用 TypeScript 开发项目,可以通过 --typescript 参数创建 TypeScript 项目:

next js之页面路由

定义路由

我们建议在继续之前阅读路由基础知识页面。

本页面将指导您如何在 Next.js 应用程序中定义和组织路由。

创建路由

Next.js 使用基于文件系统的路由器,其中使用文件夹来定义路由。

30条GPT-4V prompt

30条GPT-4V prompt

内容转自@hridoyreh的推

序号英文Prompt中文翻译
1Logo Design FeedbackLogo设计反馈
Analyze the uploaded logo design intended for a solopreneur’s personal brand. Provide feedback on color harmony, visual elements, and overall brand representation. Also, suggest potential improvements to make it more memorable and effective.分析为个体企业主的个人品牌设计的上传的Logo。提供关于颜色和谐、视觉元素和整体品牌代表性的反馈。同时,建议可能的改进,使其更加难忘和有效。
2Website Layout Analysis网站布局分析
Evaluate the visual layout of the solopreneur’s website screenshot provided. Point out design inconsistencies, user experience bottlenecks, and areas for visual enhancement. Provide a guided redesign strategy to improve overall website aesthetics and functionality.评估提供的个体企业主网站截图的视觉布局。指出设计上的不一致性、用户体验瓶颈和需要视觉增强的区域。提供一个指导性的重新设计策略,以提高整体网站的美观性和功能性。
3Product Packaging Review产品包装审查
Inspect the product packaging image submitted. Identify key visual elements, branding consistency, and appeal to the target audience. Offer insights into improving the packaging design for better market reception.检查提交的产品包装图像。识别关键视觉元素、品牌一致性和对目标受众的吸引力。提供改进包装设计以获得更好市场接受度的见解。
4Social Media Post Effectiveness社交媒体帖子效果分析
Analyze the provided solopreneur’s social media post image. Comment on visual engagement, content clarity, and alignment with brand voice. Propose optimization techniques to increase audience engagement and reach.分析提供的个体企业主的社交媒体帖子图像。评论视觉参与度、内容清晰度和与品牌声音的一致性。提议优化技巧以增加受众参与度和覆盖范围。
5Print Material Assessment印刷材料评估
Review the scanned business card and flyer designs. Comment on the choice of typography, color palette, and visual hierarchy. Advise on refining these print materials to ensure they leave a lasting impression.审查扫描的名片和传单设计。评论字体选择、色彩调色板和视觉层次结构。建议完善这些印刷材料,以确保它们留下深刻的印象。
6Product Image Enhancement产品图像增强
Examine the product photos provided. Recommend edits to enhance product visibility, background removal or adjustment, and lighting corrections. Offer tips for more professional product photography in the future.检查提供的产品照片。推荐编辑以增强产品可见度、背景移除或调整以及光线校正。为未来提供更专业的产品摄影技巧。
7Merchandise Design Feedback商品设计反馈
Evaluate the merchandise designs (e.g., T-shirts, mugs) shared. Assess visual appeal, print quality, and brand representation. Propose changes to elevate the merchandise’s market value and attractiveness.评估共享的商品设计(例如,T恤,马克杯)。评估视觉吸引力、印刷质量和品牌代表性。提议更改以提高商品的市场价值和吸引力。
8Infographic Analysis信息图分析
Inspect the solopreneur’s infographic image. Analyze information flow, visual coherence, and design simplicity. Suggest improvements to enhance readability and information retention.检查个体企业主的信息图像。分析信息流、视觉连贯性和设计简洁性。建议改进以增强可读性和信息保留。
9Video Thumbnail Effectiveness视频缩略图效果分析
Review the provided video thumbnail. Comment on visual elements, title readability, and click-through potential. Advise on design tweaks to maximize viewer engagement.审查提供的视频缩略图。评论视觉元素、标题的可读性和点击潜力。建议设计调整以最大化观众参与度。
10Event Poster Evaluation活动海报评估
Analyze the event poster shared. Assess visual hierarchy, call-to-action prominence, and event details clarity. Recommend design alterations to increase event attendance and interest.分析共享的活动海报。评估视觉层次、行动召唤的突出性和活动细节的清晰度。推荐设计修改以增加活动参与度和兴趣。
11Workspace Productivity Setup工作空间生产力设置
Examine the photo of the solopreneur’s workspace. Suggest ergonomic improvements, organization techniques, and aesthetic changes to foster a more productive and motivating work environment.检查个体企业主的工作空间的照片。建议人体工程学改进、组织技巧和美学变化,以培养更有生产力和激励的工作环境。
12Product Labeling Review产品标签审查
Inspect the product label design provided. Comment on legibility, ingredient presentation, and brand consistency. Offer insights into refining the label for better consumer understanding.检查提供的产品标签设计。评论可读性、成分展示和品牌一致性。提供改进标签以获得更好的消费者理解的见解。
13Ad Design Analysis广告设计分析
Evaluate the solopreneur’s advertisement image. Analyze visual appeal, message clarity, and audience targeting. Propose design modifications to optimize conversion rates and brand visibility.评估个体企业主的广告图像。分析视觉吸引力、信息清晰度和受众定位。提议设计修改以优化转化率和品牌可见度。
14Photography Portfolio Review摄影作品集审查
Review the set of photos from the solopreneur’s photography portfolio. Provide feedback on composition, lighting, and post-production. Advise on portfolio arrangement to attract more clientele.审查来自个体企业主摄影作品集的一组照片。提供关于构图、光线和后期制作的反馈。建议作品集的排列以吸引更多的客户。
15Instructional Graphic Assessment教学图形评估
Examine the instructional graphic or tutorial image shared. Comment on step clarity, visual guidance, and overall effectiveness. Recommend enhancements to ensure user understanding and engagement.检查共享的教学图形或教程图像。评论步骤的清晰度、视觉指导和整体有效性。推荐增强功能以确保用户理解和参与。
16E-book Cover Evaluation电子书封面评估
Analyze the e-book cover design provided. Assess title prominence, visual elements, and genre representation. Offer design suggestions to increase e-book downloads and interest.分析提供的电子书封面设计。评估标题的突出性、视觉元素和类型代表性。提供设计建议以增加电子书下载和兴趣。
17Blog Imagery Feedback博客图像反馈
Review the images used in the solopreneur’s blog post. Provide insights into image relevance, quality, and enhancement techniques to ensure better reader engagement and understanding.审查用于个体企业主博客帖子的图像。提供关于图像相关性、质量和增强技术的见解,以确保更好的读者参与度和理解。
18Online Course Thumbnail Analysis在线课程缩略图分析
Evaluate the thumbnail for the solopreneur’s online course. Comment on course topic clarity, visual engagement, and branding. Propose design tweaks to maximize student enrollments.评估个体企业主在线课程的缩略图。评论课程主题的清晰度、视觉参与度和品牌。提议设计调整以最大化学生注册。
19Podcast Cover Art Review播客封面艺术审查
Inspect the podcast cover art image shared. Analyze visual elements, podcast theme representation, and legibility. Recommend changes to boost listener attraction and brand consistency.检查共享的播客封面艺术图像。分析视觉元素、播客主题代表性和可读性。推荐更改以增强听众吸引力和品牌一致性。
20Email Header Evaluation电子邮件标题评估
Examine the email header design provided. Comment on visual appeal, call-to-action visibility, and message clarity. Advise on design adjustments to enhance email open rates and engagement.检查提供的电子邮件标题设计。评论视觉吸引力、行动召唤的可见性和信息清晰度。建议设计调整以增强电子邮件打开率和参与度。
21Mobile App UI Feedback移动应用UI反馈
Review the solopreneur’s mobile app UI screenshots. Provide feedback on user experience, visual design, and functionality. Suggest improvements to elevate user satisfaction and retention.审查个体企业主的移动应用UI截图。提供关于用户体验、视觉设计和功能的反馈。建议改进以提高用户满意度和保留率。
22Physical Storefront Analysis实体店面分析
Analyze the photo of the solopreneur’s physical storefront. Assess branding, window displays, and customer attraction. Offer insights for enhancing in-store traffic and brand recognition.分析个体企业主的实体店面的照片。评估品牌、橱窗展示和客户吸引力。提供增强店内流量和品牌识别的见解。
23Artwork Portfolio Review艺术作品集审查
Evaluate the set of artworks from the solopreneur’s art portfolio. Provide feedback on artistic techniques, theme coherence, and presentation. Advise on portfolio arrangement to garner more appreciation and sales.评估来自个体企业主艺术作品集的一组艺术品。提供关于艺术技巧、主题连贯性和展示的反馈。建议作品集的排列以获得更多的赞赏和销售。
24Recipe Presentation Analysis食谱展示分析
Inspect the photo of the solopreneur’s food dish or recipe presentation. Comment on visual appeal, plating techniques, and clarity. Recommend tweaks to boost recipe popularity and engagement.检查个体企业主的食物盘或食谱展示的照片。评论视觉吸引力、装盘技巧和清晰度。推荐调整以增强食谱的受欢迎度和参与度。
25Real Estate Photography Feedback房地产摄影反馈
Review the real estate photos provided by the solopreneur. Analyze property highlights, lighting, and angles. Suggest improvements for more captivating property listings and quicker sales.审查个体企业主提供的房地产照片。分析物业亮点、照明和角度。建议改进以获得更吸引人的物业列表和更快的销售。
26Fashion Lookbook Evaluation时尚画册评估
Examine the fashion lookbook images shared. Provide insights on outfit presentation, model poses, and brand style. Offer feedback to improve brand visibility and fashion sales.检查共享的时尚画册图像。提供关于服装展示、模特姿势和品牌风格的见解。提供反馈以提高品牌可见度和时尚销售。
27Travel Photography Assessment旅行摄影评估
Inspect the travel photos from the solopreneur’s travel blog. Comment on composition, destination highlights, and post-production. Recommend techniques to attract more blog readership and engagement.检查来自个体企业主旅行博客的旅行照片。评论构图、目的地亮点和后期制作。推荐技巧以吸引更多的博客读者和参与度。
28Digital Art Feedback数字艺术反馈
Evaluate the digital art pieces submitted. Analyze artistic techniques, theme representation, and visual appeal. Provide feedback for refining art skills and market reception.评估提交的数字艺术作品。分析艺术技巧、主题代表性和视觉吸引力。提供反馈以完善艺术技能和市场接受度。
29Craftwork Presentation Analysis手工艺品展示分析
Review the photos of the solopreneur’s craft items. Comment on craftsmanship, presentation, and market appeal. Advise on presentation techniques to boost sales and appreciation.审查个体企业主的手工艺品的照片。评论工艺、展示和市场吸引力。建议展示技巧以增加销售和赞赏。
30Workshop or Webinar Poster Feedback工作坊或网络研讨会海报反馈
Inspect the workshop or webinar poster shared. Assess visual hierarchy, event details clarity, and branding. Offer insights to increase event registrations and brand recognition.检查共享的工作坊或网络研讨会海报。评估视觉层次、活动细节的清晰度和品牌。提供增加活动注册和品牌识别的见解。

假期戒断

假期戒断

旅行是一场不同生活的全新开始,接触不同的人,经历不同的事情,收获不同的感受。

感受当地不同的人文景观,文化习俗,以及铺面的商业气息店铺。

不同的是,全身心的投入新的旅程中,相当是一次沉浸式的角色扮演,玩过剧本杀的应该都知道。

川西旅行日记

国庆假期流水账:

五色海
  1. 09-24:成都集合出发,当天达到康定,红海子,斯丁措,鱼子西,日照金山,入住酒店“天空之境酒店” 新都桥

  2. 09-25:康定出发抵达甘孜,天路十八弯,卡子拉山(4718),稻城县

基于Notion的知识库架构 - 少数派

https://sspai.com/post/69099

https://prod-files-secure.s3.us-west-2.amazonaws.com/b0012720-ccd1-41ef-9ca9-02f55a45f30f/7b9a871c-7efd-448f-8700-41522ea208c6/a598a3c1e3acac8015115460db96a71e.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20231125%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20231125T072119Z&X-Amz-Expires=3600&X-Amz-Signature=ad2bfd8aaacdbfca522bc13a9f350a2833cf5e5d859dca0d1e6daf5c227a6976&X-Amz-SignedHeaders=host&x-id=GetObject

简介

完全掌握一个领域的知识和技能是非常不容易的一件事, 在学习新的知识的同时保证旧的知识不被遗忘对大多数人来说是不可能, 因此我们设想构建一个外部知识库来充当体外大脑以保证及时的回忆起部分知识. 一个简单有效的知识库构建方法是记笔记, 但是传统的笔记管理结构(树形结构)往往很难组织大量的知识点, 本文提出了多维视角,双向,标签化的树状笔记管理结构, 并依托 Notion 对此结构进行实践, 构建了一个智能系统知识库. 这个结构可以帮助我们高效快速的知识库. 关键字: 块级笔记, 知识库, 多维视角, 双向链接, 标签化管理, 树状结构 为了创建这个知识库, 我自己构建了一套知识库的管理结构, 这篇文章主要就是介绍这个知识库结构的, 其实和Notion没多大关系,内容有些啰嗦, 因为我想尽量把自己的想法写的清楚一些, 不喜欢读长文的可以直接跳到总结看一眼思路。有一点想特别提醒大家构建笔记系统的关键不是工具,而是结构, 有了合适的结构可以使用任何工具实现, 切勿被动的迎合某一款软件或工具, 关键是在一套理论的指导下结合工具进行实施, 达到目的.

境外收付工具lemonsqueezy使用指南 - 掘金

https://juejin.cn/post/7218916901593415736

为什么申请lemonsqueezy

💡 Tips:作为一个开发者可能涉及到软件产品出海,最终会涉及到境外收款的问题,目前主流的收款方式有Paypal、Stripe、 Paddle、lemonsqueezy 。以下是几个收款工具的区别。因为目前lemonsqueezy的审核还比较宽松,后续我们以lemonsqueezy为例展开介绍。