OriolAbril / oriol_unraveled

repository for my personal website
https://oriolabrilpla.cat
Apache License 2.0
9 stars 1 forks source link

Creating a blog | Oriol unraveled #7

Open utterances-bot opened 3 years ago

utterances-bot commented 3 years ago

Creating a blog | Oriol unraveled

Sailing in the sea of blogging alternatives

https://oriolabril.github.io/oriol_unraveled/jekyll/2020/07/10/blog.html

Outsiders17711 commented 3 years ago

Hello Oriol, I just started working with fastpages and I was exploring options for changing the default look when I came across your blog. I tried to copy your setup but it has been a massive fail so far. I'd appreciate some pointers on how to go about setting up massively with fastpages. Thanks.

Outsiders17711 commented 3 years ago

Hello Oriol, I've been able to copy your setup and personalize the look. All due credit given of course. I've also done some work fixing the attributes of fastpages with the minima theme that got broken when you switched to massively. If you are still working on the blog and will like to talk about the fixes, i'm down. Thanks.

deepwilson commented 3 years ago

@Outsiders17711 I tried copying your setup but GitHub actions failed. Could you post a detailed way of setting up the site with your fixes applied?

Outsiders17711 commented 3 years ago

@deepwilson Could you check the build details to see why the action failed? Its easier to narrow down the issue that way.

OriolAbril commented 3 years ago

I've been able to copy your setup and personalize the look

