Pika Release Notes

Settings

This is just a quick update! All the meta settings you could edit for a post or page (like publish date or custom css) were previously found in a ••• menu in the top-right of the editor. You used to have to click that, and then select the setting you wanted to change, one-at-a-time.

Now all those options can be found with one-click of a new Settings button. This replaces that ••• menu entirely. The benefits here are (1) less clicks and (2) more discoverability.

A screenshot of Pika’s editor showing the new Settings button and panel

Happy blogging!

Table of Contents

• 1. A New Pika Variable
• 1. Why Table of Contents?
• 1. How Does It Work?
  • a. Step 1
  • b. Step 2
  • c. Step 3
• 1. In Conclusion

A New Pika Variable

Pika now supports a new Pika Variable : {{ table_of_contents }}

Simply add this to your post or page (not as inline code like we did here) and it should render exactly what you expect.

Why Table of Contents?

If you’re not sure why you’d use this, then you probably wouldn’t. Pika is home to all sorts of writers and writing — short-form, long-form, journaling, prose, poetry, news, photography, etc… it makes you wonder “What is a blog anyway?” 🤔

One form of writing on Pika we didn’t anticipate is wiki-style. Some Pika sites include guides to games, or a simple help center for software, or other long-form informational documentation with lots of headers. For these Pika Peeps, a TOC can often be extremely handy to their readers.

How Does It Work?

• Step 1
  Add {{ table_of_contents }} (not as inline code) to your post or page.

  Note: Whenever using a Pika Variable, it won’t work if its marked as code. We have to write it in inline code here in this announcement post so it won’t render 😅 Don’t do exactly what we did here.

• Step 2
  Save the post or page.

• Step 3
  When you view the post or page, Pika will output an ordered list with all the headers in said post or page, and links to those sections. We did that here at the top of this post, so you can see what it looks like up above.

In Conclusion

We only added headers to this post for fun to demonstrate the new variable. It honestly doesn’t need such a long announcement post. To the few writers that will use this variable, enjoy!

Apple Podcast Embed

Earlier this year Pika added easy automatic embed support for Spotify and Apple Music links. That included support for podcasts hosted on Spotify, but not Apple Podcasts, which is a different service than Apple Music. Today, we close that gap by adding embed support for Apple Podcasts!

Here’s one Barry recently enjoyed:

