Giter Club home page Giter Club logo

travel-blog's Introduction

Blog

Me in front of a lake

Discover it: https://morikko.github.io/travel-blog/

This blog is about my trip to South America. I describe the places I discovered, the culture I met and the activities I did.

All the articles are attached to many beautiful pictures from South America.

Enjoy :)

About the technology

Wordpress

The blog is based on Wordpress. During my road trip, the blog was online on a server. Thus, I was able to write my articles while traveling. When I came back home, I decided to switch it off as it cost me money. However, I downloaded a back up I put offline on my computer.

Headless

As now, I am no more contributing to this blog, the wordpress features are useless. Thus, I decided to switch it to a static website I could again present. I used this amazing extension called Simply Static.

Step to create this static blog

Generate the static website

  1. Install the extension
  2. Set the plugin settings (you might use a subdomain, here: /travel-blog)
  3. Generate the static website
  4. If the zip download link didn't work, fetch the result directly from the plugin 'wp-content' folder

Current problems

The plugin is mainly working well but a few glitches remain. The next changes have always to be done everywhere in the code.

Category

When a category has more than 1 page, the first page is a redirection one pointing to the same page (infinite redirection). I had to copy the HTML source directly from the local server.

In the copied HTML:

  1. Replace "/20%" with "/"
  2. Replace "http://localhost/travel/" with "/travel-blog"

Files architecture for posts

For an unknown reason, a %20 is added in each post URL. Nevertheless, %20 is a space in HTML format, so it is impossible to fetch the URL.

The solution is to change the %20 name with content.

  1. Rename the "%20" folders with "content" with find . -type d -name "%20" -exec sh -c 'f="{}"; mv -- "$f" "${f%/%20}/content"' \;
  2. Replace "/%20/" with "/content/"
  3. Replace '/%20"' with '/"'
  4. Replace "/%20'" with "/'"

Others

Probably a mistake when I put the back up offline locally.

For a library to be well fetched:

  • Replace "/wp-includes/js/wp-emoji-release.min.js" with "//wp-includes/js/wp-emoji-release.min.js"

About the map

The API key is outdated and thus Google Maps is complaining but you can use the map. In order to fix the article links and image previews:

In front of the Perito Moreno

I hope you will enjoy my blog as much as I loved my trip! :)

travel-blog's People

Contributors

morikko avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.