Download Perplexity Page as Markdown For Jekyll
Curated by
saiqulhaq
3 min read
36
Converting Perplexity's page into markdown text for reposting on a Jekyll website or any markdown-based blog can be streamlined using a mix of CSS styling and JavaScript. This method ensures that external links are automatically formatted into superscript numbers enclosed in square brackets, resembling traditional academic citations. By leveraging these tools, you can maintain a clean and professional appearance for references while ensuring compatibility with markdown-based platforms like Jekyll.

Save my Chatbot Extension

"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.
github.com favicon
chrome-stats.com favicon
reddit.com favicon
3 sources

Custom Sources Plugin

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.

Styling the references

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.

See the Result

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.
Related
What are the steps to customize the UI of a Perplexity page
How can I ensure my Perplexity page links are properly formatted
What are the best practices for importing large databases into MySQL
How do I troubleshoot common issues when importing a MySQL database
Can I automate the process of importing a large MySQL database
Keep Reading
Top ChatGPT Plugins
Top ChatGPT Plugins
GPT plugins are extensions that enhance the capabilities of GPT language models, enabling them to access external data, perform computations, and interact with users in new ways. As the ecosystem of GPT plugins continues to grow, several standout options have emerged that unlock powerful new use cases for these AI systems.
19,801
Perplexity Pages
Perplexity Pages
Perplexity AI has launched an innovative new feature called Perplexity Pages, which enables users to effortlessly transform their searches into visually stunning, shareable web pages. This powerful tool streamlines the creation of in-depth articles, reports, and guides by combining AI-generated content with customizable sections and multimedia integration.
21,696
Home
Discover
Home
Discover