@Outsiders17711 This is great! I would have liked to "package" the two fastpages compatible themes I played around with (I also got basically basic theme to more or less work at https://oriolabril.github.io/test_fastpages/) but I don't have time nor skills to do so.

I've also done some work fixing the attributes of fastpages with the minima theme that got broken when you switched to massively. If you are still working on the blog and will like to talk about the fixes, i'm down.

Thanks! I will take a look, this sounds great. I have paused working on the blog for now, I hope to be able to restart working on it and publishing new posts after the summer, probably around October.

deepwilson commented 3 years ago

@Outsiders17711 The error that I get is : Liquid Exception: Could not locate the included file 'scripts-main.html' in any of ["/github/workspace/_includes", "/tmp/jekyll-remote-theme-20210726-1-1nqyhc0/_includes"]. Ensure it exists in one of those directories and, if it is a symlink, does not point outside your site source. in /github/workspace/_layouts/default.html

Outsiders17711 commented 3 years ago

@deepwilson Sorry for the late response. It looks like there is a missing file in your blog repository. I tried checking your public repos to take a look for myself, but I coudn't find one that relates to any blog. Maybe if I could take a look? Because the error message you posted doesn't relate to any of the changes Oriol or I made to the original FastPages setup.

Outsiders17711 commented 3 years ago

Thanks! I will take a look, this sounds great. I have paused working on the blog for now, I hope to be able to restart working on it and publishing new posts after the summer, probably around October.

Yeah, same here. I went crazy for a couple weeks, tweaking and changing and personalizing (too some html crash courses lol). Now, I'm mostly settled on the looks and I'm just trying to devote time to finishing up on some posts I have queued.

deepwilson commented 3 years ago

@Outsiders17711 Thanks I managed to run it. Had forgotten the deploy key setup..

Outsiders17711 commented 3 years ago

@deepwilson Ah. That's all good. If you're done customizing the look, can you share a link? Maybe I can steal a few ideas.

deepwilson commented 3 years ago

@Outsiders17711 Sure, thanks for setting the page (you and @OriolAbril )! I'm still editing the site but here it is.. https://deepwilson.github.io/repository/blog/

Outsiders17711 commented 3 years ago

@deepwilson Man, you sure have put up a decent amount of material already! I just have a bunch of "planned" posts lol. I really dig the background picture you used. I don't have a good artistic eye so I just wing such things.

I went through some of your posts and I noticed a few things:

  1. Try to use more of show/hide code and show/hide outputs, especially for those long outputs. Here's a link to examples from FastAI.
  2. After uploading posts and rebuilding the site, you want to take a look at the posts on the site. Things that render perfectly okay in jupyter notebook do break on the site itself. You might need to split cells and add breaklines. I'm sure this part of your LFFD review looks okay in jupyter, but its broken on the site.

    I know it a work in progress and all. This is a pretty solid job already man. πŸ‘

deepwilson commented 3 years ago

@Outsiders17711 Thanks a lot ! Now that I have some content in place will surely look into the tips you have mentioned!

I spend my whole day trying to create a separate section for my poems. (basically _posts with a different category) Finally figured out how to do that without mixing my technical articles (create a separate category). However, there seems to be some issue with the display, in that the poem is displayed along with the card (I want the full display on when I click "read more" on the card)

Could you have a look if possible? The poem is in poems folder and I have made the necessary changes in _layouts/poetry.html

p.s. I'm a noob at HTML!

deepwilson commented 3 years ago

@Outsiders17711 Do you have a linkedin id? Just realized you only have Github..

Outsiders17711 commented 3 years ago

@deepwilson

Could you have a look if possible? The poem is in poems folder and I have made the necessary changes in _layouts/poetry.html

Sure. I'll take a look. But we are in the same shoes though. I had to read a bunch of html stuff of stackoverflow and w3schools. This is literally my first experience with Github/html/blogs. I'm making it up as I go lol...

Do you have a linkedin id? Just realized you only have Github.

I've got one but it's inactive. I'm currently a graduate student so it's temporarily deactivated.

Outsiders17711 commented 3 years ago

@deepwilson

I've taken a look and the only thing I can figure out is that the issue probably stems from the way you set up your poetry content. Ii kinda violates what the FastAI scripts expect.

What I did was change the setup to align closer to the FastAI default as follows:

  1. I added a new metadata poetry_post which can be set to true/false.

    poetry_post: true
  2. As an example, I added the new metadata to 2021-07-23-LFFD_Tutorial.ipynb and set it to false. I'm not sure if the build will break for other notebooks where this is not explicitly stated.

    # "LFFD Paper review"
    > "Analyzing LFFD architecture, a one-stage object detection pipeline to detect faces"
    
    - toc: true
    - branch: master
    - badges: true
    - comments: true
    - categories: [deep_learning, resnet]
    - image: https://images.unsplash.com/photo-1499781350541-7783f6c6a0c8?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjYzOTIxfQ
    - hide: false
    - search_exclude: true
    - poetry_post: false
    - metadata_key2: metadata_value2
  3. I changed _layouts/blog.html to exclude all posts where poetry_post is true.

    <section class="posts">
        {% for post in site.posts %}
        {% if post.hide != true %}
            {% if post.poetry_post != true %}
            {% include entry_square.html %}
            {% endif %}
        {% endif %}
        {% endfor %}
        </section>
  4. I changed _layouts/poetry.html to include only posts where poetry_post is true.

    <section class="posts">
        {% for post in site.posts %}
        {% if post.hide != true %}
            {% if post.poetry_post == true %}
            {% include entry_square.html %}
            {% endif %}
        {% endif %}
        {% endfor %}
    </section>
  5. I rewrote poems/_posts/2021-03-22-ppoem2.html to _posts/2021-03-22-ppoem2.md. Minor changes really.

Do you get what I tried to do? You can find the new files here. Lets see if that works. Go easy on me lol.

deepwilson commented 3 years ago

@Outsiders17711
It did work! Thanks a lot!

However, looks like it is missing the foot.html (the HOME and BLOG buttons are missing)

I guess I'm almost done customizing my look. Will start filling in with more posts going ahead.

It has been really rewarding working with this site! I have finally got more comfortable with HTML/CSS I would say

Do you get what I tried to do? You can find the new files here. Lets see if that works. Go easy on me lol. - Seriously mate?? You already look like a pro. Read up about imposter syndrome

If you ever need any help in computer vision just hit me up anytime!

Outsiders17711 commented 3 years ago

@deepwilson

Yay!! I'm so glad it worked. Okay, now I feel like I know something!

It has been really rewarding working with this site! I have finally got more comfortable with HTML/CSS I would say

My exact same reaction man. I can confidently say I've got the hang of html and css now. I've used that knowledge to create local overrides in Chrome, edit the look of my Calibre reader, etc...

I guess I'm almost done customizing my look.

If you want to further personalize, change specific element colors and looks, check out this Change Log I created. You'll be able to more precisely edit the look of the blog.

However, looks like it is missing the foot.html (the HOME and BLOG buttons are missing)

This issue is coming from _layouts/poetry.html. You have some duplicate/scrap html elements you need to clean up. Get rid of lines 39-58 and you should be good.

Screenshot 2021-08-01 185846

If you ever need any help in computer vision just hit me up anytime!

Thanks for the offer man. Feels good to help out.

deepwilson commented 3 years ago

@Outsiders17711 And all the best for your graduation!

Outsiders17711 commented 3 years ago

@deepwilson

However, looks like it is missing the foot.html (the HOME and BLOG buttons are missing)

Turns out the issue isn't coming from foot.html. You need to add the following lines under <div id="main"> between lines 37 & 38 of _layouts/poetry.html:

          <footer>
            <ul class="actions">
              <li><a href="{{ "/" | absolute_url }}" class="button">Home</a></li>
              <li><a href="{{ "/blog/" | absolute_url }}" class="button">Blog</a></li>
            </ul>
          </footer>

Take a look at _layouts/default.html to see what I mean. Turns out that foot.html controls the footer for the entire blog only. On a page-by-page basis, you need to use that code block above.

deepwilson commented 3 years ago

@Outsiders17711 Yes, it did work! Thanks

Outsiders17711 commented 3 years ago

@deepwilson

Finally!! πŸ•ΊπŸ•Ί

deepwilson commented 3 years ago

@Outsiders17711 Were you able to get your analytics working? I also tried commenting the line: {%- if jekyll.environment == 'production' and site.google_analytics -%}

But no luck!

Outsiders17711 commented 3 years ago

@deepwilson

Yeah., I was. Uncomment lines 28-38 and replace the tags in line 32 and 38 with yours. If you're not seeing any activity on your analytics page, give it some time. I took me about a week for my analytics to start updating. The issue is from Google.

deepwilson commented 3 years ago

@Outsiders17711 Yeah I have made the changes. But it still shows 0 users.

about a week -

Oh. then I have to wait I just made my changes recently

LuisAVasquez commented 2 years ago

Hello Oriol! I came across your blog while learning to use fastpages. You seem to be the only person to have managed to get Basically Basic working at least once with fastpages.

Do you remember how you did it? More or less the steps you took?

I know it's a lot to ask, but I've already screwed up a couple of repos I had to permanently delete, and the documentation for Basically Basic does not say anything about using it with fastpages. ( Since your current theme is massive, I can't simply clone your configuration files: tried it and it didn't work.)

Trust me, I tried a lot of ways of doing this, no result, that's why I'm resorting to ask you about it.

Thanks!

OriolAbril commented 2 years ago

Not sure if it will still work, but here are the tests I did with basically basic: https://github.com/OriolAbril/test_fastpages