Independent web developer & designer.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Contact | See all themes |
- Twitter - @artemsheludko_
- Instagram - artemsheludko_
- Dribbble - artemsheludko
Flexible-Jekyll is a simple and clean theme for Jekyll
Home Page: https://artemsheludko.github.io/flexible-jekyll/
License: GNU General Public License v3.0
Independent web developer & designer.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Contact | See all themes |
why not add category?
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.
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:
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'));
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.
Is there a way to archive blog posts based on date?
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.
Web-page showing the beginning of the main content instead of description:
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
I cloned your theme, but it could not work.
If you have time, please have a look at my website: https://marina-ma.github.io/
could you include an "Impressum" link to an impressum.md site in the root for german blogs?
maybe below the copyright?
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!
Generally, the following works as expacted:
Collection<E>
But for this particular case, it doesn't:
Any ideas?
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.
Fork the "master" branch and delete "gh-pages" branch in it. I'm the first time to try it, I can not find "gh-pages",where is it?how to delete it? thanks for reading.
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.
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.
Hello,
I really love your theme and thanks for sharing with us. Today I encunted a problem. Hope you can help me.
Some text format in markdown cannot display in the webpage (showed in the picture) while it can do in the GitHub.
GitHub
https://github.com/Marina-Ma/Marina-Ma.github.io/blob/master/_posts/2017-10-26-Markdown-Writing.md
Thanks
Marina
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
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.
Light theme looks awesome as well, but it would be better if user has an option to choose between the two themes.
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?
A verifiable bot for legitimate community members built with react.js
easily verifies wallets and any algorithmic input
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?
Fontawesome5 has been released some time ago, is there any plan to upgrade?
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.
Beautiful theme; thanks for sharing it!
Is there a package.json
file for this?
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.
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.
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.
How to generate directory automatically in article?Thanks a lot!
Hello!
I'm running this project which collects all portfolio websites as GIF images.
https://github.com/umihico/thumbnailed-portfolio-websites
I'd like you to add your location on your public profile to be categorized if you don't mind.
Thank you!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.