Pika Release Notes

Fall is all up in our business, and that means it’s time for an update on the little Pika things. Some of these bullet points are small tweaks, while others represent literal weeks of work. This weekend we’ll jump in a pile of leaves to celebrate!

Writing posts and pages

• At desktop viewport sizes, Pika will now remember if you prefer to keep the Settings sidebar open or closed
• Added a dropdown toggle to the tag editor to see and select from all of your existing tags more easily
• Added an option to preview your newsletter before sending it to everyone
• Added automatic embed support for Bunny Stream video links
• The tags and without_tags Pika variable parameters now accept boolean AND and OR to work with multiple tags
• Pasting into the editor now better removes errant   spaces
• Improved how arrow keys and Enter work with attachments and captions (thanks, Faiz!)
• Specified your chosen language in the logged-in view of Pika so handy browser things like spell check work better

Viewing your site

• Added an option to Site Search to include your pages in search results alongside posts and tags
• All automatic embed services now look a lot better with a working visual style in email newsletters
• Added aria-current="page" to a site’s navigation links when you’re currently viewing that page
• When possible Pika will pause video/audio when another video/audio file starts playing on the same page
• Added and tags to RSS feeds (most RSS clients don’t surface these, but some do)

Misc & Maintenance

• Added support for Bandcamp URLs for posts created via the Micropub API
• Updated Theme settings so its easier to preview color theme changes
• Added a “Shuffle” option to help you spice up your color theme
• Improved the instructions on the custom domain Settings page
• Fixed issues with a site’s custom CSS and how posts display on Pulse and in email newsletters
• Fixed issues with the Micropub API’s capability to update posts with new images and tables
• Fixed issue where the countdown for a newsletter to be sent could be stale on the Dashboard
• Completed a very large restructuring of our database to prepare for some future changes 💪 😅
• Improved the structure of our database while we were at it
• Created import scripts for Day One, Tumblr, and Posthaven
• Fixed silent errors with toolbar popovers
• Fixed up some deployment and caching issues that could lead to un-styled blog posts

Original source

There’s already multiple ways to format your posts in Pika’s editor: clicking the toolbar, using a keyboard shortcut, writing in markdown. Today, we’re introducing yet another way: “/slash” commands.

Just type “/” (forward slash) and you’ll get a dropdown of Pika formatting options. You can navigate through the list with arrow keys and select, as well as continue typing to narrow down the list.

We hope every blogger can find the formatting option(s) they prefer here at Pika!

Update: An earlier version of this post suggested slash commands would only work at the beginning of a paragraph and only support block-level formats. That is no longer the case! Feel free to type /link in the middle of your sentences.

Original source

When we set out to build Pika, our north star was to create the best place to write your thoughts on the web. That means a great writing editor first, both in terms of features and design. We aim to create a blogging platform that makes you want to write, and we’re continually working towards that goal.

For those of you who write long-form, today we’re introducing two new features to Pika’s editor that you’ll typically find in other great writing software:

• Focus mode highlights where your text caret is while you’re typing. You can choose to focus the line, the sentence, or the paragraph you’re in.
• Typewriter mode keeps your text caret always in the very center of the viewport, even as you create new lines.

You’ll find these options at the bottom of the editor toolbar’s ••• “More” menu:

Together, these two tools can really elevate your writing habits and ability to get words to page. We hope you find them useful!

Original source

We recently added Tables functionality to Pika. Depending on the content and number of columns, some tables need a bit extra breathing room, so we included a wide option. Today, we’re bringing that same wide option to images, because some things just look better bigger!

Widening an image will bust it out of the typical width of your post, like this:

You can find this “Widen” option in the toolbar for an image attachment. At the moment this is only available to single image attachments, not galleries.

We’ve really enjoyed seeing Pika used for both quick daily photographs as well as long-form photography essays. We look forward to seeing how this new option transforms your photos and posts!

Original source

We’re proud and quite fond of the default hypertext-focused design language of Pika blogs, but sometimes an icon just feels right (and it may help your readers). Now you can opt to use an icon instead of text when adding an external link to your navigation:

You can see what this looks like in the navigation of this very blog. 👆

The initial list of supported icons for this was built from the links Pika peeps are already linking to: social media like Mastodon and Bluesky, portfolio websites for photography and video, and a select few others options that make sense.

Additionally, we’ve made the “Add link” option easier to find (it was a bit tucked away before) and you’ll also see a search icon if you add your Site Search page to your navigation.

