orianna-zzo / allinone Goto Github PK

View Code? Open in Web Editor NEW

185.0 4.0 90.0 24.2 MB

All in one Hugo theme

License: MIT License

HTML 12.70% CSS 86.75% JavaScript 0.55%

hugo-theme hugo-blog-theme hugo

allinone's Introduction

AllinOne

Hugo theme - AllinOne.

Demo

Here are some screen shots.

Features

Responsive full image carousel (Responsive text layout on it should be improved)
Suited for blogging and personal webpages with static profile image (avatar) and website image (faviconfile)
Smooth scroll && hierarchical TOC Scrollspy for content (h1~h4)
Syntax highlighting with highlightjs
Katex for Latex
Google Analytics
Font Awesome 3.1.0
Built-in Tags, Series and Categories && show recomendations of the section in the sidebar
Built-in pagination for sections
Previous/Next post button
Post card list with summary (with/without an intro picture) && Series card list in the sidebar

Most features are optional and can be individually enabled/disabled in your config.toml.

Quick Start
Usage
License
Thanks

Quick Start

From the root of your Hugo site, clone the theme into themes/AllinOne by running:

# Clone theme into the themes/AllinOne directory
$ git clone https://github.com/orianna-zzo/AllinOne.git themes/AllinOne

Usage

Configuration

Please see the sample config.toml. The theme is built on Hugo v0.46.

If you use this as a theme of your project website (not the root directory),make sure not to use a forward slash / in the beginning of a PATH in your config.toml, img in your post head and url in your data direcotory, because Hugo will turn it into a relative URL and the absURL function will have no effect.

Carousel Picture

Set two params in config.toml, slidesDirPath and slidesDirPathURL.

slidesDirPath sets the directory path for hugo server to search. slidesDirPathURL sets the rel url for the images.

Here are simple examples for quick start.

# if you want to use images in the theme (defult in the theme)
slidesDirPath    = "themes/AllinOne/static/img/header-slides"  
slidesDirPathURL = "img/header-slides"

# if you want to use images in static/img/header-slides
slidesDirPath  = "static/img/header-slides"  
slidesDirPathURL = "img/header-slides"

Post Intro Picture

List the image path in the YAML head of the post. For example:

---
date: "2018-08-13T00:14:19+08:00"
publishdate: "2018-08-13+08:00"
lastmod: "2018-08-13+08:00"
draft: false
title: "This is an example"
tags: ["css", "blog"]
series: ["Example"]
categories: ["Sci"]
img: "images/blog/2018-08/test5.jpg"
toc: true
summary: "This is an example of adding an intro picture to the post. "
---

Post Summary

There are three ways to add summary to each post.

Hugo-defined Summary Split

By default, Hugo automatically takes the first 70 words of your content as its summary and stores it into the .Summary page variable for use. It is much easier with no additional work, but it might not the one you want.

If Chinese/Japanese/Korean (CJK) languages are in the content, set hasCJKLanguage as true in the config.toml, so that Hugo could auto detect CJK languages to make .Summary and .WordCount behave correctly. See here

The length of text to show in a .Summary could be set as summaryLength in config.toml. See here
User-defined Summary Split

Alternatively, you may add the  summary divider where you want to split the article. Content that comes before the summary divider will be used as that content’s summary and stored in the .Summary page variable with all HTML formatting intact. The only extra work is add the  summary divider.
User-defined Summary

You may want a specific summary for the post other than the front sentences of the content. In this case, you could but summary in the yaml head of the post with the param name summary.

Series Intro Picture

By default, the series recommendation card list in the sidebar use themes/AllinOne/static/img/default.png as intro picture. You can set name, img, and summary in data/series.toml. name of the series should be in lower capitals. If the series cannot be found in series.toml, default.png will be used.

Here is an example of data/series.toml:

[[series]]
name = "review repo"
img = "images/blog/2018-08/test3.jpg"
summary = "This is the place I write reviews"

[[series]]
name = "blog diary"
img = "images/blog/2018-08/test5.jpg"
summary = "How I build up my personal website"

License

Licensed under the MIT License. See the LICENSE file for more details.

Thanks

Thanks to the following projects I learned from:

Hugo theme cocoa
Material design for Bootstrap4 mdb

allinone's People

Contributors

Stargazers

Watchers

Forkers

