paint-brush
最后!您可以使用 AImarkdown 脚本对 ChatGPT 输出进行着色:具体方法如下经过@robmccormack
664 讀數
664 讀數

最后!您可以使用 AImarkdown 脚本对 ChatGPT 输出进行着色:具体方法如下

经过 Rob McCormack5m2024/03/20
Read on Terminal Reader

太長; 讀書

希望让您的 ChatGPT 对话更具视觉吸引力?本指南向您展示如何操作。了解简单的工具如何将普通的 ChatGPT 回复转换为充满活力的格式化回复。
featured image - 最后!您可以使用 AImarkdown 脚本对 ChatGPT 输出进行着色:具体方法如下
Rob McCormack HackerNoon profile picture

需要 ChatGPT 4。

由 AImarkdown 提供支持

介绍

希望让您的 ChatGPT 对话更具视觉吸引力?本指南向您展示如何操作。了解简单的工具如何将普通的 ChatGPT 回复转换为充满活力的格式化回复。


非常适合任何希望通过 ChatGPT 让信息脱颖而出或增强应用程序开发的人。


尽管 ChatGPT 缺乏对 Markdown 和颜色的原生支持,但还是有一个解决方法。许多人认为创建 ChatGPT 应用程序或使用 ChatGPT Builder 输出需要大量的努力和多年的软件开发经验。


AImarkdown 脚本改变了这一切,证明可以轻松增强交互的视觉吸引力。


让我们探索一些额外的工具,使丰富多彩的、格式化的 ChatGPT 响应成为可能。无论您是希望增强项目的开发人员,还是希望丰富 ChatGPT 体验的临时用户,这些工具都经过精心设计,易于访问且易于使用。

使用的工具

  1. AImarkdown 脚本:通过人类可理解的 YAML 和 Markdown 控制输出和交互。


  2. Placehold :简单、快速且免费的图像占位符服务。


  3. Fakeimg :生成带有 URL 的图像。选择尺寸、颜色,甚至文本。


  4. Shield.io :创建简洁、一致且清晰的图像徽章。

截屏

苹果手机截图

1.AImarkdown脚本

AImarkdown Script 是一种多功能语言,用于与 ChatGPT 等对话式 AI 平台创建动态交互。它使用户能够编写交互脚本、控制对话流程以及定制人工智能行为和响应。


对于程序员来说,它提供了脚本语言的灵活性;对于非程序员来说,它提供了一种用户友好的方式来定制和控制人工智能体验。由 Rob McCormack 开发- https://aimarkdown.org


笔记:

  1. AImarkdown 脚本可以简单地粘贴到任何 ChatGPT 4 或 ChatGPT Builder 会话中,AI 将按照说明进行操作。与 ChatGPT Builder 相同。


  2. 某些图像可能无法在 iPhone 应用程序上显示。但在桌面和移动设备上的浏览器中将显示图像。

2. 占位符

文档


代码

https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:16.936Z-d7kvk3alfpb2zmrgr4fgv9f9


Markdown 格式的图像

图像

3. 假图像

FakeImg 支持字体和透明度。


文档


代码