Like all Pika embeds, just copy→paste any Apple Podcast URL (e.g. https://podcasts.apple.com/us/podcast/dead-eyes/id1494539046 ) into the Pika editor and we’ll take care of the rest.

Tidal and Amazon Music Embeds

While services like Spotify and Apple Music dominate the music streaming landscape, there are many players out there. Lots of folks like Tidal for its sound quality and artist support. Many people have access to Amazon Music as part of their Prime accounts.

All of that is to say that it is high time for Pika to support Tidal and Amazon Music embeds!

Enjoy!

Loom Embed

Pika has added one more embed to the stable: Loom. Loom is one of the most widely used screen-recording platforms, making it a powerful option when it comes to instructional and educational content. We’ve even used it here at Pika to help show how to use our tags feature:

As is typical with Pika embeds, just copy the URL of your video (e.g. https://www.loom.com/share/364d4c5072e645e2863b100bc4ec45be ) and paste it into the Pika editor. We’ll take care of the rest.

SoundCloud and Mixcloud Embeds

We love to make it easy to take a multimedia link from the web and embed it into your Pika blog posts. While us internet veterans get the concept of sharing via embed code, most people online understand links and that’s about it. With Pika, we hope every person is able to write blog posts that share videos, music, and more in interesting and appealing ways.

The first of our new embed options is SoundCloud, a streaming service that has lots of music that can’t be found on, or doesn’t get surfaced by, any of the major music streaming platforms. It’s great for discovery!

And a second new embed option is Mixcloud. Mixcloud is an awesome streaming service for DJs to share their sets with the world. Here’s a great one from friend-of-Pika, DJ Deep Answer:

Apple Music Embed

I bet when some of you read about Pika’s new Spotify embed feature you were wondering if Apple Music would work as well? Sorry, it didn’t work…that is until it did! Apple Music embedding is now supported in Pika. Yay!

Once again, grab a link to an album, artist, song, or playlist that you wish to share, and paste it into Pika’s editor. 🎶 Rock out! 🎶

Spotify Embed

Pika has supported easy YouTube embedding from the beginning–simply paste a YouTube link and the magic happens. We recently added Vimeo embed, and now it’s time to get into the music with Spotify embedding.

It’s simple! Just grab the link to the album, artist, song, podcast, or playlist you wish to share, and paste it into Pika’s editor. 🎶 Ta-da! 🎶

It’s Friday. Time for you to share those weekend playlists!

Vimeo Embed

Since launch, Pika has supported automatic YouTube embedding. It’s time to add another automatic embed to the mix: Vimeo. Many folks prefer Vimeo for sharing their creations, and we’re happy that Pika now properly supports another option for video embeds!

In addition to sharing your own videos, Vimeo is a great place to discover short films, animation, and more. Just paste the Vimeo URL (e.g. https://vimeo.com/71474416 ) from your address bar into Pika. Explore, create, and share!

New feature: Add Custom CSS to a specific post or page

While our design philosophy for Pika is that you should be writing, not fiddling, we know the siren song of tinkering can be rather strong (yes, we hear it too).

Maybe you have a creative idea for a specific post or page and need some extra customization only there, but achieving that with Pika’s site-wide Custom CSS is a bit tedious. Well as of today you can now additionally add Custom CSS directly to a specific post and page:

You can see this new ability in action on this very post, where we have a unique background color, font, and cursor. If you leave this post, you’ll notice those styles aren’t anywhere else on this blog (notably, also not where this post is shown in a stream of posts — that can get a bit messy with variables).

We look forward to seeing what this unlocks for Pika’s advanced fiddlers!

The Pika newsletter beta has run for over six months and we’re ready to remove that beta flag. In those six months we’ve made all sorts of improvements based on your feedback (thank you!), our experience, and the discoveries that we made along the way. Most of these updates you can find in our Behind the Curtain series of posts, and we even brought newsletters into the Pika variable fold .

We’ve been really excited to send newsletters ourselves, both to send email updates for this here Pika announcement blog and to send out A Good Enough Newsletter . Those are also two good examples of different ways you might use the newsletter feature. For the Pika announcement blog, we’re using newsletters more like an email subscription to a blog. For the GE newsletter, we’re operating the account like a full-on dedicated newsletter service. Very cool!

One of the biggest improvements along the way was to completely overhaul the email delivery system for newsletters. We really dug in to understand more about email bounces, list poisoning, and credential-stuffing. We’ve built Pika to make sure our system responds to all of these situations correctly, thereby improving deliverability for all of you sending your newsletters.

Customers have sent out tens of thousands of emails via Pika. We really appreciate all of you who jumped in to try Pika’s take on a personal newsletter! We’ve built it to fit right in with the Pika you know and love–no tracking and no analytics.

Of course, there’s more to come. Just like the rest of Pika, we’ll never stop improving newsletters, so…

♛

KEEP

CALM

AND

NEWSLETTER

ON

Search in the Dashboard

Here’s a scenario: You’re pretty sure you blogged about [enter thing here] on Pika, but you can’t remember when, or what you titled the post… 🤔

Now you can simply 🔍 Search in the Dashboard for [enter thing here] !

For example, we added support for embedding mp3s a while back, but it didn’t get its own post, so finding the link to share with folks in support has been a bit of a pain for us. Not anymore — just click the magnifying glass:

For this Dashboard-specific search we took a simple approach: there’s no operators or partial-text support or anything like that. But you can search your posts and pages across title, body, and tags to find what you’re looking for, and it’s pretty performant. Happy hunting! 🕵️‍♀️

Pika Variables overview

Behind the scenes, our Pika variable processing got a much needed overhaul recently and now it is simpler to add features to this power-user Pika option. Let’s highlight how you can use Pika Variables to find posts without a certain quality.

Let’s say you have your blog layout set to List of titles, but sometimes you like to write an ephemeral micro post. You have these posts tagged “micro” and link the “micro” tag’s page in your site navigation. You then have a custom home page where you want to share your most recent micro post followed by some of your recent non-micro posts. Here’s how you’d do that with Pika variables, making use of the new without_tag option:

{{ post_in_stream tag: micro limit: 1 }}

Here are my 10 latest blog posts:

{{ posts without_tag: micro limit 10 }}

Using has_title

Let’s say instead of the above, you’ve developed a process where your “micro” posts are posts for which you don’t write a title, meaning all posts with titles are your longer blog posts. You can do the same thing as above, only this time using the has_title option:

{{ post_in_stream has_title: no limit: 1 }}

Here are my 10 latest blog posts:

{{ posts has_title: yes limit 10 }}

Excluding newsletters

Now let’s say that you send some, but not all, of your posts as a newsletter. Maybe you even wish to keep your newsletter and blog posts a little separate. With Pika variables, you can now choose to exclude newsletter posts in various locations. You could create a new landing page just for your newsletter using the sent_as_newsletter option:

Here's my newsletter archive:

{{ posts sent_as_newsletter: yes }}

And you could create a new blog landing page that includes all the posts that were not sent as a newsletter:

Here's my blog archive:

{{ posts sent_as_newsletter: no }}

Please note, these Pika variables allow you to create pages that show limited views of the posts you’ve added to your site, but they do not impact your site’s primary RSS feed. At this time your feed will still include every post you publish, however it’s tagged, however it’s titled, and whether or not it is sent as a newsletter.

We’re very excited to see how you remix all of these options. Enjoy!

Writing posts

• Added Pika variable processing capabilities in about and custom footer text
• Added the ability to filter post-based Pika variables by the existence of a post title (see the docs)
• Removed the “Need inspiration?” prompt pop-up (you can still get a writing prompt from the ••• editor menu)
• Fixed issue with edited tag names not propagating to draft or scheduled posts
• Fixed issue where sometimes Pika’s editor would add a space to your writing where a space should not be
• Fixed issue where sometimes the Pika editor placeholder text would linger a bit too long

Viewing your site

• Added support for the new Plausible analytics script tag format
• Added support for NeatStats analytics
• Added support for Abstracts analytics
• Added an accessible “Skip to content” link for users of screen readers
• Improved support for right-to-left languages
• Zoomed images on mobile will now zoom to full width
• Fixed issue with newsletter markup in some email clients
• Fixed issue with alias URLs that contain query params

Misc & Maintenance

• Improved newsletter delivery pipeline, and added better reporting so we can keep an eye on our system health
• Hardened newsletter subscription forms against list-poisoning and credential-stuffing bots
• Added an icon to your dashboard so you know which posts were delivered as a newsletter to your subscribers
• Overhauled our Pika variable processing code, making it much easier to support and evolve Pika variables in the future.
• Fixed up issue where Pika variables were rendering inside of code blocks
• Updated our AI block list to prevent more and newer bots
• Improved newsletter unsubscribe link, making it less predictable
• Improved certain site markup to be more accessible to screen readers
• Improved how existing post excerpt marks are handled when switching from stream of posts to list of titles layout
• Improved background job prioritization and handling
• Fixed up some bugs in custom domain settings when customers leave and return to Pika
• Normalized all tag slugs that were still a bit…off since the launch of the tags feature
• Added pagination in some places that did not have it before
• Updated to the latest version of Rails
• Updated library dependencies to patch security holes
• Always fighting spam accounts

LaTeX Mathematic Notation

Yesterday we announced a refreshed editor toolbar primarily built to give us space to expand our editor’s capabilities, for features like color highlighting. Today we announce another update that work enabled: LaTeX Mathematic Notation.

If you don’t know what that is, fear not, you can safely ignore this post! But for those of you in the know and who want to use the LaTeX typesetting system to express professional mathematic and scientific equations in your posts, we think you’ll feel pretty positive about this update! (bad science joke)

There’s 2 ways to add LaTeX to your posts. You can either wrap the expression in single $..$ signs to create an inline math equation like 𝐸=𝑚𝑐2, or double $$..$$ signs to create full blocks like this:

There’s also a new LaTeX option in the toolbar’s ••• “More” menu. (Also one thing to note is that simpler places like RSS and Email Newsletters can only display the underlying expression.)

We look forward to the posts on Pika getting a little nerdier with this update 🤓 especially as we consider bringing back the Pulse this year…

This one feels good. We’ve added a new {{ posts_in_stream }} Pika variable for you to play with.

If your blog is configured to use the stream of posts layout, this variable isn’t quite as powerful as that built-in layout. For instance, a variable on a page cannot provide the means paginate through all of your posts in a stream. However, with some creative thinking you can really do some interesting things.

New {{ posts_in_stream }} Pika variable

First, let’s say that your blog is set to the “list of titles” layout. And let’s say you want a home page that shows your latest post in full, and then links out to the rest of your posts in a list format? Now you can do that!

Welcome to my homepage. Also, I love to blog.
Here's my latest post:

{{ posts_in_stream limit: 1 with_excerpts: no }}

All posts # link this to yoursite.pika.page/posts

And here’s what you’d see on that homepage:

Or how about if you’d like to share your latest post, then a list of your 10 prior posts, followed by a link to all of your posts? Just do it!

Welcome to my homepage. Also, I love to blog.
Here's my latest post:

{{ posts_in_stream limit: 1 with_excerpts: no }}

Recent posts:

{{ posts limit: 10 skip: 1 }}

All posts # link this to yoursite.pika.page/posts

Oh, yes, astute reader, we’ve added a skip option to all post-based variables (like {{ posts }} ). This option let’s you skip the first n posts that would be rendered by a variable. Here’s what it will look like toward the end of that post:

We think there’s a lot more that can be done with these simple new Pika variable tools. We’re excited to see what you come up with!