Original source

Hot on the heels of our site-wide Custom Code announcement, we’re excited to share that Pika now offers Pika Pro subscribers the ability to add custom code directly into your individual posts and pages.

Custom HTML

Custom HTML is a new, flexible block type for Pika’s editor (you can find it in the ••• “More” menu). It offers the ability to inject custom handwritten HTML blocks within the text of your posts and pages, but it’s especially useful for embedding content for services where Pika doesn’t already support automatic embedding.

As an example, Flickr is not in our list of supported automatic embed services, but here’s a Flickr embed in a Pika post:

Here is what that looks like in Pika’s editor:

Here’s another one, for fun:

We’re excited to see what embeds or hand-rolled HTML you’ll add to your Pika posts! Now on to some FAQs, which are almost identical to our Custom Code announcement…

How does my custom HTML code render in places other than my site?

The custom HTML code you add to your posts is also passed to your newsletter and RSS feeds, but those services may sanitize things like script, form, and even iframe tags. (In fact, if you’re reading this over email, you’ll probably notice some stuff missing above — that’s your email client!)

We also perform similar sanitization for those same tags on The Pika Pulse, where your post appears alongside other Pika peeps.

Why can’t I use this new editor option on the free Pika Pup plan?

The internet can be terrible. We do not want to offer the means for nefarious people to misuse the Pika platform. If you want to try out our custom code features by upgrading to the Pika Pro plan, rest assured we’re happy to provide a full refund if you decide Pika isn’t for you.

Also if your subscription lapses, the custom HTML you’ve already added keeps working, but you cannot add or edit a block until you subscribe again.

How do I avoid breaking my site with custom HTML code?

We can’t prevent custom code from breaking your site, so we recommend adding only one thing at a time. If the most recent custom code that you added breaks your site, go delete it. We recommended reading our Custom Code manual for a full disclaimer and some guidance to custom code in Pika.

Original source

It’s August and summer is waning. Yet our commitment to constantly improving Pika is always on the rise! We’re betting you’ve noticed a lot of these changes as a few things in your dashboard have moved around. As always, there’s a mix of visible changes and quiet maintenance work that helps keep Pika simple, flexible, and pleasant to use.

Writing posts and pages

• Improved the experience of canceling with unsaved changes in the editor
• Moved post/page Settings into a sidebar on desktop viewports
• Rearranged the editor toolbar a bit (i.e. moved Undo/Redo to the right)
• Added a “Clear formatting” option to the editor toolbar’s ••• More menu
• Updated image toolbar buttons to match other Pika toolbar buttons
• Updated our automatic embed support to include pasting in embed iframe code (for supported services)
• Searching when creating a link now finds tag pages, and you can use prefixes like post: page: and tag: to narrow down your search
• Made the Drafts list in the Dashboard collapsible

Viewing your site