![image](https://fakeimg.pl/300x50/ff2233,60/f0ff00,128?text=Main%20Title&font=lobster&font_size=24)


Markdown 格式的图像

图像

参数解释:

FakeImg 的文档有点难以理解,因此这里是所使用参数的简要说明。


![image](https://fakeimg.pl/300x100/ff0000,128/0000ff,128?text=Rob%20McCormack&font=lobster&font_size=24)

  • 300x100 :指定生成图像的尺寸。在本例中,图像的宽度为 300 像素,高度为 100 像素。


  • ff0000,128 :定义背景颜色及其不透明度。 ff0000是红色的十六进制代码, 128将不透明度设置为 50%(范围为 0 到 255,其中 255 完全不透明)。


  • 0000ff,128 :设置文本颜色及其不透明度。 0000ff是蓝色的十六进制代码, 128表示文本不透明度为 50%。


  • text=Rob%20McCormack :此参数指定要在图像上显示的文本。 %20是 URL 编码的空格,因此图像上的文本将为“Rob McCormack”。


  • font=lobster :确定文本使用的字体。在本例中,选择的字体是“lobster”。


  • font_size=24 :设置字体大小。文本将使用 24 像素的字体大小显示。

4. 盾牌io

文档


代码注释:图像也可以是超链接的。

 https://placehold.co/300x40/ff0000/FFFFFF/png?text=Hello+World&font=roboto


Markdown 格式徽章

![image](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.648Z-ov4b34ogcyq4ggkcglua8m3z) 

图像

AImarkdown脚本安装注意事项

  1. ChatGPT 4 :将代码复制并粘贴到 ChatGPT 中。


  2. ChatGPT Builder :在Configuration|Instructions中,添加“ AI 按照这些说明进行操作: ”,然后复制并粘贴整个代码。


  3. 带有 API 操作的 ChatGPT Builder :设置操作并了解所需的 API 调用。

结论

通过将 AImarkdown 脚本集成到您的 ChatGPT 和 ChatGPT Builder 应用程序中,您已经解锁了新的自定义级别。添加颜色、格式和图像可以改变用户体验,提高可读性并使信息更易于理解。


这为更具吸引力和信息量的互动打开了大门!

下一步

  • 实验:探索添加更多事件和复杂的触发器来扩展项目的功能。


  • AImarkdown 社区:加入 AImarkdown 社区分享想法并向他人学习。访问网站https://aimarkdown.org


  • 共享您的项目:考虑使用可共享链接共享 ChatGPT 会话的工作版本。这样其他人就可以直接尝试了!

发表文章:延伸阅读


AImarkdown脚本代码

title: Colorizer for ChatGPT author: Rob McCormack # AI To Follow These Instructions and Guidance (version 2024.02.03) # Overview: Example of using color with AImarkdown Script # Document Structure: # - AImarkdown language is a combination of YAML and Markdown. https://aimarkdown.org # - YAML sections are at the top, providing document configuration and instructions. # - Comments (`#`) in YAML guide AI's approach to the document. # - Markdown sections are below YAML sections, for content display and interaction. # Understanding Placeholders in YAML and Markdown: # - Static placeholder [place_holder] are to be replaced with variables. # Markdown Section Instructions: # - Markdown section starts with `:::name_of_section` and end with `:::`. # - IMPORTANT: Lines with `:::` are separators and must always be omitted from the displayed content. # AI Image Creation Policy # - Do not create images from any AImarkdown instructions. # - Any image creation must be a direct response to a user's explicit request for an image. # Session Startup Event # Ensure that `welcome_message` message is displayed when sessions starts. # Display `welcome_message` message without additional elaboration. session_startup: action: display_welcome_message_and_trigger_color welcome_message: | Welcome to: **[title]** Use `/color` to try this out. topic_title: History of Canada topic_title_image: ![](https://placehold.co/600x100/222222/0093ff?font=playfair-display&text=History%20of%20Canada) # AI to generate an introduction to a topic topic_intro: AI to generate in point form, 3 short points about history of Canada. # Generate some random text for display in Markdown section lorem_ipsum_text: AI to generate 1 paragraph, about 80 words of Lorem ipsum text. # Display `color-document` Markdown section # AI to not elaborate or explain - just display `color-document` display_color-document: - Directly display 'color-document' section without adding any AI-generated introduction, explanation, or commentary. - Display all images in `[alt text](image_url)` Markdown syntax. - Replace all placeholders with values. - trigger: /color # Markdown section `color-document`. :::color-document ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:20.021Z-pmglc34kqqac5o33ves7ace8) [topic_title_image] - *[topic_title] by [author]* ![](https://img.shields.io/badge/A%20brief%20look%20at%20Canada's%20beginnings.-0d6efd) [topic_intro] --- ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.710Z-nipn5oo8qst5ch7ffyomrg42) --- ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:20.937Z-sqm9ahig4nas8ihhz3wbate7) |![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.562Z-e1qh17g63ncn7r0tgdzz9edc) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.443Z-e4lct363fq96kx9d5gc074h3) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.320Z-zeuamkaopcqw5emdgui26bkq) | | :--: | :--: | :--: | | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.766Z-diqzi1ckvbl7a93laju812or) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.714Z-r83k5dd8z2k39jm89ekiz4vw) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.626Z-r56andnccflarfr49k9va00m) | > Click to change color and animate Robot. > [![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.549Z-dkqrtjrf6sk5babkmxgnxdxg)](https://aimarkdown.org/i/robot-animated.gif) ### Lorem Ipsum [lorem_ipsum_text] --- ![](https://img.shields.io/badge/%F0%9F%8D%81Made%20in%20Canada%20-grey?style=flat-square)![Powered by AImarkdown](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.421Z-bwylfan7yqcdwvxtnz1a6mqr) :::

也发布在这里