TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Tract: A Hugo theme for ambitious documentation projects

179 pointsby biggestlouover 5 years ago

26 comments

jdormitover 5 years ago
&gt; Anyone who knows me well (in the tech industry at least) knows that I’m a major Hugo bigot<p>&quot;Bigot&quot; is likely not the word you are looking for here - it generally has the connotation of someone who looks down or discriminates against those they consider lesser, e.g. racists or sexists. Maybe &quot;champion&quot; or &quot;fanatic&quot;?
评论 #21689669 未加载
评论 #21688408 未加载
评论 #21688264 未加载
评论 #21690117 未加载
sandGorgonover 5 years ago
Here&#x27;s Classy Docs for Gatsbyjs - a pure react based static site generator.<p>Remember, you need to write JavaScript anyway..it&#x27;s probably far more productive to go all the way.<p><a href="https:&#x2F;&#x2F;greglobinski.github.io&#x2F;gatsby-starter-kit-docs&#x2F;classy-docs-starter&#x2F;" rel="nofollow">https:&#x2F;&#x2F;greglobinski.github.io&#x2F;gatsby-starter-kit-docs&#x2F;class...</a>
评论 #21690827 未加载
big_chungusover 5 years ago
I like it, but would you consider toning the color scheme a little down? Or maybe be a bit more sparing with color? The massive field of bright pink smacked me in the eyes when I opened it up. A good documentation theme should get out of the way so the reader can focus on the text rather than the colors.
评论 #21687095 未加载
x3roover 5 years ago
One dependency:<p>Anchor.js — Provides nice clickable&#x2F;linkable anchors for Markdown content<p>Almost 6K minified to do something that the browser can do natively?... I know I&#x27;ve been out of frontend for almost three years but I&#x27;m still confused :D
评论 #21691255 未加载
gouggougover 5 years ago
Related: for anybody looking for [another] great tool to create a documentation website, take a look at Antora[1]. It uses the Asciidoc&#x2F;Asciidoctor toolchain.<p>[1]: antora.org
评论 #21697671 未加载
Uninenover 5 years ago
I just configured VuePress ( <a href="https:&#x2F;&#x2F;vuepress.vuejs.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;vuepress.vuejs.org&#x2F;</a> ) for our frontend project docs at work. Having statically built docs is great and having the ability to document your Vue code with Vue-enabled markdown is a great bonus.
评论 #21688707 未加载
yingw787over 5 years ago
I love Hugo. My personal blog and my tech blog are both built with Hugo, with an extremely simple AWS deployment pipeline. I’ve been looking for a great documentation theme , but I haven’t found one to my liking yet (closest is maybe hugo-theme-book or hugo-theme-docuapi). If v0.1 is out by end of 2019 I’d love to test drive it for a project I’m planning out early 2020.
评论 #21690218 未加载
strogonoffover 5 years ago
An example of a (somewhat) similar type of static documentation site theme, but for Jekyll, is a project I’ve been participating in[0]. Born primarily as a side effect of putting online the projects from Ribose Open, it’s somewhat idiosyncratic and (ironically) lacking its own site, but we’re getting there. It’s being actively dogdfooded[1].<p>[0] <a href="https:&#x2F;&#x2F;github.com&#x2F;riboseinc&#x2F;jekyll-theme-open-project" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;riboseinc&#x2F;jekyll-theme-open-project</a><p>[1] See, for example, <a href="https:&#x2F;&#x2F;www.rnpgp.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.rnpgp.com&#x2F;</a>
评论 #21688703 未加载
nicoburnsover 5 years ago
This is an excellent idea. My workplaces have often used github or confluence for documentation, but they&#x27;re slow, and offer limited customisation. Static site generators make a lot of sense for this use case.
评论 #21690291 未加载
bovermyerover 5 years ago
The line width (number of characters per line) is way too long. You should aim for 50-60 characters per line in a column for maximum legibility.<p>See (for example) this: <a href="https:&#x2F;&#x2F;practicaltypography.com&#x2F;line-length.html" rel="nofollow">https:&#x2F;&#x2F;practicaltypography.com&#x2F;line-length.html</a>
评论 #21688843 未加载
评论 #21687974 未加载
reinhardt1053over 5 years ago
My goto tool for documentation these days is mkdocs with material theme <a href="https:&#x2F;&#x2F;squidfunk.github.io&#x2F;mkdocs-material&#x2F;" rel="nofollow">https:&#x2F;&#x2F;squidfunk.github.io&#x2F;mkdocs-material&#x2F;</a>
secstateover 5 years ago
Docsy doesn&#x27;t break keyboard scrolling in Qutebrowser. Tract does not work for me at all. Also, while I&#x27;m sure it&#x27;s configurable, the neon pink is burning my eyes in a dark room and constrasts terribly with bright white.
评论 #21690095 未加载
评论 #21690273 未加载
techntokeover 5 years ago
Noticed on mobile when you click the menu button there is no way to return to the page.
评论 #21687757 未加载
SiDeveshover 5 years ago
That looks really nice! Recently had to create documentation for Prism OS (<a href="https:&#x2F;&#x2F;prismos.dev&#x2F;docs" rel="nofollow">https:&#x2F;&#x2F;prismos.dev&#x2F;docs</a>) and I decided to use docusaurus since it seemed like the quickest way with sane defaults but it ended up taking way longer to setup everything before I could focus on writing the documentation. Is there a easy to use platform to quickly spin up documentation pages without coding ? That would also be really helpful since non technical support or content writing staff could then also contribute
scouttover 5 years ago
A while ago I looked into all Hugo solutions for documentation and have to say this looks very clean and simple!<p>I&#x27;m still looking for something that let me define a top-root level index for documentation of several products (much like <a href="https:&#x2F;&#x2F;learn.adafruit.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;learn.adafruit.com&#x2F;</a>) but found none (also Jekyll-based). I rolled my own based on Hugo but my CSS-formatting and HTML-generating skills are those from a firmware developer :)
axfanover 5 years ago
Thanks, I have been looking for a good HUGO theme for documentation.
johnchristopherover 5 years ago
I am not familiar with Hugo but I watch out for documentation stuff.<p>How hard would it be for a casual user to add some search capabilities ? IMO, that&#x27;s a key point to have.
评论 #21694390 未加载
afandianover 5 years ago
I&#x27;m looking for something a bit more powerful than the Wiki bundled with GitLab (which uses Gollum). I started with MkDocs but moved it over to GitLab Wiki because I thought the instant feedback. I now have mixed feelings.<p>I&#x27;ve used Hugo in the past for a few sites, but the amount of boilerplate required, even though minimal, is a bit of a hurdle for an internal wiki.<p>Has anyone been here? Suggestions?
评论 #21695128 未加载
Nikskoover 5 years ago
We&#x27;ve started using mdbook [1] at work for our docs. It has search, it&#x27;s customizable, and if you really need HTML in places you can do that inside your markdown to get the best of both worlds.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;rust-lang&#x2F;mdBook" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;rust-lang&#x2F;mdBook</a>
dgellowover 5 years ago
The article made me discover Docsy: <a href="https:&#x2F;&#x2F;www.docsy.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.docsy.dev&#x2F;</a><p>For some reason the author dismissed it, but I personally find the project quite nice!
评论 #21691145 未加载
hprotagonistover 5 years ago
How convenient -- because DocuAPI has been refusing to work for me all week.
melenaosover 5 years ago
Thank you for your post, I like the theme and the idea of static generator creating the documentation.<p>How could anyone include search in these static sites? Is there any theme that could provide such functionality?
评论 #21687692 未加载
评论 #21687345 未加载
评论 #21687355 未加载
heyarviind2over 5 years ago
For more Hugo themes, you can check out <a href="https:&#x2F;&#x2F;uicard.io" rel="nofollow">https:&#x2F;&#x2F;uicard.io</a><p>They have incredible themes
aorthover 5 years ago
Looks fantastic. I already use Hugo for some other things. I&#x27;ll keep an eye on this for documentation in some future projects.
chabad360over 5 years ago
a. this looks awesome<p>b. if you&#x27;re looking for a copy button for code blocks, I&#x27;ve seen it done (and done it myself) with some vanilla js.<p>c. the more vanilla js the better.<p>d. can you make code blocks have tabs for different languages?<p>e. this is awesome (did I mention that already).<p>f. I will find an excuse to use this.<p>g. I use ddg for my site search, but Google custom search works too, and is a bit easier to work with.
评论 #21725903 未加载
msahariaover 5 years ago
Nice! How does this compare with docusaurus?
评论 #21690087 未加载