Here's my github blog created with beautiful-jekyll. It has only one post so far, the "First post!" so far.

However, I've pushed other two files to /_posts but they are not showing up on my page. Why?

Is it a bug?

I guess from the social section reddit is missing as an option.

I tried the library and has successfully modified to my need but currently i'm facing little bit of problem in adding the favicon as well as displaying the comments or even a field to type in the comment.
Please let me know if I am doing anything wrong.
Here is the url: http://silverfoxa.github.io/

Moreover when I try to host the same repo in terms of a project it shows error hence says the site does
not exits .i.e i wanted to make the url as http://silverfoxa.github.io/project but the following did not work for me.

A great work for website creating.

I found that there is no "favicon.ico" according to your step-to-step tutorial.

We can set a "favicon.ico" by adding <link rel="icon" href="/img/favicon.ico" /> in the "header.html". Or a yaml parameter "ico" could be offered to control if "favicon.ico" is show to the site.

Is there anyway we can add a phone number to the footer to go alongside the email, github, etc.?

I might be missing something, but it seems that none of the demo blog posts shows share buttons, when in the default front matter social-share: true.

Hi Dean, I would like to know how you made your navbar shorter as your "shiny.html" in your personal website. I tried to figure out myself but couldn't find a way.
If it's simple, I think it would be nice to have the "nav-short: true" option available in this template.
Thanks for the share this project!

#145 (comment)

@sasivarnan

The linkedin link at the bottom of the page defaults to www.linkedin.com/in/NAME. If I have a company page I cannot properly link to it (it will paste as 'www.linkedin.com/in/company/NAME' when I use 'company/NAME' in the config file).

I've been looking through all of the files and I cannot find anywhere where you specify how to get from the linkedin name we provide in the config file to the pasted link 'linkedin.com/in/company', as I planned on editing that portion of the code myself.

So, is this in your code somewhere, and if it is, could you point me in the right direction? Else, is this just not an option with the beautiful-jekyll template?

from @s-matthew-english
http://smatthewenglish.com/2016-07-18-Jekyll_Blog_Support_for_Twitter_Cards/

Dean - thanks again for the great work. I've added anchors for intra-document references (e.g., "{#header1}") and footnotes (e.g., "[^1]") in my posts, but when you click on the generated link it takes you one row too far down the page -- the top row is cut off by the banner. Is there an easy workaround to resolve this?

Please see the table of contents and/or footnotes in this post for an example. Please see desired footnote functionality here.

Thanks,
Ryan

Sorry to keep bothering you. But I am not seeing where you specified to have the image of yourself be the image that shows up in the browser tab. It isn't the title img or the navigation img. I noticed that it was also your github profile img so I (finally) added an image to my github profile, but that doesn't seem to be it either.

I'm sorry if it's directly in front of me and I'm just missing it. Though looking through a couple of other websites that have used beautiful-jekyll, they do not have a browser tab img set either, so I may not be going crazy.

-Andrew

The drop-down menu associated with nvabar-links takes approximately the width of the title of the drop-down. If a subsequent sub-title word is longer than this width, the word stretches across two lines.

Hi daattali,

Thanks for the beautiful-jekyll and making it easy for newcomers like me. I am trying to build a simple site for my project with your theme. My intension is to create few static pages and a blog page for release announcement. I have hosted it in this link https://github.com/mbusb/mbusb.github.io.

If you build and browse a site, all seems to be ok. But I am finding it difficult to generate a 'News' (blog) page with the "Read More", "Next Page" and "Previous Page" widgets which you normally see in your demo site. Right now my page_news.md content looks like this which generates a posts with long list (without above widgets). If I copy your "index.html" code to my "page_news.md" does not generate any post at all.

I have looked at codes of various "Success Stories" sites from your repo but I could not get what I wanted. Is there anything which I am missing in my project files?

Any help is appreciated.

Hi Dean,

Not able to render HTML widget (ex. DT, Leaflet) on beautiful-jekyll. Here is the YAML

layout: post
title: "HtmlWidge"
author: "Abiyu Giday"
date: "January 21, 2016"

output: html_document

