Giter Club home page Giter Club logo

flexible-jekyll's Introduction

flexible-jekyll's People

Contributors

artemsheludko avatar chetgray avatar felixthiele avatar gutblog avatar jamesddelaney avatar kentonh avatar shashwat986 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flexible-jekyll's Issues

Providing no image leaves an empty space

Hi,

nice effort 👍

Maybe I haven't taken enough time to read the project, but the image of a post is meant to be an optional attribute. However, if I don't provide any image, I end up with a post that looks like corrupted to the user:

screen shot 2017-10-14 at 02 10 58

Am I missing something or is it indeed a bug?

Regards,
Thodoris

Two files not found

Two files seem to be missing from the repository which result in the following errors after starting the server:

`/flexible-jekyll/assets/img/favicon/apple-touch-icon-114x114.png' not found.

`/flexible-jekyll/assets/img/favicon/favicon.ico' not found.

Gulpgile.js not working in Gulp V4. Gulp V3 to V4 update

The gulpfile.js uses gulp v3 syntax.
It should be updated to v4 syntax.

Basically, there are two changes needed as far as I can see:

  • need to change the lists to gulp.series in gulp.task...
  • need to reorder the tasks to avoid undefined error

Please see this stackoverflow post for details.

The code below was the solution I implemented for my GitHub pages, it seems to work. However, I am not very experienced in gulp so I am not sure if it is the correct fix.

If anyone can see if I am on the right path I will gladly submit a PR.

var gulp = require('gulp');
var sass = require('gulp-sass');
var prefix = require('gulp-autoprefixer');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');
var cache = require('gulp-cache');
var cp = require('child_process');
var browserSync = require('browser-sync');

var jekyll   = process.platform === 'win32' ? 'jekyll.bat' : 'jekyll';

// Build the Jekyll Site
gulp.task('jekyll-build', function (done) {
    return cp.spawn( jekyll , ['build'], {stdio: 'inherit'})
        .on('close', done);
});

// Rebuild Jekyll and page reload
gulp.task('jekyll-rebuild', function () {
    browserSync.reload();
});

// Compile files
gulp.task('sass', function () {
    return gulp.src('assets/css/scss/main.scss')
        .pipe(sass({
            outputStyle: 'expanded',
            onError: browserSync.notify
        }))
        .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
        .pipe(gulp.dest('_site/assets/css'))
        .pipe(browserSync.reload({stream:true}))
        .pipe(gulp.dest('assets/css'));
});

// Compression images
gulp.task('img', function() {
	return gulp.src('assets/img/**/*')
		.pipe(cache(imagemin({
			interlaced: true,
			progressive: true,
			svgoPlugins: [{removeViewBox: false}],
			use: [pngquant()]
		})))
    .pipe(gulp.dest('_site/assets/img'))
    .pipe(browserSync.reload({stream:true}));
});

// Wait for jekyll-build, then launch the Server
gulp.task('browser-sync', gulp.series('sass', 'img', 'jekyll-build'), function() {
    browserSync({
        server: {
            baseDir: '_site'
        },
        notify: false
    });
});

// Watch scss, html, img files
gulp.task('watch', function () {
    gulp.watch('assets/css/scss/**/*.scss', gulp.series('sass'));
    gulp.watch('assets/js/**/*.js', gulp.series('jekyll-rebuild'));
    gulp.watch('assets/img/**/*', gulp.series('img'));
    gulp.watch(['*.html', '_layouts/*.html', '_includes/*.html', '_pages/*.html', '_posts/*'], gulp.series('jekyll-rebuild'));
});

//  Default task
gulp.task('default', gulp.series('browser-sync', 'watch'));

Liquid tags don't work when using post layout

I tried to use

{{ site.site-email }}

(where site-email is defined in _config.yml) in a page that used the post layout. However, the text "{{site.site-email}}" showed up in the rendered page. After a little quick investigation, I found the answer was to amend the post layout to use

{{content | markdownify}}

instead of

{{page.content | markdownify}}.

Seems too small a thing to issue a pull request, so just leaving a comment about it here.

Description of the post doesn't appear in the main page

This is a great theme. I have used it for my blog. Thank you.

In the main page of the web-page, inside the box for a post, I wish to have a brief description of the post to appear along with the title of the post. Presently, the main content is getting displayed, instead of the description that is given in the markdown file of the post.
Please let me know if this can be resolved.

Markdown file of the post:
description

Web-page showing the beginning of the main content instead of description:
main page

code block

I find that The block of code will change on the phone and can't roll. but i don't know how to solve it

Thumbnail's text is displaying author's description

Hello,

wouldn't it be nice if thumbnail's text displayed the respective post's first few lines of text (, instead of author's description) ?

screen shot 2017-10-15 at 02 31 27

If you want, I can pick this up, if you provide a hint/tip.
Regards,
Thodoris

Unable to embed html file in the post

Hi there,

Thanks for sharing your great work. I have a question in how to embed the HTML file in the post markdown file?

I upload the HTML file to _include folder, and use {% include newyork_map.html %} in the post markdown file.

