Code Monkey home page Code Monkey logo

vredeburg's Introduction

Vredeburg

Netlify Status

A simple starter project to create a blog using Eleventy and Tailwind CSS.

Screenshot

See demo here!

Getting Started

  1. Clone this repository
git clone https://github.com/daflh/vredeburg.git my-blog
  1. Navigate to the directory
cd my-blog
  1. Install dependencies
npm install

Use in development

npm start

Build for production

npm run build

For debugging purposes

npm run debug

Configuration

To change the title, description, author data, menu/nav item, etc, go to src/_data/.

vredeburg's People

Contributors

daflh avatar dependabot[bot] avatar flytewizard avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vredeburg's Issues

vredeburg rtl support for <li>

Thank you for the excellend vredeburg project!

I'm using it for a Hebrew website and the bullet points and numberings of

    and
      appear on the left - the wrong side of the lines.
      I think I need to add this npm package: tailwindcss-rtl
      but I'm not sure how to add it to the project.

video versioned of this template.

hello friend, is it possible you can make another theme based on vredeburg but for video. which looks like this, i want to share anime and i want to display 4 small thumbs on the front page with tags .
Image of Yaktocat

Problem with image paths when using a subfolder

I had to upload my site files to a subfolder, so I used pathPrefix to get relative path urls. Now, my homepage looks fine but I still have issues with images inside posts. The image url is the same whether on the posts list on on the post page itself, which means that the image does not load inside the post. You can see the result here: http://styles-bijoux.com/blog/
On the list of posts, the images are fine but when I click on one of them and get inside the post, the image is not visible because the path is wrong.
I think I am missing something regarding the url filter but I do not know what...

CSS Build Problem

After having used the 'Use as template' option to create my repository, the main.css is not functioning with the existing build as I'm attempting to run in local. I would appreciate it if you might have the time to assist.

Pagination for search page

As the search results is a very long list I'd like to use pagination, but this is not a collection. Is there a method for paging the results of a search?

Tags from various paths

Hello @dafiulh,

Cool template, thank you for building it!

I've got a number of folders with pages and each page with it's own tags. I was wondering if you know: how I can get tags from non-posts/ pages working easily?

Cheers!

adding video html5 tag

hi, im trying to figure where the thumb code is and replace it with a html5 video tag,

how would i remove the thumb while user views post

Unsupported modules

I get this when installing fresh:

% npm install
npm warn deprecated [email protected]: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated [email protected]: Rimraf versions prior to v4 are no longer supported
npm warn deprecated [email protected]: Glob versions prior to v9 are no longer supported

I would like to deploy my blog on a subfolder

Hello,
This template works fine locally but when I try to upload the content of the dist folder to a server, it does not look good because all the paths are wrong. I realized it is because I uploaded the files to a subfolder (not the root server). Is there a way to put relative paths in the built site instead of root paths?

Folders inside /src/posts/img/ ?

Hi, thanks so much for providing this starter template! I'm using it to rebuild my personal site, which includes a blog. Some of my blog posts contain a bunch of images, so I typically put them into a their own folder to keep the root image directory clean.

However I notice that images inside a folder inside /src/posts/img/ can't be loaded.

Eg. if I reference a thumb in front matter like thumb: "image.svg" it displays, but if I put it into a folder inside /img/ and reference it like thumb: "folder/image.svg" it cannot be displayed.

The strange thing is that the image path created appears to be correct:

Screen Shot 2021-03-02 at 8 16 48 PM

In this case ^^ there is an image located at /assets/img/google-doc/hero.svg, but it won't display because it's in a folder called google-doc. If I move the image to the img root, it's displayed at /assets/img/hero.svg.

I'm experiencing the same when referencing images in markdown. Eg:

<img src="/assets/img/folder/image.svg"> // Doesn't display ❌
<img src="/assets/img/image.svg"> // Does display ✅

Any idea what's going on here? Is there something I could add that allows the site to display images in folders?

Many thanks in advance!

Cache busting?

Any chance you plan to add cache busting by adding a random string to the css and js file names?

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.