anna-liao jwcastillo svetlemodry devbins minhkma quyetmv raviagrawal86 crispinread batystuta sharing-sense zabio3 huweicai jasonzhang95 serhatteker chtisgit overbool bgallois alexandroqc zach-johnson tifancy agapitox hyejineee thirdgerb flameeyes ehchhhhe zach-andrews karlaju mk-luo banshengbushu huangno1 tommorris jeff029 dobassy liweiv gzimmers fguby leoryu fishbear baunes goelashwin36 dossier23 maestretti luochang212 xk0nsid glitterlip davidwernerhh jtatfranklin gelmisb zxdawn2 jiahaocodes 3manuek mishragauravgm systemime prashant-raghu rickyxume tirsoh mattstratton sunbirder vincenttam niklasnorin chalvern cphamlet litanid coderstarchen dreampools zhoulhb yayi-anywehere jr3n googlebabaio ladecimotercera xiaoouwang amitech borisvu eorstrom qi94 flionay voicon rudolffu hexiu wzdlc1996 lubaoyilang sader235 wangzh-hao datwins jonathanlai daniel-hutao henryzeo huangyingwen kuri2121

allinone's Issues

Show visitors/ favor number on the site/post

How about displaying number of visitors on the footer and number of favor of the post?

How can I change Font?

字体 Raleway 看起来参差不齐（尤其是数字）
我修改了 main.css but failed
what should I do?

Errors on initial build

Immediately after starting a new blogdown site with RStudio, using this theme as the base, I tried serving the site and got an unexpected error:

Warning: You are recommended to ignore certain files in config.toml: set the option ignoreFiles = ["\\.Rmd$", "\\.Rmarkdown$", "_files$", "_cache$"]
> blogdown::serve_site()
Rendering content/blog/2015-07-23-r-rmarkdown.Rmd
Building sites â€¦ WARN 2019/03/13 14:57:33 Data for key 'series' in path 'AllinOne\series.toml' is overridden by higher precedence data already in the data tree

                   | EN   
+------------------+-----+
  Pages            |  96  
  Paginator pages  |   3  
  Non-page files   |   1  
  Static files     | 144  
  Processed images |   0  
  Aliases          |   3  
  Sitemaps         |   1  
  Cleaned          |   0  

Total in 645 ms
Error in `row.names<-.data.frame`(`*tmp*`, value = value) : 
  duplicate 'row.names' are not allowed
In addition: Warning message:
non-unique values when setting 'row.names': ‘public/categories/????’, ‘public/tags/??’, ‘public/tags/???’, ‘public/tags/????’

start error

hugo serve --theme=Allinone --buildDrafts

Building sites … ERROR 2018/11/22 22:50:36 render of "taxonomyTerm" failed: execute of template failed: template: _default/terms.html:11:9: executing "header" at <partial "page-header...>: error calling partial: "/Users/ferried/Projects/blog/themes/Allinone/layouts/partials/page-header.html:1:22": execute of template failed: template: partials/page-header.html:1:22: executing "partials/page-header.html" at <len .Site.Params.sli...>: error calling len: len of untyped nil
ERROR 2018/11/22 22:50:36 render of "taxonomyTerm" failed: execute of template failed: template: _default/terms.html:11:9: executing "header" at <partial "page-header...>: error calling partial: "/Users/ferried/Projects/blog/themes/Allinone/layouts/partials/page-header.html:1:22": execute of template failed: template: partials/page-header.html:1:22: executing "partials/page-header.html" at <len .Site.Params.sli...>: error calling len: len of untyped nil
ERROR 2018/11/22 22:50:36 render of "home" failed: execute of template failed: template: index.html:3:6: executing "header" at <partial "homepage-he...>: error calling partial: "/Users/ferried/Projects/blog/themes/Allinone/layouts/partials/homepage-header.html:1:22": execute of template failed: template: partials/homepage-header.html:1:22: executing "partials/homepage-header.html" at <len .Site.Params.sli...>: error calling len: len of untyped nil
Total in 38 ms
Error: Error building site: failed to render pages: render of "page" failed: execute of template failed: template: _default/single.html:11:9: executing "header" at <partial "page-header...>: error calling partial: "/Users/ferried/Projects/blog/themes/Allinone/layouts/partials/page-header.html:1:22": execute of template failed: template: partials/page-header.html:1:22: executing "partials/page-header.html" at <len .Site.Params.sli...>: error calling len: len of untyped nil

blog-preview problem of windows