Can you take a look?

It would be nice to have soundcloud and wikipedia in the footer. I'm using Hugo static site generator but added this myself and upgraded font awesome.

Thanks for your work!

For hugo I have added this to the footer.html (should be migrated to jekyll):

                  {{ if .Site.Author.soundcloud }}
          <li>
            <a href="https://soundcloud.com/{{ .Site.Author.soundcloud }}" title="SoundCloud">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x"></i>
                <i class="fa fa-soundcloud fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </li>
          {{ end }}
                  {{ if .Site.Author.wikipedia_en }}
          <li>
            <a href="https://en.wikipedia.org/wiki/User:{{ .Site.Author.wikipedia_en }}" title="Wikipedia">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x"></i>
                <i class="fa fa-wikipedia-w fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </li>
          {{ end }}

Adding stackoverflow: my-SO-name and stackoverflow: true to footer-links-active inside _config.yml does not work as expected because the baseURL for network profiles looks like www.stackoverflow.com/users/#######/my-SO-name (rather than www.stackoverflow.com/my-SO-name).

As a temporary solution, I set stackoverflow to #######/my-SO-name and edited <a href="https://stackoverflow.com/{{ site.author.stackoverflow }}" to include /users/ inside _includes/footer.html

Thanks for repostitory.

I've been working for a long time - trying to get syntax highlighting
on GitHub pages working. It never seems to work.

Any help would be appreciated.

I forked your beautiful-jekyll
http://mrmccormack.me/aboutme/

It works when previewing the .md file in repository... but not on compiled GitHub pages.

Here's what I added:

Here is some sample colored code

<strong>hello world</strong>

Test

{% highlight html%}
hello world
{% endhighlight %}

Another test

def test(i: Int): Unit = {
   println(i)
 }

I'm new to this, so please bear with me. I'm having trouble with my navigation menu. I can't figure out how to have my avatar and site name direct to /home. They are both leading to "rfitz9.github.io/rfitz9.github.io"

There are some issues though:

• It looks like site.baseurl support is somewhat lacking. I've seen several places where it's not used. Check the output of grep 'site\.url[^-]' -rn . | grep -v baseurl. All of the lines it finds are broken when you have a baseurl.
• On hosts that don't auto-redirect "foo" to "foo/" (they exist), removing "/index.html" is a bit too aggressive, remove "index.html" instead. (in head.html)
  • For the same reason, be sure to link to {{site.url}}{{base.url}}/ (including the slash) when linking to the base URL itself.
• For some reason, some of the footer icons don't show up properly here. RSS and LinkedIn are the ones I've noticed, but there might be others. I'm not sure why, so I've just disabled those on my site.

I fixed some of those issues on my site, but because there are too many unrelated changes mixed in I don't feel like cleaning it up and submitting a pull request, sorry.

Thanks for all your work on this great theme.

Is there anyway to change the default behavior of markdown code blocks. I really don't want them to wrap.

echo "Please tell me a way to stop this from wrapping across multiple lines!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!"

@daattali
hello. Firstly, thank you for your beautiful theme.
I'm building my site at vietanhdev.github.io.
I used some code for generating category site (categories.html file). It worked perfectly. But after I added tags in my posts, it only showed one post per category or tag. It also removed my titles, changed my post date.

Branch having this issue: https://github.com/vietanhdev/vietanhdev.github.io/tree/issue

I'm new in Jekyll. Can you help me to fix this?

Hey Dean,

Thanks for the awesome theme!

I'm finding that the avatar covers up my name on small screens (i.e. on mobile). I notice the avatar decreases in size below a certain resolution, is there a simple way to totally hide it?

Example: http://quirktools.com/screenfly/#u=http%3A//strimas.com&w=320&h=568&a=37&s=1&p=1

Thanks!

M

I've written a blog post that uses two htmlwidget packages, DT and visNetwork. Therefore, a md file would not be a good option for me.

However, I can't get the blog to fix the title. I generated the file using knitr and Rstudio and changed the YAML parameters as follows:

title: "Meta-análise R (2): Analisando Pacotes R como indivíduos em uma rede social"
author: "Sillas Teixeira Gonzaga"
date: "May 30, 2016"
layout: post
comments: true

output: html_document

However, the string title is now what appears what the home page of the blog, but the string after the date in the file name. So if I name the html file as 2016-05-30-post3.html, then post3 will be the header of that post on the blog homepage.

When I noted this, I copied the title from the YAML header to the file name, but it didn't work properly as it lowercased it.

Link to the blog page
Link to the file in the repo

So, how do I fix the title of a blog entry created by an html file?

On 2016-02-01 GitHub decided to upgrade to Jekyll v3 without warning us. This caused a lot of breakage. As a very quick and dirty fix, I hardcoded css and javascript in two files. Hopefully there's be a nicer fix eventually (this affects the master branch and gh-pages branch)

1947c49
6d0fff7

I'm trying to create Wordpress theme based on your beautiful-jekyll. All looks fine, but there are differences between your blog and github version. For example github version of main.css doesn't contain .paper definitions. Are you going to update github version? Or can I use your blog version of css?

Thanks for your time and good theme!

Can you incorporate the bigimg headers you have on your personal website into the general distribution?

Hi Dean,

I used your Jekyll template and it's awesome. I am completely new to this so I'm sorry for asking very basic question. I wanted to upload .ipynb file into into the _posts folder but it does not render properly. So I opted to upload an .html file instead. However, the page size is off as you can see here:
https://jpdeleon.github.io/2016-12-07-Tutorial_01_Exoplanet_Plots/

I would like it to render like this: http://nbviewer.jupyter.org/github/jpdeleon/jpdeleon.github.io/blob/master/_posts/2016-12-07-Tutorial_01_Exoplanet_Plots.html

I am always working with Jupyter .ipynb and my wish is to render the file readily in Jekyll by just uploading the .ipynb to _posts. Is this possible? Note that .md file will work but I'm just wondering how it'll be done for ipynb. Thank you!

After testing out a this theme, I have noticed a few issues with code blocks. (not that I am using ' rather than ` for this issue, because I couldn't work out how to escape it lol) I get the feeling that these issues are more so limitations of the tools used rather than this project, so at the very least this will help others who are having these issues.

The first issue is related to syntax highlighting. I believe there may be some case sensitivity with it. If you were to use '''Java it will not work. But if you use '''java it will.

The second issue is with new lines. If you start a code block directly after text, it will break the formatting. To prevent this, a new line must be between them.

As for my questions, I am wondering if line wrapping on code blocks has been worked out. I am currently writing tutorials about Java programming, and the line wrapping on code blocks can be quite the eye sore. You can see an example page here. I had tried fixing it myself, however the best I could do is disable all line wrapping, which turned all code blocks into one line. I am not very familiar with css though lol.

I have also noticed that the url in the top left links to the github site rather than my domain, which throws a 404. Would you happen to know what I did wrong? The repo for the site can be found here

Thanks for your time, and this awesome theme :)

Expected Behavior

Workaround for someone to be able use their Custom LinkedIn Url, instead of the obsolete pub/username/../../... Url.

Current Behavior

In _config.yml, you have mentioned to use a format similar to - pub/dean-attali/8/946/143 , to link to LinkedIn, however for a long time now I have been using a Custom Public URL - https://www.linkedin.com/in/rishabhbanga , which is not being properly linked using the current code.

Solution

Created Pull Request for the same.

I have changed the "title" field along with some other things in the _config.yml, but the title of the webpage is still shown as "My Website" as the default, while other changes has been reflected. For reference, the webiste: vvvfo.github.io

Currently beautiful-jekyll takes the website 'title' and makes it a link in the top left corner than links back to index.html.

I would like to put my company's logo at the top left instead, and still have it be linked back to index.html.

Would this feature be feasible within the current scope of beautiful jekyll?

Hello, I've found a wonderful static comment system Staticman (https://staticman.net/). Can anyone add it to our Beautiful Jekyll? :D Thank you very much!

is there a way to create tags/categories for posts ?

Hello there,
1st of all, sorry if this question ends up being stupid.

