Coder Social home page Coder Social logo

azmelanar / hugo-theme-pixyll Goto Github PK

View Code? Open in Web Editor NEW
181.0 181.0 58.0 1.27 MB

A simple, beautiful theme for Hugo.

Home Page: https://themes.gohugo.io/themes/hugo-theme-pixyll

License: MIT License

HTML 8.15% CSS 87.27% JavaScript 2.81% Python 1.77%

hugo-theme-pixyll's People

Contributors

bep avatar casept avatar epeterson avatar imyousuf avatar nonumeros 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

hugo-theme-pixyll's Issues

How to build combined-min.css?

I'm trying to tweak css files but it seems that static/css/combined-min.css is not a combination of included css files (I tried compressing them in different orders with yuicompressor).
Could you please share how is it built?
Thanks!

syntax for multiple tags?

hello, for the yaml header of each markdown post, I see the example of tags = ["futurama"]
can I guess that this will work for multiple tags:
tags =["futurama","simpsons"]
is that correct? thanks!

this is seen in the example:
https://raw.githubusercontent.com/azmelanar/hugo-theme-pixyll/master/theme.toml

but I can't understand, are we supposed to hard-code ALL possible tags in the theme.toml?

I tried a few tags in that theme.toml and matched them in my post tags, then re-run the create_json.py, but even though the pages are formatted with tag links, the pages do not resolved to anything, like:

site-root/tags/tagname

can you help?

Missing image for themesite

Error reported by the generation script is:

cp: cannot stat `exampleSite/themes/pixyll/images/screenshot.png': No such file or directory

Problem with tags page

I am new to Hugo, so this may be due to a lack of knowledge on my part, but I am having a problem with the Tags page using this (otherwise wonderful) template.

My baseURL is https://<username>.github.io/<project>/

In my config file I also have

indexes:
    tag = "tags"

Tags on posts and on the home page work perfectly, as they go to:
https://<username>.github.io/<project>/tags/<tag>

However, if I go to the Tags page, all of the links from there are missing the <project> part of the urls, so that they point to:
https://<username>.github.io/tags/<tag>
and therefore point to non-existent pages.

My hugo version is 0.88.1+extended, and I get the same behaviour both locally and when hosted on Github.

Is there a way to get the links from the Tags page to work properly?

Disqus is broken

Disqus reports:

We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.

rendered result:

<div id="disqus_thread">
   <script type="text/javascript">
   var disqus_shortname = "htfy96-blog";
   var disqus_identifier = "\/blog\/%E8%BF%81%E7%A7%BB%E5%8D%9A%E5%AE%A2%E5%88%B0ipfs\/";
    
   (function() {
   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
   dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
   (document.getElementsByTagName('head')[0] \|\| document.getElementsByTagName('body')[0]).appendChild(dsq);
   })();
   </script>
   </div>
    

It seems that the way to embed Disqus has changed.
 

How to change highlight style?

I was trying to switch over the the pixyll theme, but I can't seem to change the highlight style from the default dark style. With other themes I could set

[markup]
  [markup.highlight]
    style = "monokailight"

And that was enough. But that does not work with Pixyll. I can see a bunch of highlight css in static/css/highlight but I don't know how to actually use them. Can you help me understand what I am missing?

Tags Page No Longer Works

I noticed that the tags page on my blog no longer functions. Clicking on a tag and going to the tag page lists all the pages on the blog (no filtering). I think this has something to do with the changes made to comply with Hugo v.57 (Pages->RegularPages). I have some familiarity with how hugo works, but I'm still a beginner and can't figure out how to filter RegularPages by whether or not they have a tag.

Tipue Search isn't working on https://themes.gohugo.io/pixyll/

Comparing search options for HUGO I came across this theme. Tipue Search requires https://code.jquery.com/jquery-3.3.1.min.js for a working demo, would it be worth including it so people don't have to download the theme and configure it themselves?

Please add a thumbnail

Hello @azmelanar,

currently, the theme site shows a blank image where the thumbnail for your theme is supposed to be. Please (re)add a thumbnail as described here.

Cheers,
Digitalcraftsman

Tags issue

Hello dear guys!

In file layouts/posts/summary.html, line 14, <a href="{{ $baseurl }}{{ $.Site.LanguagePrefix }}/tags/{{ . }}">{{ . }}</a>, I think it should be <a href="{{ $baseurl }}{{ $.Site.LanguagePrefix }}/tags/{{ . | lower}}/">{{ . }}</a> when considering some tags may start with alphabet which is in uppercase. Besides, it should have a / at the end inside the href label, otherwise it cannot jump from the tags which locate in summary page.

The same issue occurs in file layout/posts/single.html, line 20, <a href="{{ $baseurl }}{{ $.Site.LanguagePrefix }}/tags/{{ . }}">{{ . }}</a>, which should be <a href="{{ $baseurl }}{{ $.Site.LanguagePrefix }}/tags/{{ . | lower}}/">{{ . }}</a>.

I hope this doesn't bother you:) but the problems really occurs to me and after rewriting these 2 lines it works fine.

(btw.I really love this theme ❤️)

Sincerely,
Jiabin

Jekyll-syntax

The templates contains a lot of Jekyll-syntax that doesn't work with Hugo.

Add fediverse under [params]

My suggestion would be that Fediverse accounts (Friendica, Pleroma, Mastodon, Pixelfed, PeerTube, funkwhale, etc.) could also be specified under [params] in the config.toml file.

Feature Request: Allow Changing Font

I've been using the theme for a while and quite like it, but I'd really like to be able to change the font away from Ubuntu to Helvetica Neue or Roboto.

Unfortunately I don't know much css so wrestling with the css is not particularly easy, and it doesn't seem there's any documentation about how to rebuild the combined-min.css.

Was hoping that perhaps you might consider adding a way to change the font of the major elements. Thanks!

Search feature broken: Raw HTML Omitted

<div>
<link rel="stylesheet" type="text/css" href="../tipuesearch/tipuesearch.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
<script type="text/javascript" src="../tipuesearch/tipuesearch_set.js"></script>
<script type="text/javascript" src="../tipuesearch/tipuesearch.min.js"></script>
<script type="text/javascript" src="../tipuesearch/tipuesearch_content.js"></script>
<script>
$(document).ready(function() {
$('#tipue_search_input').tipuesearch({
'mode' : 'json',
'show': 10,
'newWindow': true,
'wholeWords': false
});
});
</script>
<div class="span8 offset2">
<div id="tipue_search_content"><div id="tipue_search_loading"></div>
</div>
</div>

Search feature is broken with the >= 0.6.0.

The block of code above will render

<!-- raw HTML omitted -->

To fix, there are two options:

Add the following to config.toml

[markup.goldmark.renderer]
unsafe = true

See conversation here

Migrate this to a template (layout dir)

I am a hugo noob so not capable of providing a sample code to fix. But hoping someone can run with this.

`paginate` parameter in README is boolean, but hugo expects a number?

The README for this project has a sample config with paginate = true. If I use this setting, I wind up with a front page that has just one post, and each page has only one post. I tried to turn pagination off by setting it to false, but I got this error:

failed to render pages: render of "home" failed: "/Users/dap/projects/blog-hugo/dap-blog/themes/pixyll/layouts/index.html:12:41": execute of template failed: template: index.html:12:41: executing "index.html" at <.Paginate>: error calling Paginate: 'pager size' must be a positive integer

When I first saw this, I didn't understand it, but I found that if I left the paginate parameter off completely, then I seemed to get no pagination. (That wasn't actually true -- I just didn't have enough posts to fill up a page.)

Anyway, the hugo pagination param is a number, not a boolean. The README should probably either leave this out (using the default) or set it to a value (10 is the default). I think the confusing behavior I saw resulted from "true" being mapped to 1 and "false" being mapped to 0.

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.