$ hugo server --theme=AllinOne --buildDrafts                                        Building sites … ERROR 2019/02/14 10:26:36 render of "taxonomyTerm" failed: "D:\    blog\themes\AllinOne\layouts\_default\terms.html:1:22": execute of template fail    ed: template: _default\terms.html:11:9: executing "header" at     der...>: error calling partial: "D:\blog\themes\AllinOne\layouts\partials\page-h    eader.html:1:22": execute of template failed: template: partials/page-header.htm    l:1:22: executing "partials/page-header.html" at : erro    r calling len: len of untyped nil                                                   ERROR 2019/02/14 10:26:36 render of "home" failed: execute of template failed: t    emplate: index.html:3:6: executing "header" at : error     calling partial: "D:\blog\themes\AllinOne\layouts\partials\homepage-header.html:    1:22": execute of template failed: template: partials/homepage-header.html:1:22:     executing "partials/homepage-header.html" at : error c    alling len: len of untyped nil                                                      Total in 835 ms                                                                     Error: Error building site: failed to render pages: render of "taxonomyTerm" fai    led: "D:\blog\themes\AllinOne\layouts\_default\terms.html:1:22": execute of temp    late failed: template: _default\terms.html:11:9: executing "header" at     "page-header...>: error calling partial: "D:\blog\themes\AllinOne\layouts\partia    ls\page-header.html:1:22": execute of template failed: template: partials/page-h    eader.html:1:22: executing "partials/page-header.html" at     ..>: error calling len: len of untyped nil

Card for list.html

Using Card for list.html will be prettier.

add subscribe to newsletter form

A section where people can register to a newsletter would be nice to have here as well :)

For example, can be integration with MailChimp

use build.sh to push your public

#!/bin/bash

feat=$1
scope=$2
desc=$3
hugo --theme=AllinOne --baseUrl="https://ferried.github.io/"
cp -rf ~/Projects/hugo-blog/public/* ~/Projects/ferried.github.io/
cd ~/Projects/ferried.github.io/ && git add .
git commit -m "$1($2): $3"
git push

能集成第三方评论功能吗？

比如
Gitment
Disqus
LiveRe

hugo new

https://discourse.gohugo.io/t/url-warning/18385

scroll

Narrow layout of mobile version

Layout of mobile version is too narrow:

You can check this hexo theme, it's mobile version is better

Need Prev/Next post and Return buttons

Need Prev/Next post and Return buttons in each posts.

Add Page View and No of Visitors

Add No. of Site View, Page View and Unique Visitors.

Disqus support

Disqus support or other similar function.

`pygmentsUseClasses = true` not generating classes

Hello!

I am using hugo v0.49.2/extended linux/amd64 with AllinOne theme.

I have set pygmentsUseClasses = true in config.toml[0]
But I still can't see any CSS classes in the generated source code of https://rootkea.gitlab.io/blog/2018-03/style-guide/

I expected CSS classes to get generated for the code block under "Monospace / Preformatted" section. Also, if I choose another theme e.g. kiera I can perfectly see classes like chroma, nb, c1 etc. inserted in the said code block.

Am I missing something?

Thanks!

[0] https://gitlab.com/rootkea/rootkea.gitlab.io/blob/master/config.toml

Add comment

How about adding Gitalk?
https://github.com/gitalk/gitalk
Or Livere?
https://livere.com/
Or other alternatives?
https://gohugo.io/content-management/comments/

i18n Enhancement

Tags needed

Tags should be shown on the posts.

!!! Maintaining theme in a new repo

I've started maintaining this theme in a new repository found here: https://github.com/EliiseS/AllinOne

In the new repo I've fixed a few issues with responsiveness and new hugo features, as well as merge all the existing PR's on this repo.

Disable dynamic carousel?

Thanks, this is a great theme.

Is there a way to disable the dynamic image change on every page? I would like to change the background image manually by clicking on the arrows.

Built-in 404.html

Need to add Built-in 404.html

add share to socials channels button to blog posts

for each posts, there should be an option to share it in social channels like Facebook, Pinterest, etc

如何将KaTeX"\\("改为"$"

我在 auto-render.js 中发现如下注释

  optionsCopy.delimiters = optionsCopy.delimiters || [{
    left: "$$",
    right: "$$",
    display: true
  }, {
    left: "\\(",
    right: "\\)",
    display: false
  }, // LaTeX uses $…$, but it ruins the display of normal `$` in text:
  // {left: "$", right: "$", display: false},
  //  \[…\] must come last in this array. Otherwise, renderMathInElement
  //  will search for \[ before it searches for $$ or  \(
  // That makes it susceptible to finding a \\[0.3em] row delimiter and
  // treating it as if it were the start of a KaTeX math zone.

这是否说明不可更改？