• When possible the “Back to all posts” link will now bring your readers back to whichever list of posts they originally clicked into to get to your post (e.g. your homepage, a tag page, etc)
• When using the default home page, adding your Blog page to your navigation will link to your home page, not /posts
• Updated heading anchor link icons to hashtags (#)
• Added a “Copy code to clipboard” option to all code blocks
• Added 3 new Guestbook settings:
  • Choose whether a new signing defaults to drawing or message
  • Turn off emails for new signings
  • Temporarily pause all new guestbook signings
• Added site-nav-link and site-nav-link--active classes to navigation items to enable more custom CSS styling
• Added ISO YYYY-MM-DD as a date format option
• Added leading zeroes to the date formats with date before the month

Misc & Maintenance

• Added 5 new font themes: Atkinson Hyperlegible, Courier, Inter, Lora, and Verdana (also Pika’s Dashboard font on Windows is now Inter)
• Added 1 new color theme: Lavender
• Updated the color theme picker to save vertical space
• Added :hover styles to buttons around Pika
• Improved Micropub handling of embeddable links
• Fixed some bugs in how Pika saves your work in the browser when writing
• Fixed a bug where self-hosted video/audio sometimes wasn’t playable
• Fixed a bug when pasting direct audio/video file links
• Created a write.as import script
• Updated many code libraries for security enhancements

Original source

Pika has offered the option for custom CSS since the beginning. Many of you who are a bit more technically inclined have been asking us to support custom scripts and other code on your site. If you’re a Pika Pro, we’re happy to announce that you can now add custom code via Settings > Code. (Note that you’ll now also find custom CSS under Settings > Code instead of Settings > Theme.)

What might you use this for? We’ve written up a couple of example scripts that you can add to your site here. (Yes, Claude helped a bit writing these.) Many customers have wanted to add third-party code like custom analytics, webrings, or extra tags to the of their site. We caution you, though, to make sure you greatly trust any third-party whose code you are copying, and be especially careful when linking directly to third-party code.

On to some FAQs…

Why isn’t my post preview including my custom code?

While post previews include custom CSS, custom code added to the or will not be included. This is a security measure because blog post previews are served from the pika.page domain rather than your site’s domain. It would not be safe to let arbitrary JavaScript run on pika.page.

Is custom code just about running JavaScript on my site?

No! You can also add HTML to your , and then manipulate it with JavaScript. Another example would be using a tag in your section to include a font instead of using @import in your custom CSS (more info here).

Why can’t I use these new custom code options on the free Pika Pup plan?

The internet can be terrible. We do not want to offer the means for nefarious people to misuse the Pika platform. If you want to try out these custom code features by upgrading to the Pika Pro plan, rest assured we’re happy to provide a full refund if you decide Pika isn’t for you.

How do I avoid breaking my site with custom code?

We can’t prevent custom code from breaking your site, so we recommend adding only one thing at a time. If the most recent custom code that you added breaks your site, go delete it.

Original source

Tables are finally available in Pika! Yes, tables.

Sometimes information is best conveyed by a good ol’ fashioned table. For example, here are the top names in Nationwide’s nationwide Wackiest Pet Name voting campaign:

🏅 Pet Name Pet Type Hometown Top Dog “Internet Browser” Plott Hound San Antonio, Texas Top Cat “Cheddar Big Booty Cheeseburger” Domestic Longhair Benton, Arkansas Top Exotic “Space Cowboy” Bearded Dragon Fuquay-Varina, North Carolina

You might notice this table is wider than the rest of this post. Depending on the content and number of columns, some tables need a bit extra breathing room, so we built that in as an option.

You can find the “Table” option in the editor’s ••• toolbar menu. Copy→pasting a table should work well too. We’re looking forward to all the fun data and information we’ll get to see in The Pika Pulse!

Original source

Pika offers a variety of special Pika Variables you can insert into your posts and pages that help you do things like output a list of your posts, create a table of contents, add a newsletter, search, or contact form, and more. Many of them also support optional parameters, which make them even more powerful.

While they’re a bit of an advanced feature, that’s no reason to make them hard to discover. Starting today, you’ll find a new “Insert variable” option in the editor toolbar, under the ••• “More” menu:

Original source

It’s time: The Pika Pulse is live again!

The Pika Pulse is our take on helping you discover personal bloggers that are writing on Pika. It now includes a new Following feed and other experimental ideas. Let’s dive into the details…

Recent

Recent is basically the old Pulse: a general feed of recent posts written on Pika. It’s intended to be a fun and serendipitous way to find new blogs and posts to read on Pika. How it’s built includes some intentional design decisions and experiments this time around:

• First and foremost, the Recent feed is not intended to be a comprehensive feed of all content on Pika. As we mentioned in our Coming Soon post, only blogs that opt into sharing on Pulse (under Settings > Site visibility) and are manually approved by us will show up here. This Pulse-approval process is new for our small team, and we’re intentionally taking it slow in approving blogs as we learn and discover what the Pulse vibes should be! See our updated Pika Rules for more info.
• Additionally, with only 25 posts displayed, only one post from a given blog can ever be on the Recent feed at any one time. Pika will always display the blog’s oldest available post.
• We also believe that discovery doesn’t need to be up-to-the-minute. Blogging isn’t a reactive activity, but a contemplative one. Therefore, we’re experimenting with the Recent feed including a large delay. New posts from Pulse-approved blogs won't show up in this feed for about 24 hours after their publish date.
• Lastly, if there’s a particular blogger you’d rather not see in Pulse, you can mute them from this feed via the ••• menu on the post (if you have a free Pika account). Over time this helps you tailor Recent to your own tastes and interests.

What this all boils down to: Once you discover a new Pika blogger on Recent, if you don’t want to miss a post from them, subscribe via RSS or follow them on Pulse.

Following

Following works quite differently from Recent. This feed includes all posts from all the blogs you follow on Pulse, with only a short 5 minute delay after publish time. (This is the same delay Pika adds to RSS feeds, which gives authors time to make quick post-publish edits.) You can only follow blogs on Pulse if you have a free Pika account.

We think Following on Pulse is a fun and unique alternative to RSS, where you can see all the updates to your favorite Pika blogs in one stream, displayed with the visual character the blogger intended. Posts here have no read or unread state, so you can feel free to check in at your own pace.

For Pika bloggers, like with RSS, there’s no data on who or how many people are following you in this way.

Moderating

Again, as mentioned previously, we, Good Enough, are a small team of two people. While we now have the approval process along with internal mechanisms to help us catch spam, inappropriate content, and other rules violations before they become a problem or land on Pulse, it’s inevitable that we will miss something — we can’t personally vet every post.

We welcome reports from readers if you see a post that might not align with Pika’s values or rules. If you’re logged in, you can report a post from its ••• menu anywhere in Pulse.

That said, if Pika is successful in welcoming a diverse range of people and viewpoints, there will likely be bloggers and content on Pika with which you disagree. In these cases we suggest blogging to share your own insight, respectfully. You can also always mute blogs from your Recent feed.

What will you discover?

This day has been a long time coming, and we’re excited to have The Pika Pulse back online! It’s full of fun little experiments, including “Translate with Google”, keyboard shortcuts to jump between posts, a random-blog button at the bottom of the page, and more.

Once again, we are treating this next iteration like an experiment — one we might need to tweak over time, possibly overhaul, or pivot, or if need be again, end. We’d love to hear your thoughts and feedback on Pulse, the new ideas we’re trying out, and/or anything else you wish to share.

Now go forth and discover!

Original source

Pika’s latest round of updates includes a familiar mix: writing improvements, better support for custom sites, more translations, and plenty of under-the-hood work to keep everything running smoothly. Maybe one of the items below will fix a nagging issue for you?

We’re always improving over here at Pika. Kaizen!

Writing posts and pages

• Typing in a symbol (e.g. ©) now gives you that symbol as text instead of emoji, which you can still get from the emoji picker (e.g. ©)
• Added support for Transister.fm podcast embeds (use the share link)
• Added keyboard support to navigation item reordering
• Updated Micropub API so it can process incoming image captions in the same format that is seen in the image caption output from the Micropub API
• Fixed issue with Micropub API posts not properly building footnotes
• Updated iA Writer integration to consider the first heading in a post as Pika’s title, rather than using the filename
• Added self-service support for self-hosted Umami analytics
• Fixed bug where select all did not work in the editor when footnotes existed

Viewing your site

• Added Greek, Indonesian, and Esperanto translations
• Included Custom CSS with newsletter emails, so your styles come through in your emails
• Added tag classes (e.g. .site-post-tag-[id]) alongside .site-post classes in the DOM to help with Custom CSS targeting
• Fixed issue with previous/next footers for posts published at the same exact time
• Fixed issue with page slug generation for posts using only characters sets (Hangul, Chinese, etc) that are not currently URL-compatible
• Improved slug creation for full width characters and unique characters like ‘&’, ‘%’, ‘+’, and ‘@’
• Improved search when searching quote characters

Misc & Maintenance

• Updated our Rules to touch on NSFW and questionable content
• Fixed bug with aliases that included trailing slashes
• Fixed a bug with custom domains when someone misses a payment and then resume Pro status
• Limited the max size of custom CSS to guard against shenanigans
• Hardened custom CSS from a couple newly-discovered hacking vectors
• Created a weblog.lol, Hugo, Astro, and Micro.blog BAR import scripts
• Update to the latest Ruby and Rails versions
• Updated many code libraries for security enhancements
• Added a number of caching headers to our responses to improve page load speed across Pika

“There are only two hard things in Computer Science: cache invalidation and naming things.”
– Phil Karlton

😭

Original source

Pika has supported writing your blog in a non-English language for nearly a year. For many languages, Pika has also been able to provide translations for the language across your site. One missing link, though, is for folks who blog in more than one language, and we’re happy today to announce that we’ve closed that gap.

To change the language on an individual post or page, simply visit the post’s Settings and select the new language via Set language.

Your site will continue to be translated in the primary language you set for your blog, but individual pages and posts will have the following changes:

• The tag for the page will include a lang attribute with your chosen language (and locale if necessary) for the page
• Your RSS feeds will still indicate your site language globally, but each individual post will indicate the post language if it differs from your site language
• The open graph tags on the page will also indicate your chosen language and locale for the page

We hope this goes a long way to better supporting those of you who blog in multiple languages!

Original source