Skip to content

Commit d38112b

Browse files
committed
v2.8.0: adds html img class support and code block copy abilities.
1 parent 8b23b55 commit d38112b

3 files changed

Lines changed: 662 additions & 638 deletions

File tree

README.md

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,30 +9,45 @@ A clean and simple minimalist Micro.blog theme.
99
- Localized for different languages.
1010
- System display mode aware (light and dark).
1111
- Mobile responsive.
12+
- HTML image class support.
1213
- Featured post category setting.
1314
- Custom home page category setting.
1415
- Multiple, comma-separated home page categories are supported.
1516
- Choose between a wider or narrower site header.
1617
- Choose between long or short date formats.
17-
- Display full posts on category pages
18+
- Display full posts on category pages.
1819
- Custom photos page category setting.
1920
- Grid or Masonry photo layout options.
2021
- Show all image formats on photos page.
2122
- Wide or narrow photo page layout setting.
2223
- Use a custom site icon of your choosing.
2324
- Hide the site avatar altogether if you choose.
25+
- Setting to enable/disable a button that lets reader copy code blocks in posts.
2426
- Built-in Search shortcode. See instructions below.
2527
- [Fediverse Creator](https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/) tag support.
2628
- Pagination on all post related pages.
2729

2830
See the theme in action at [mnml.micro.blog](https://mnml.micro.blog).
2931

32+
## Image Classes
33+
34+
**mnml** supports the following html image classes:
35+
36+
- `.align-none`: An inline sized image without any alignment.
37+
- `.align-left`: An inline sized image that's left aligned which allows text to wrap around it.
38+
- `.align-right`: An inline sized image that's right aligned which allows text to wrap around it.
39+
- `.align-center`: An inline sized image that's center aligned. There is no text wrapping.
40+
- `.full-width`: A full width image that spans the entire width of the page. This is the same as adding an image using Markdown.
41+
- `.overflow`: A full width image that overflows the width of the page.
42+
43+
Applying one of these classes to an image will allow you to control appearance and layout. It's far better to see it in action, so for more details and code examples, visit the **[mnml]** [style guide page](https://mnml.micro.blog/styleguide/#images-markdown-and-optional-html).
44+
3045
## Adding a Search Page
3146

3247
**mnml** has a built-in Search shortcode to let you add a Search page if you so desire...
3348

3449
1. Create a new Micro.blog page. Name it whatever you like with a url of whatever you like.
35-
2. In the page body, add the ``{{< search >}}`` shortcode.
50+
2. In the page body, add the `{{< search >}}` shortcode.
3651
3. Visit your new search page and try it out.
3752

3853
Search results default to 5 until you set your own value in the **mnml** plugin settings page.
@@ -48,4 +63,4 @@ Thank you to the following for their **mnml** localization contributions:
4863

4964
## Support
5065

51-
If you like **mnml**, consider supporting the project: [Buy Me a Coffee](https://buymeacoffee.com/jim.mitchell).
66+
If you like **mnml**, consider supporting it by [buying me a coffee](https://buymeacoffee.com/jim.mitchell).

plugin.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "2.7.7",
2+
"version": "2.8.0",
33
"title": "mnml",
44
"description": "A minimal, simple and clean Micro.blog theme.",
55
"fields": [

0 commit comments

Comments
 (0)