Medium Anchor: a must-have Chrome Extension for bloggers

Update 02/26/2018: Medium Anchor is now available on Google Web Store!
Update 02/27/2018: Version 1.2 was released and now works with WordPress! (Hummm… I may need to rename the extension! 😆)
Update 02/27/2018: I’ve launched a new and rebranded extension called Anchor Links. To avoid confusion, the former extension was removed from Google Web Store.

I love reading!

Almost every single day, I open Medium in my smartphone and read lots of amazing articles from authors and channels I follow and also articles recommended by Medium.

Two days ago, I’ve stumbled upon an article from freeCodeCamp with a hack on how to link to a specific paragraph in your Medium article.

In short, if you write a long article, the idea is that you could create a Table of Contents and use anchor links for each item to jump to its paragraph.

Although Quincy Larson’s hack works, it is not for everyone since you have to know at least the basics on how to use Chrome Dev Tools.

For coders like Quincy and me, it’s very easy. But not for ordinary writers.

I had just finished reading his post when I thought that would be amazing if I could do it with a single click.

Then, I opened Sublime Text and start coding.

In a couple of hours, I’ve released my first Chrome Extension: Medium Anchor.

Update: Due to lots of requests, I’ve launched a new and rebranded extension that now supports Medium and WordPress, called Anchor Links.

Table Of Contents (or see it in action)

  1. Installation Guide
  2. Usage
  3. Need help?
  4. Contribute
  5. Thank you!

Installation Guide

  1. Visit Anchor Links at Chrome Web Store
  2. Click on Add To Chrome button
  3. Click on Add Extension to install it.
Chrome Extension Installation Process

Usage

  1. Create a new post on Medium or WordPress (or edit an existing one)
  2. Double-click on any word in the text to highlight it
  3. Click on the extension button (the chain icon in the extension bar). The anchor will be automagically copied to your clipboard
  4. Highlight the text you want to convert into a link
  5. Click on the chain icon in the toolbar to hyperlink the selected text
  6. Paste the anchor text in the field and press Enter. It’s a # symbol followed by a hexadecimal string. For example: `#af0a` (Medium) or `#12385a5c`(WordPress)
  7. Voilà! You’ve created your first anchor link!

Pro Tip: You can also use it to create footnotes^1.

Usage Examples

How to Add Table of Contents to Medium Articles

Using Anchor Links to Add Table of Contents to Medium Articles

How to Add Footnotes to Medium Articles

Using Anchor Links to Add Footnotes to Medium Articles

Need help?

If you have any issues or want to give feedback, just leave a comment on this post.

Contribute

This extension open-source. Feel free to submit pull requests and help make it better.

Thank you!

First and foremost, I’d like to thank Quincy Larson for the feedbacks. The first version didn’t copy to clipboard automatically. He asked for this feature that made this extension even better and easier to use.

I’d also thank the people who left comments in his post. This one helped me to improve the extension and make it works on both desktop and Medium mobile app.

Love it? Leave an applause! 👏

[1] This is a footnote to show you it works 😘. Click to go back.