qqpann / hugo-primer Goto Github PK
View Code? Open in Web Editor NEWHugo theme based on GitHub's Primer CSS
License: MIT License
Hugo theme based on GitHub's Primer CSS
License: MIT License
Landed here after following a link from the theme site. Could you please add some documentation to this theme? Thanks.
Hugo version: v0.68.1
I've noticed that these codes have no effect, and it seems that superscript is not supported at all...
When writing a huge summary article, it becomes a rather disadvantage because small topics will not show up in search results.
To overcome this, adapt to google's detailed search result with TOC contents.
Hi Pan,
I pretty like your theme hugo-primer, it's brief and beautiful.
And I commit a hugo shortcodes to my fork, and it add support for ruby tag in this theme.
You can find the definition of ruby tag in MDN Web docs and my commit in add support for ruby tag in HTML .
The result of ruby tag in hugo-primer is like this:
And you just need one line shortcodes code:
{{< ruby rb="深表遗憾" rt="Xi Wen Le Jian" >}}
{{< ruby rb="My heart is broken." rt="I'm happy for that." >}}
There is an actual view of this shortcodes at the beginning of this post.
Would you like merge this shortcodes into your original repo?
I can make a pull request for that.
Thanks for reading.
In sitemap.xml, created time seems to be used as last modified time.
When I refer to this theme, I see the scroll bar in the table of contents:
このテーマを参照した時、目次にスクロールバーを見ます。
This scroll bar is not displayed in IE, but it is displayed in Chrome, Firefox and Edge.
このスクロールバーは IE では表示されませんが、Chrome・Firefox・Edge では表示されています。
This has destroyed the design of the theme.
これにより、テーマのデザインを崩してしまっています。
This solution is a simple CSS addition:
この解決はシンプルなCSSの追加です。
static/assets/style.css
.pr-3 {
overflow: auto;
}
Hello Pan,
When I use code in title, for example:
the result of TOC is broken into three lines, like this:
I try to fix it but I cannot find out where should I modify.
All of us will appreciate it if you can fix it.
如果我的英语没有太讲明白的话,问题是这样的:
在标题里插入代码会造成右上角生成的目录里,插入代码了的那行标题会折成多行。
我尝试自己处理结果没找到地方修改,后端工程师面对css和js很苦手。
不知道是bug还是feature,如果是bug的话麻烦修复,非常感谢!
Not sure if necessary.
https://themes.gohugo.io/hugo-primer/
The demo is missing and the image is invalid.
That is a very simple mistake:
それは単純な誤りです。
{{ .Date.Format "2006-01-01" }}
In this way,2018-12-12 will be displayed on December 31, 2018.
これにより、2018年12月31日は 2018-12-12 と表示されています。
Changing the number corresponding to the day will solve it.
日に該当する数字を変える事で解決できるでしょう。
Here it is 2006-01-02:
ここでは 2006-01-02 になっています。
https://gohugo.io/functions/format/
It also exists in this file:
このファイルにも存在します。
https://web.dev/html-has-lang/?utm_source=lighthouse&utm_medium=devtools
Add lang attribute depending on config.toml
in order to improve accessibility score to 100.
https://sharingbuttons.io
This tool enables it. (#36 )
However Pocket is currently not supported.
Watch for later release, or look for other tools.
Distinguishable title.
Now, what shown in copyright.html is the author of the theme. However, I think it should be the author of the website that uses this theme.
If it goes on like this, readers should misunderstand that "Qiushi Pan" is the author of contents published on the blog that is using this theme.
How do you think about it?
# You can use favicon by addin them manually.
useIcon = true
SHOULD BE:
# You can use favicon by addin them manually.
# (Place an image with filename `favicon-64.png` in `static/`.)
useIcon = true
Make use of tags.
closes #2
Hi,
Thank you for creating this theme. It's simple and works well to my needs. However, I'm having an issue with TOC and Rmd files. I don't have any expriences in web development, so bear with me while I try to explain this:
I'm using Rmd files to compile new posts, but the posts are not displaying the floating TOC correctly: only TOC title are displayed (my post: https://truonghm.github.io/).
I have done my own researches and look at theme source files, and here are my findings:
TOC being included is determined in the file _default/single.html
The HTML output of normal Markdown file has its headings in the following format:
<h3 id="this-is-a-heading">This is a heading</h3>
<div id="this-is-a-heading" class="section level3 unnumbered">
<h3>This is a heading</h3>
And as such it looks like the TOC engine doesn't recognize headings from Rmd files to build TOC.
I'm thinking of 2 solutions to this problem:
Change the TOC engine (I haven't figured out its location yet) so that it also recognize a different heading pattern from Rmd
Include some code in the Rmd files so that the headings are produced correctly
I don't have much knowledge regarding HTML/CSS/JS, so it would be a great if you can provide some help.
Thank you again for building the theme!
Edit: This is also the first time I'm submitting an issue on GitHub, and I think the "bug" label does not apply correctly here... Is there any way I can edit this?
TOC
Primer CSS
https://styleguide.github.com/primer/components/pagination/#numbered-pagination
Hugo
TBA
Hugo version: [0.80.0]
Refer to the title
Twitter, Hatena
i am a bit new to hugo, an exampleSite
would be very helpful
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.