Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Two questions: layout, and post directories #72

Open
amca01 opened this issue Apr 27, 2018 · 2 comments
Open

Two questions: layout, and post directories #72

amca01 opened this issue Apr 27, 2018 · 2 comments

Comments

@amca01
Copy link

amca01 commented Apr 27, 2018

I like Blackburn very much - thank you for creating it! However, i am learning Hugo as I go, which makes things tricky sometimes. So I have two questions:

  1. If I edit a css file so as to have different fonts, thickness and background color on the right hand side menu strip - can I do that in my own file, or do I need to edit one of Blackburn's css files? I'm still very unsure of how Hugo manages multiple css files. For example, if two files are in conflict, which takes precedence?
  2. I am creating a new blog with Hugo, but I'd like (eventually) to import my old blog, but under a different heading. You can see my attempt at https://numbersandshapes.net/blog where the menu item "Numbers and Shapes" is meant to open up a new blog page. For some reason it puts all the posts together. I did this by copying the "single.html" file into a new file "/layouts/nshapes.html" which I referred to in my config.toml. All I really need to see is an example of how this should be done: with appropriate html files and directory structure.

Anyway, thanks very much!
@josephting
Copy link
Contributor

josephting commented Nov 15, 2018 •
edited
Loading

I'm not sure what you're trying to achieve in point no. 2 but I can explain point no. 1.

If you look at layouts/partials/head.html, you can see this section below where the theme is loading stylesheet according to what is defined in the config file.

  {{ range .Site.Params.custom_css }}
    {{ if findRE "https?://" . }}
        <link rel="stylesheet" href="{{ . }}">
    {{ else }}
        <link rel="stylesheet" href="{{ $.Site.BaseURL }}{{ . }}">
    {{ end }}
  {{ end }}

To specify .Site.Params.custom_css in your hugo configuration file, you can do this.

[params]
    custom_css = "value"

*This is toml format (yaml and json is also available)

However, the theme is trying to range over the value so custom_css here should be an array.

Suppose that you want to include static/style.css onto your site, you want to add this to your configuration file.

[params]
    custom_css = ["style.css"]

The above will add this line within your <head> tag.

<link rel="stylesheet" href="http://localhost:1313/style.css">

As custom css is being loaded after blackburn.css is loaded, the custom css you add here will take precedence.

@nonumeros
Copy link
Contributor

You can see my attempt at https://numbersandshapes.net/blog where the menu item "Numbers and Shapes" is meant to open up a new blog page.

By checking https://numbersandshapes.net I couldn't find a page by that name. If you want to have a separate page then create it as if you're going to have an about page. That is, not under the post dir.

See https://stackoverflow.com/questions/28569458/ for example.

I noticed on your side-menu.css that you upped the value to width: 200px of the margin-left parameter. Unless the browser window is maximized, whatever content you have on the page, be it in the form of a post or a page by itself, is ragged up against that menu.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@josephting @amca01 @nonumeros