I'm using this theme at my github.io page but I was wondering what should I do (if anything at all) to take advantage of updates made in this original repo?

Clearly I don't fully understand how forking etc works but I also coudn't find any answer.
Thank you and best regards!

Containers within pages extend outside of their row in the

layout: page
title: Meet The Team
---

We are a group of researchers based at the University of Oxford who are passionate about research reproducibility and open research. The project aims to bring together expertise in these areas from across the University, and our members work in a diverse range of disciplines in the natural, medical, and social sciences, and in the humanities.

<div class="container">
<div class="row justify-content-center">

<div class="col-sm-4" style="text-align:center">

<a href="../laura-fortunato"><img src="../img/profile-pic_laura-fortunato.jpg" style="border-radius: 50%;
    width: 150px;
    height: 150px;"/></a>

</div>

<div class="col-sm-4" style="text-align:center">

<a href="../philip-fowler"><img src="../img/profile-pic_phillip-fowler.jpg" style="border-radius: 50%;
    width: 150px;
    height: 150px;"/></a>

</div>

<div class="col-sm-4" style="text-align:center">

<a href="../martin-john-hadley"><img src="../img/profile-pic_martin-john-hadley.jpg" style="border-radius: 50%;
    width: 150px;
    height: 150px;"/></a>

</div>

</div>
</div>

I've noticed that when using the bigimg it doesn't scale down below 365px width. the text overlay drops below the image instead. you can see this on your own personal site if you use chrome tools and select the mobile small (320px) view window.

See if there's an elegant simple way to support dropdown menus in the navbar links. Only if it's easy to use from the user's perspective and involves minimal code change, and make sure it looks good on both mobile and big screen.

Hi @daattali, code automatically wraps which makes it hard to read, particularly from mobile devices. I propose adding something like this to main.css:

.highlighter-rouge  code * {
    white-space: nowrap;
}

.highlighter-rouge pre {
    overflow-x: auto;
}

.highlighter-rouge pre code {
    white-space: pre;
}

This would disable wrapping and allow for horizontal scrolling.

EDIT: This solution actually had some unexpected behavior from a mobile browser, so maybe not the best way to go.

How do I incorporate a favicon?

I am facing following error with about me page. I have updated markdown and it renders fine in hintikkakimmo.github.io, but not when developing locally?

If I run Jekyll server command and click the link I get 404 error page, if I do the same on the github page it works fine.

Just in case I did run bundle install, updated bundler, Jekyll build and Jekyll build --watch with no error but serving page locally just does not seem to work. Similar happen with post time to time as well.

If I look at _site folder I can find properly generated HTML files for both post and aboutme.

Bundler 1.1.2, Ruby 2.2.1 and Jekyll 2.4.0

If I set a picture in a post (image: in the front matter) it's displayed instead of the default avatar in the navbar.
It's possible to display it below the title of the post and leave the default avatar?

Sorry for my poor english

Hi.

I get what the 404-southpark.jpg is (though I don't get why it's not simply called 404.jpg), I get what the avatar-icon.png is. But what are the other two images, path and start? They're not used in the sample posts, they're not used in the readme, and I haven't seen them in the layouts or includes... what are they?

Taking the blog-emitting src from index.html (this stuff), and moving it to a new page, say blog.html, results in no post-html to be emitted:

<div class="container" role="main">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
      <div class="posts-list">

</div>



    </div>
  </div>
</div>

Moving it back to the root index.html, and running jekyll serve then properly emits all blog-related HTML.

What is intrinsic to the root index.html that allows blog-html to be emitted? How can I transfer this logic to another page, blog.html?

Thank you so much!

James

Hello There

I am using a fork since Feb 2016, and I don't think bigimg is supported at that time, as I made some changes to the theme myself, I am wondering what are the changes I need to bring to my fork so that I can add support to bigimg

any idea ?

Last commit I have from yours is abc9e978bf81cc746eb3de55be5896768b9369b0 which is a year ago

the page 404.html with the current header will not display if the website is hosted on github

I fixed this by adding a

permalink: /404.html

I don't think this needs a PR since I added other things but I though you might want to fix that

Cheers

Rad