alexandrevicenzi / Flex

The minimalist Pelican theme.
https://flex.alxd.me
MIT License
608 stars 331 forks source link

Migrating to this great theme #306

Open paulocoutinhox opened 2 years ago

paulocoutinhox commented 2 years ago

Hi,

Thanks for this great theme.

Im trying migrate my blog to this: https://pastorpaulo.com/

1 - I need change colors to make it like mine (blue left menu, gray text, red title, etc). It is only possible with custom css configuration, right?

image

2 - To add a default image og tag, what i need do?

<meta property="og:image" content="https://pastorpaulo.com/images/opengraph.png">

3 - I want add this tags to HTML:

<link rel="icon" href="https://pastorpaulo.com/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="https://pastorpaulo.com/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://pastorpaulo.com/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://pastorpaulo.com/favicon-16x16.png">
<link rel="manifest" href="https://pastorpaulo.com/site.webmanifest">

4 - Tags elements are too near. How can this be fixed?

image

5 - How can i add a custom image/template for all my links to buy books and download PDF?

image image

I want add a custom link with image for this two types of links. Can be a piece of code, like:

{ link_to_download("xyz.pdf") }

It will generate something like this:

<a href="xyz.pdf" style="padding: 10px 0">
    Click here to download
    <img src="download.png" />
</a>

It will prevent me to put all these html in all posts.

It is possbile?

6 - How can i change the full site fonts to something near mine font (or whatever)?

paulocoutinhox commented 2 years ago

@alexandrevicenzi can you help me here?

alexandrevicenzi commented 2 years ago

Hi,

  1. Yes, you need to use CUSTOM_CSS.
  2. You need to set SITELOGO.
  3. You can set some with FAVICON, but not for apple or manifest.
  4. You have too many tags, but this is a bug in the theme as it was never tested with so many, you can fix it with CUSTOM_CSS.
  5. Pelican allows you to write HTML code inside Markdown, or you can find a Pelican plugin that does something like that, but a plugin may not work with this theme.
  6. You can set an @import in CUSTOM_CSS and override font-family for body, html, and any other element, but you may want to disable USE_GOOGLE_FONTS to avoid fetching the default fonts and making your website slower because it's loading too many fonts.
alexandrevicenzi commented 1 year ago

Olá @paulocoutinhox,

I'm going to implement a few of your suggestions in Flex 3.0, it seems like a good idea, using custom CSS is not elegant I think.

Abraços