azmelanar / hugo-theme-pixyll Goto Github PK
View Code? Open in Web Editor NEWA simple, beautiful theme for Hugo.
Home Page: https://themes.gohugo.io/themes/hugo-theme-pixyll
License: MIT License
A simple, beautiful theme for Hugo.
Home Page: https://themes.gohugo.io/themes/hugo-theme-pixyll
License: MIT License
We are setting up themes.gohugo.io - and the themes must have some common metadata/images.
Could you have a look at
https://github.com/spf13/hugoThemes
And fill the missing pieces - I had a quick look, and a screenshot.png and tn.png should do most of the trick.
Great theme.
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!
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?
Error reported by the generation script is:
cp: cannot stat `exampleSite/themes/pixyll/images/screenshot.png': No such file or directory
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 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.
Maybe you could port Pixyll 2.0 to Hugo, since it has many nice improvements, most important that I miss, is ability to have images wider than the text:
http://pixyll.com/jekyll/pixyll/2014/06/10/see-pixyll-in-action/#images-look-great-too
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?
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.
Is there documentation on how to switch that to posts
? (or inform the user that the posts
directory is getting ignored?
Search function is not available, what's the cause? Github domain name is not used to separate domain names.
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?
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
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
The templates contains a lot of Jekyll-syntax that doesn't work with Hugo.
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.
I'd love to see this on the official hugoThemes page:
https://github.com/spf13/hugoThemes/
Here are the instructions:
https://github.com/spf13/hugoThemes/#adding-a-theme-to-the-list
The GitHub project points to https://themes.gohugo.io/pixyll/, but it looks like that page is now at https://themes.gohugo.io/themes/hugo-theme-pixyll/.
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!
hugo-theme-pixyll/exampleSite/content/search.md
Lines 9 to 29 in 1d1f783
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:
config.toml
[markup.goldmark.renderer]
unsafe = true
See conversation here
I am a hugo noob so not capable of providing a sample code to fix. But hoping someone can run with this.
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.
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.