"Save my Chatbot - AI Conversation Exporter" is a Chrome extension designed to simplify the process of saving conversations from various AI chatbots, including Perplexity, into markdown files12. This tool allows users to download their chat threads with a single click, preserving the content in a structured format ideal for offline storage, integration with note-taking apps, or sharing with others12.

Key features of the extension include:

• Support for multiple platforms: Claude, Perplexity, Phind, ChatGPT, and MaxAI-Google2

• Clean markdown formatting and structure2

• Retention of numbered sources in exported files2

• Customizable export options2

• Informative file headers and filenames, including date and URL2

• Indication of the chatbot response mode used (for Phind-Search and Perplexity)2

To use the extension, simply navigate to a supported chat page and click the extension icon. The conversation will be automatically downloaded as a formatted markdown file, ready for further processing or sharing12. This tool addresses the need for offline storage of AI-generated information and facilitates easy integration with knowledge management systems like Obsidian3.

To create a custom Jekyll plugin that enhances the appearance of the Sources section, we can leverage Jekyll's plugin system to generate a neatly formatted bibliography. This approach will help maintain consistency and improve the readability of your references. Here's how to implement a custom plugin for this purpose:

First, create a new Ruby file in your Jekyll project's _plugins directory, naming it sources_formatter.rb. In this file, you can use the plugin available at this GitHub link to simplify the process. The plugin utilizes details and summary HTML tags to compactly display the Sources section. It processes each post on your site by identifying and rewriting the Sources section into collapsible details, ensuring sources are presented as an ordered list with clickable links where applicable. This method saves space while maintaining accessibility and readability.

To effectively integrate this plugin, ensure your post content is split by a Sources marker. The plugin formats the sources into an HTML structure using the provided logic and appends the processed content back to the post. By following these steps and using the downloadable script, your Sources section will be both visually appealing and functional.

To identify and style numeric or short-label links as footnotes, you can use JavaScript and CSS. Copy the JavaScript code from here and the corresponding CSS from here. These resources provide a comprehensive solution to make reference links appear like footnotes.

The JavaScript runs when the DOM is fully loaded, selecting all external links and applying the footnote-link class to those with numeric content or labels of 1-2 characters in length. A regular expression ensures precise targeting of footnote-style references.

The techniques and tools discussed in the previous sections have been implemented to create a seamless integration of Perplexity content into a Jekyll-based website. Readers can see the practical application of these methods by visiting https://saiqulhaq.id/importing-huge-mysql-database. This page demonstrates how the custom Jekyll plugin, CSS styling, and JavaScript enhancements work together to transform a Perplexity page into a polished blog post.

On this example page, you'll notice:

• The sources are neatly formatted and collapsible, thanks to the custom Jekyll plugin.

• External links appear as superscript numbers in square brackets, mimicking academic citations.

• The overall layout and design maintain consistency with the rest of the Jekyll site while preserving the valuable content from Perplexity.

This implementation showcases the effectiveness of the described techniques in creating a professional-looking, markdown-compatible blog post from Perplexity content.