But it does not show up in my post, just display the plain text '' .

Any way to solve it? Thanks!

Any chance of someone implementing sticky posts?

I was wondering if someone with better knowledge of code writing than myself could implement sticky posts for this theme? I've downloaded and installed this code but cannot get it to function properly with this theme.

What happens is if I have 3 posts, I end up with 6 (duplicates of each).

I suppose I could always just mess with the dates and rebuild each time I post but thats a bit annoying.

Photo Credits

I don't know if the feature exists or not...
I'm using photos from Flickr with "All creative commons" license in my posts and I would like to include the author of the picture or in some way give credit to the person who shot the photograph. Could be a note just below the image or on top of the image on one of the bottom corners. If you can point me in the right direction I'll appreciated.

Img thumbnail in home page not showing

I'm writing a post that is in the _drafts folder. As jekyll instructions, the file doesn't have the date just yet. When I jekyll serve --drafts --livereload the image doesn't show in home page but does if you go to the post itself.

  • Jekyll 3.8.1

markdown doesn't work on _config.yml

Hello,

I know, this is not meant to be the proper way of using jekyll, but please let me explain the following scenario:
As an author, I would like to have a link displayed in my author's description (about-author property in _config.yml; example: [Thodoris](link/to/site) ).

Of course, this is out of the scope of this project, since it is more global, but I would like to first hear your opinion (, since I'm just a newbie with jekyll), before escalating this to the official project (also because I'm not sure whether the main project -jekyll/jekyll- is the most relevant one to this case).

Regards,
Thodoris

Great theme - needs a little correction.

The theme looks great @artemsheludko . But it makes an api call! I tried to see why and this is what I found in view source

<li class="github"><a href="http://github.com/{
--
  | "api_url": "https://api.github.com",
  | "baseurl": "/flexible-jekyll",
  | "build_revision": "52f93ec6c5f6233eb77fc6770d396ba164a42b51",
  | "clone_url": "https://github.com/artemsheludko/flexible-jekyll.git",
  | "contributors": [
  | {
  | "login": "artemsheludko",
  | "id": 22279513,
  | "avatar_url": "https://avatars3.githubusercontent.com/u/22279513?v=4",
  | "gravatar_id": "",
  | "url": "https://api.github.com/users/artemsheludko",
  | "html_url": "https://github.com/artemsheludko",
  | "followers_url": "https://api.github.com/users/artemsheludko/followers",
  | "following_url": "https://api.github.com/users/artemsheludko/following{/other_user}",
  | "gists_url": "https://api.github.com/users/artemsheludko/gists{/gist_id}",
  | "starred_url": "https://api.github.com/users/artemsheludko/starred{/owner}{/repo}",
  | "subscriptions_url": "https://api.github.com/users/artemsheludko/subscriptions",
  | "organizations_url": "https://api.github.com/users/artemsheludko/orgs",
  | "repos_url": "https://api.github.com/users/artemsheludko/repos",
  | "events_url": "https://api.github.com/users/artemsheludko/events{/privacy}",
  | "received_events_url": "https://api.github.com/users/artemsheludko/received_events",
  | "type": "User",
  | "site_admin": false,
  | "contributions": 4
  | }
.
.
.

There are a lot more lines. It can be a serious performance issue.

Add dark theme.

Light theme looks awesome as well, but it would be better if user has an option to choose between the two themes.

Code highlighting scroll?

Is there a way to make the code scroll instead of wrap? If I remove these tags from the pre and pre code sections of the css:

overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;

and replace them with

overflow-x: auto

then the code highlight overflows beyond the padding of the wrap-content div class. I can add a max-width tag just below overflow-x: auto to limit this, but a value for max-width that looks good is different for different screen sizes, creating a huge hassle. Is there a way to make the code scroll and prevent it from overflowing?

Optimal size of post picture

I am having trouble to come with pictures that fit perfectly the thumbnail and the top of every post. They seem to never fit both.
Is there any ideal dimension?

2 posts with same name -> latest one will be shown twice

links to posts do not include date. It causes ambiguity if we have 2 posts with same name but different dates:

$ ls _posts/
2020-10-07-first-post.md  
2020-10-08-first-post.md

On the index page you can see correctly 2 posts with distinct values (img, date and content).
But the generated links do not include dates, so in both cases we end up with same link <a href="/first-post/">, which causes that only the latter post will be shown even if clicked on the one with previous date.

Implementing category

I forked the repo and applied it to my blog, and I thought that it would be better to implement category. I'm planning to make functionality supporting it.

Scheduling posts: post publishing date delays locally but not on GitHub Pages

When scheduling posts by altering the date attribute at the top of a markdown blog post, this works locally (the post does not show as published when the date is in future), but does not work after pushing to GitHub (will display post event when 'release date' is in the future)

Can this be fixed? It would be great to be able to schedule posts to release on certain dates.

Using External Image in the post

Thanks for so beautiful theme, I wonder if is possible to use the link to an external image in the property "img" of the post template.

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.