Bear Blog Skill

Create, edit, and manage posts on Bear Blog — a minimal, fast blogging platform.

Authentication

Bear Blog requires browser-based authentication. Log in once via the browser tool, and cookies will persist.

browser action:navigate url:https://bearblog.dev/accounts/login/

Creating a Post

Step 1: Navigate to the post editor

browser action:navigate url:https://bearblog.dev/\x3Csubdomain>/dashboard/posts/new/

Step 2: Fill the editor

Bear Blog uses a plain text header format.

The editor fields are:

• div#header_content (contenteditable): attributes (one per line)
• textarea#body_content: Markdown body

Verified: use fill/type on those two fields, then click Publish (or Save as draft). No evaluate needed.

Header format:

title: Your Post Title
link: custom-slug
published_date: 2026-01-05 14:00
tags: tag1, tag2, tag3
make_discoverable: true
is_page: false
class_name: custom-css-class
meta_description: SEO description for the post
meta_image: https://example.com/image.jpg
lang: en
canonical_url: https://original-source.com/post
alias: alternative-url

Body format: Standard Markdown with extensions (see below).

The separator ___ (three underscores) is used in templates to separate header from body.

Step 3: Publish

Click the publish button or submit the form with publish: true.

Post Attributes Reference

Extended Markdown

Bear Blog uses Mistune with plugins:

Text Formatting

• ~~strikethrough~~ → strikethrough
• ^superscript^ → superscript
• ~subscript~ → subscript
• ==highlighted== → highlighted (mark)
• **bold** and *italic* — standard

Footnotes

Here's a sentence with a footnote.[^1]

[^1]: This is the footnote content.

Task Lists

- [x] Completed task
- [ ] Incomplete task

Tables

| Header 1 | Header 2 |
|----------|----------|
| Cell 1   | Cell 2   |

Code Blocks

```python
def hello():
    print("Hello, world!")
```

Syntax highlighting via Pygments (specify language after ```).

Math (LaTeX)

• Inline: $E = mc^2$
• Block: $$\int_0^\infty e^{-x^2} dx$$

Abbreviations

*[HTML]: Hypertext Markup Language
The HTML specification is maintained by the W3C.

Admonitions

.. note::
   This is a note admonition.

.. warning::
   This is a warning.

Table of Contents

.. toc::

Dynamic Variables

Use {{ variable }} in your content:

Blog Variables

• {{ blog_title }} — Blog title
• {{ blog_description }} — Blog meta description
• {{ blog_created_date }} — Blog creation date
• {{ blog_last_modified }} — Time since last modification
• {{ blog_last_posted }} — Time since last post
• {{ blog_link }} — Full blog URL
• {{ tags }} — Rendered tag list with links

Post Variables (in post templates)

• {{ post_title }} — Current post title
• {{ post_description }} — Post meta description
• {{ post_published_date }} — Publication date
• {{ post_last_modified }} — Time since modification
• {{ post_link }} — Full post URL
• {{ next_post }} — Link to next post
• {{ previous_post }} — Link to previous post

Post Listing

{{ posts }}
{{ posts limit:5 }}
{{ posts tag:"tech" }}
{{ posts tag:"tech,ai" limit:10 order:asc }}
{{ posts description:True image:True content:True }}

Parameters:

• tag: — filter by tag(s), comma-separated
• limit: — max number of posts
• order: — asc or desc (default: desc)
• description:True — show meta descriptions
• image:True — show meta images
• content:True — show full content (only on pages)

Email Signup (upgraded blogs only)

{{ email-signup }}
{{ email_signup }}

Links

Standard Links

[Link text](https://example.com)
[Link with title](https://example.com "Title text")

Open in New Tab

Prefix URL with tab::

[External link](tab:https://example.com)

Heading Anchors

Headings automatically get slugified IDs:

## My Section Title

Links to: #my-section-title

Typography

Automatic replacements:

• (c) → ©
• (C) → ©
• (r) → ®
• (R) → ®
• (tm) → ™
• (TM) → ™
• (p) → ℗
• (P) → ℗
• +- → ±

Raw HTML

HTML is supported directly in Markdown:

\x3Cdiv class="custom-class" style="text-align: center;">
  \x3Cp>Centered content with custom styling\x3C/p>
\x3C/div>

Note: \x3Cscript>, \x3Cobject>, \x3Cembed>, \x3Cform> are stripped for free accounts. Iframes are whitelisted (YouTube, Vimeo, Spotify, etc.).

Whitelisted Iframe Sources

• youtube.com, youtube-nocookie.com
• vimeo.com
• soundcloud.com
• spotify.com
• codepen.io
• google.com (docs, drive, maps)
• bandcamp.com
• apple.com (music embeds)
• archive.org
• And more...

Dashboard URLs

Replace \x3Csubdomain> with your blog subdomain:

• Blog list: https://bearblog.dev/dashboard/
• Dashboard: https://bearblog.dev/\x3Csubdomain>/dashboard/
• Posts list: https://bearblog.dev/\x3Csubdomain>/dashboard/posts/
• New post: https://bearblog.dev/\x3Csubdomain>/dashboard/posts/new/
• Edit post: https://bearblog.dev/\x3Csubdomain>/dashboard/posts/\x3Cuid>/
• Styles: https://bearblog.dev/\x3Csubdomain>/dashboard/styles/
• Navigation: https://bearblog.dev/\x3Csubdomain>/dashboard/nav/
• Analytics: https://bearblog.dev/\x3Csubdomain>/dashboard/analytics/
• Settings: https://bearblog.dev/\x3Csubdomain>/dashboard/settings/

Example: Complete Post

Header content:

title: Getting Started with AI Assistants
link: ai-assistants-intro
published_date: 2026-01-05 15:00
meta_description: A beginner's guide to working with AI assistants
tags: ai, tutorial, tech
is_page: false
lang: en

Body content:

AI assistants are changing how we work. Here's what you need to know.

## Why AI Assistants?

They help with:
- [x] Writing and editing
- [x] Research and analysis
- [ ] Making coffee (not yet!)

> "The best tool is the one you actually use." — Someone wise

## Getting Started

Check out [OpenAI](tab:https://openai.com) or [Anthropic](tab:https://anthropic.com) for popular options.

---

*What's your experience with AI? Let me know!*

{{ previous_post }} {{ next_post }}

Tips

1. Preview before publishing — Use the preview button to check formatting
2. Use templates — Set up a post template in dashboard settings for consistent headers
3. Schedule posts — Set published_date in the future
4. Draft mode — Don't click publish to keep as draft
5. Custom CSS — Add class_name and style in your blog's CSS
6. SEO — Always set meta_description and meta_image

Troubleshooting

• Post not showing? Check publish status and published_date
• Tags not working? Use comma separation, no quotes
• Styling issues? Check class_name is slugified (lowercase, hyphens)
• Date format error? Use YYYY-MM-DD HH:MM