Questions
editing source for site template ux issue
Blot's new UX is gorgeous, but it became painfully hard to edit a template's source code, as the preview images on the left render in several different sizes and push the rest of the screen far-right.
Post spacing in the Blog template
Hey, what would be the easiest way to condense the space between posts in the Blog template? When a post is short, the space between that and the next post looks large.
Tags as RSS categories?
Is it possible to modify the RSS feed so that an entry's tags will be declared as categories in the feed? I'm asking because I'm switching to Feedmail for email subscriptions and they have a feature that lets users subscribe to or exclude specific categories. Would be great if I could take advantage of that feature.
Could you describe how the package.json works?
Was just looking around this evening trying to figure out how the package.json works and not really sure i understand what is going on. for instance it seems to have "locals", "partials", and "url" available under "views". Is that it? Also it appears that you can set up stuff that will show up in the template editor via package.json. How does that work? Also, curious how partials work in the context of views (pages). I see in the latest templates you're always referencing them as {{>partialname}} but in some the older templates they are referenced either as partials or as variables. (was fooling with Marfa). Can it work either way as it seems it can and its just a convention thing? Sorry a lot of questions :) But I'd love a more in-depth idea of how everything fits together in that file.
Empty summary metadata is rendered as the text 'null'?
By default, I include a "Summary:" line in post metadata. I don't always add a Summary, but if I leave it empty it renders {{summary}} as null in the template. I tried adding a conditional like so: {{#summary}}{{summary}}{{/summary}} ...but that still renders as null unless I remove the Summary line from the front matter completely. I'd prefer it if I could leave an empty Summary: value in the post metadata without it rendering as null. Possible?
Unable to add images and files via Git
Whenever I try to add files to the "Files" folder I get the following error (I'm using GitHub Desktop): "The remote disconnected. Check your Internet connection and try again." It handles all new text files just fine, but if I try to add a png, jpg, or zip it gets rejected and I get an error. How can I get blog.im to host my images? UPDATE: I'm also getting a "500 Internal Server Error" when I try to upload a small jpg via the dashboard here - https://blot.im/dashboard/USERNAME/photo
Change to the template system — blog reverted to old theme?
there seems to have taken place some change to the templating system? I've always edited my template in the web interface, but that isn't possible anymore apparently. Which is fine, but with this change, my blog reverted to an old version of my theme, before I'd made some crucial changes that, frankly, will be hard for me to reproduce. Is there any way for me to get the latest version of my theme back?
Tinylytics and Kudos
Any one using tinylytics.app with the Kudos option enabled? I am sure in my index or entries file its in the wrong place (Magazine) but tried it in several locations. To show one kudos button on the page create an element on the page with a class of .tinylytics_kudos. That allows the script to locate it and show a relevant kudos button and count. Here is a good example of what it should like: <button class="tinylytics_kudos"></button> To show multiple kudos buttons on the same page, for example on an index page full of posts, use similar markup as above, with a few tweaks. <button class="tinylytics_kudos" data-path="/the-path/to/your-post" ></button> Note the extra data-path="" attribute. If you set this, it will make sure to only grab the correct Kudos count for the path you entered here. If you leave this out, it'll use the current page path: just like the single kudos button above. Note that paths need to be correct and prepended with a forward slash (if none is set): "/". If you leave it out, then kudos might not be recorded correctly.
Images not showing in published posts created in Google Docs?
I am using the Magazine template and writing my posts in Google Docs. However, I cannot get any images to show in published posts, irrespective of whether I embed them in the doc itself or use Markdown (which I suspect isn't fully supported by Google Docs). I could write my posts in Notepad for Windows but again, I suspect that when uploaded to Google Docs it will mess things up. Any advice on how I can get images to display without giving up the convenience of Google Docs? Regards, Roger.
Hide Cusdis comments
Hi! I've setup Cusdis comments on my blog by adding their widget in my entry.html file. I have a standalone page that acts as a landing page for a newsletter of this blog and I'd like the comments to be hidden on this page. I've tried declaring "Comments: no" in that page's metadata, but it didn't work. Is there a way to have Cusdis be understood by the markdown metadata?
RSS feeds per tag?
Apologies if it's been asked but are there (or can there be?) dedicated RSS feeds per tag? It would be nice to have these split out to triage posts out to different services automatically.
Hide a post from the front page but show it in the archives?
I'm using the blog template. I have certain posts (RPG session summaries!) that I don't want showing on the front page, but I don't mind showing up in the archives list. Right now, these posts have the metadata: Page: yes Menu: no …as I saw mentioned in this question. However, when I do this, the posts are not listed on the archives page, and when viewing them from a tag page, no dates are shown. Essentially, I think what I'd want is a way to publish a post normally, but simply not have it show on the front page. Is this possible?
Lazy loading on images?
Wondering if anyone has figured out a way to introduce lazy loading for images? I know we can add loading="lazy" in the HTML, but I'd like a way to do it in Markdown, so I don't have to write out all the HTML for every image. When my site was based on Jekyll, I could use Kramdown and add {: loading="lazy"} after the image to add the required flag. But nothing like that exists AFAIK with Blot. Do any of you have any ideas please? I'd like to avoid introducing JS if at all possible. Thanks!
Add page description to RSS feed?
So in my site's head I've added {{> description}} which will take the summary field from my front matter and add it to the page's HTML meta. I'm trying to create a second RSS feed that, instead of containing the entire post contents, I'd like to have the page description from the meta and a link to the post. This is so I can use Micro.blog to automatically crosspost a summary, rather than the entire (poorly formatted) post. So I've tried adding the following to my RSS file, but it isn't working: <description> <![CDATA[ {{#encodeXML}} {{{description}}} {{/encodeXML}} ]]> </description> I've also tried {{> description}} and {{{summary}}} but none are working. How do I add the page description to this RSS feed? Thanks.
Dynamic image for a Twitter Card for each post / permalink
I'm trying to work out a way to generate a unique twitter card for each of my posts, so when an article / permalink is shared on socials it gives a summary based on the first couple lines of the post and uses the first image in the post as the preview image. Currently I have a share card coming up with the text part of the preview but can't work out how to incorporate the image into it. Any help would be greatly appreciated.
Specifying the thumbnail for social media?
How can I ensure that the first image in my post is displayed as the default image when sharing the link on social media?
Posts with no title
For some of my entries I want to have a title, for some of them I would prefer not to have one. I modified the Blog template with {{#title}} <h1>{{title}}</h1>{{/title}} and I thought that would solve my problem. I.e. if the post didn't have a title then there would be no title shown, but Blot uses the file name as a title if there is not title in the frontmatter. I tried having an empty title, i.e. title: but then the title became "null". Is it possible to have some entries to have no title?
Bridgy Fed Support on Blot
Hi all. I would like to implement brid.gy fed support on my blog. I have had webfinger working before but the instructions here are a bit different and I am unsure how to do this. This lets my blog be its own fediverse end point rather than tie it to some mastodon instance which I have left for a variety of reasons. Here's the support link from brid.gy. I am unsure how to accomplish this on blot or if its possible even: https://fed.brid.gy/docs#redirect+these+URL+paths Thanks for any help! BTW, I am still active on Pixelfed. Just not on mastodon. This is not a requirement for me. Just a fun to have optional thing to learn.
Last row of images is larger in Portfolio template?
Is there any way to not have the last row of images be larger than the rest? Happy to change code if you can point me in the right direction. You can see it in the example preview of the Portfolio template: https://preview-of-portfolio-on-bjorn.blot.im/