You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+18-3Lines changed: 18 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,30 +9,45 @@ A clean and simple minimalist Micro.blog theme.
9
9
- Localized for different languages.
10
10
- System display mode aware (light and dark).
11
11
- Mobile responsive.
12
+
- HTML image class support.
12
13
- Featured post category setting.
13
14
- Custom home page category setting.
14
15
- Multiple, comma-separated home page categories are supported.
15
16
- Choose between a wider or narrower site header.
16
17
- Choose between long or short date formats.
17
-
- Display full posts on category pages
18
+
- Display full posts on category pages.
18
19
- Custom photos page category setting.
19
20
- Grid or Masonry photo layout options.
20
21
- Show all image formats on photos page.
21
22
- Wide or narrow photo page layout setting.
22
23
- Use a custom site icon of your choosing.
23
24
- Hide the site avatar altogether if you choose.
25
+
- Setting to enable/disable a button that lets reader copy code blocks in posts.
24
26
- Built-in Search shortcode. See instructions below.
25
27
-[Fediverse Creator](https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/) tag support.
26
28
- Pagination on all post related pages.
27
29
28
30
See the theme in action at [mnml.micro.blog](https://mnml.micro.blog).
29
31
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
+
30
45
## Adding a Search Page
31
46
32
47
**mnml** has a built-in Search shortcode to let you add a Search page if you so desire...
33
48
34
49
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.
36
51
3. Visit your new search page and try it out.
37
52
38
53
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:
48
63
49
64
## Support
50
65
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).
0 commit comments