Code Monkey home page Code Monkey logo

hugo-theme-dream's Introduction

🌱 hugo-theme-dream

GitHub release (latest by date) Hugo min version GitHub

Intro

Dream is a Hugo theme. I build it for my blog.

The main features are full page flip and masonry layout views.

Dream also support light mode and dark mode out of the box.

Demo: https://themes.gohugo.io/theme/hugo-theme-dream/

https://raw.githubusercontent.com/g1eny0ung/hugo-theme-dream/master/images/screenshot.png

Documentation

https://g1en.site/hugo-theme-dream

Installation

Go into your blog folder:

cd themes
git clone https://github.com/g1eny0ung/hugo-theme-dream.git dream

Then open hugo.toml and add theme = "dream".

Example

Tutorials from community

Chinese

Publish

View Hosting & Deployment.

License

MIT © g1eny0ung

hugo-theme-dream's People

Contributors

0x4c4a avatar achingyo avatar archandha avatar contributorpw avatar darthagnon avatar dependabot[bot] avatar fabienli avatar fhightower avatar g1eny0ung avatar haogis avatar kuole-o avatar lupa18 avatar matthewturk avatar petipandarou avatar raiden076 avatar rigann avatar savedkriss avatar sertangulveren avatar sp-cy avatar st0rmingbr4in avatar techmagus avatar utkarshverma avatar yashyoshida 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  avatar

hugo-theme-dream's Issues

shuffled images remain

I removed the markup that shuffles images in list pages.

But, when terminology is selected, the shuffled images reappear.

I can't find the layout that controls this.

Links

Is it possible to get links working in description (summary) at frontpage?

Also is it possible to link image's post to url's post in frontpage?

thanks!

Avatar not displayed after a category/tag is selected

Hi
I noticed that the avatar is shown nicely on the start page.
However, if I filter articles by category or tag the avatar is not shown anymore and the small image not found icon appears.

My avatar image is in the /static folder and the config.toml parameter is like this
avatar = "raspberry-logo.jpg"

Any idea how to solve that ?

Hugo 0.31.1
Theme download from 7 Jan 2018

支持备案设置吗

这款主题是我在hugo上找到最中意的一款,想当nice。
可是有一个问题现在正在困扰我,我发现并没有像多数hexo主题一样,有设置备案的选项。这对部署在国内服务器造成了困惑。

Images won't appear

I have images in the same directory as each posts index.md.
cover: front matter refers to the local image file.

They never appear.

Tiled layout for loveit

Hi,
I like the tiled layout for your theme. Could you let me know how one would go about such a layout for the loveit theme. I require it for a collaboration and love everything else about loveit theme. Any advice would be appreciated.
Note: only the arrangement of posts is what i am asking about. I think it should be pretty simple, but due to my inexperience with web development, Im not able to do it without some help
The related issue in loveit repo
dillonzq/LoveIt#332 (comment)

图片配置和分类配置

感谢大佬的主题,很漂亮,配置的时候遇到点问题,求助

1. 文章图片更改的话图片要放在哪里?怎么更改?

2. 分类设置在哪里?设置成你那样

enter description here
设置成
enter description here

3. 文章长度显示怎么设置?(不要让它像这样?)

enter description here

4. 如果不想显示任何图片,怎么设置?

enter description here

Linking issue

I am now running a site called ezsh.xyz

When I run hugo everything that needs to be in my public folder is there, but some of the links are incorrect.

links such as /post/gettingstarted/ end up in the html as /ezsh.xyz/post/gettingstarted/.

Any idea why this might be ?

预览如何显示更少的内容?

作者你好,我才开始用 Hugo,发现你做的 Theme 很好看,所以尝试了一下。

我有一篇比较长的文章,主页预览时显示成这样的
image
这里的文字只是示例。

请问如何才能只显示一点点文字呢?这个问题我在所尝试的4个theme里全遇到了,所以可能不是你的theme问题。是Hugo自带的设置吗?我不是很明白。

The "Split css" commit from Jul 18 has caused our images to exceed window width

We built a hugo server on our home network earlier this year and had found your theme to be very nice, so thank you.

Question: your commit 9acb03e named "Split css" has changed the behavior of how our images are displayed. Wonder if we're doing something wrong. Now our jpg images are displayed at full resolution rather than being sized to fit the width of the desktop window or the mobile screen. They used to be sized to fit the available view port width.

We run the hugo server behind our home firewall so can't show the results, sorry. It's a project for the family. The pages all have the same problem for us. Each typically has a reference to a jpg file like
![Picture name](/img/photo.jpg)

I can see the file changes this commit made, but I don't understand hugo well enough to know where to start in narrowing things down easily. Can you offer a suggestion?

TIA.

Fully support tags with Capital letters and spaces

Tags with Capital letters and spaces partially work now:

One post pages, they work as desired:

  • Displays with desired capitals and spaces on post pages
  • Links correctly to lowercase / hyphen URLs

In header bock and /tags page, display is also lower-case with hypens:

  • header tag block
  • /tags page

From looking at layouts/partials/header.html it seems like it's designed to work as the URL includes {{ $name | urlize }} but the link title and innerHtml are simply {{ $name }}. It looks like the tag has already been urlized before being added to Site.Taxonomies. Removing this looks like it should work.

It looks like they display correctly on posts pages because posts is reading them from the post without modification, but the header is reading them from a processed Site.Taxonomies list.

I still getting up to speed on Hugo. Is this something this theme can resolve or is this a Hugo level issue?

layouts/_default/single.html - displays correctly

  • {{ $tag }} shows upper case and spaces as desired
  • {{ $tag | urlize }} uses lower case with hyphens as desired
    <footer class="ui attached segment dream-tags" data-html2canvas-ignore>
      {{ if isset .Params "tags" }}
        {{ range $tag := .Params.tags }}
          <a class="ui label" href="{{ "tags/" | relLangURL }}{{ $tag | urlize }}" title="{{ $tag }}">{{ $tag }}</a>
        {{ end }}
      {{ else }}
          <a class="ui label">{{ i18n "noTag" }}</a>
      {{ end }}
      <div
        class="ui label"
        style="float: right; cursor: pointer;"
        onclick="savePostAsImg()">
        <i class="save icon"></i>{{ i18n "saveAsImage" }}
      </div>
    </footer>

layouts/partials/header.html - displays with "URL slugs"

  • {{ $name }} uses lower case with hyphens - would like to change this to original tag name with upper case and spaces
  • {{ $name | urlize }} uses lower case with hyphens as desired
  {{ if .Site.Taxonomies.tags }}
  <section class="ui attached center aligned segment dream-tags">
    {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
      <a class="ui label" href="{{ "tags/" | relLangURL }}{{ $name | urlize }}" title="{{ $name }}">{{ $name }}</a>
    {{ end }}
  </section>
  {{ end }}

[Feature Request] Youtube previews as cover images.

Hello!

1.- Is it possible to use youtube video previews as cover images? Right now i copy the static image thumbnail that youtube generates for it's site and use it as cover image but everything would look much cleaner if it was just the video with a description.
2.- Can the icon for Mastodon be added to the fonts file?
3.- If you add a tweet preview iframe to a post, the preview card may not resize to the card making it look bigger than the post tile.

image

I'm not sure how this could be adjusted. Since i'm guessing it's an issue with the tweet shortcode.

Love your theme, Thanks for your work and help.

图片配置无效

你好,在使用hugo0.69.0版本时添加自定义图片无效,不知是我配置问题还是hugo版本问题

---
title: Ceshi
date: 2020-04-17T17:29:33+08:00
lastmod: 2020-04-17T17:29:33+08:00
author: Author Name
cover: ceshi1/static/white-rose-1713953.jpg
categories: ["category1"]
tags: ["tag1", "tag2"]
# showcase: true
draft: false
---

image

大佬你好再次打扰了,请问可以设置触发图片url替换吗?

比如我有一个项目在码云,他和本地图片的规律保持一致。我不需要重新编译url地址:
码云地址https://gitee.com/xxxx/Blog
本地图片地址 /xxx/123.jpg
同样 码云也有这个文件 /xxx/123.jpg
完整地址就是https://gitee.com/xxxx/Blog/raw/master/xxx/123.jpg
还请大佬指点指点 感谢!

Vertical scroll is hidden

Hi,
How to have vertical scroll ?
On small computer screen size i need to have vertical scroll to allow users to have whole content.

Thanks,
Best regards
Pascall

所有文章的disqus评论都是一样的

hello 题主, 很喜欢你的主题。
不过在配置disqus的时候出了一点问题.
你的single.html里面写了discus提供的脚本,然后我就只在config.toml里面配置了disqusShortname。
但是每次提交在disqus上产生的标题都是同一个,以至于每篇文章的评论都是一样的。
请教一下题主解决方案😄

代码高亮后没有行号

你好,很喜欢这个主题。我想咨询下,代码高亮后没有显示行号和复制按钮,目前是不支持吗。

如何显示归档图标

我按照叫教学文档在content/post下加了一个_index.md文件,但是没有显示归档图标,只有标签和分类。求教,感激不尽!
2020-02-02

阅读时间

请问博文的阅读时间可以改吗,我的博文的阅读时间都是一分钟。

Reduced Mobile View

Hello g1eny0ung. I am learning HUGO and web dev with your theme because it was one of the best documented, has multilingual support and it looks good too! I've been having a couple of issues and questions in which I hope you can help me and or guide me.

  1. When viewing the site from a mobile phone the grid column with and the grid container padding size make the area of the content to be reduced which is causing the words in the content files to be cut in my languaje when displayed in the grid but not in the specific view of that site. Can the text in the homepage behave identical to the post page formatting?

  2. Another similar issue is happening with emoji where they are not displaying in the grid but they do in the post view as visible in the screenshots.

  3. Dates are having a similar problem where they don't display in some posts and in others it's in english instead of spanish in the case of my site.


These are more Feature Requests and questions than issues:

  • Can a site params be added to control de grid tightness or column with? Or how can this be done in the theme files? I understand that this can change the theme and you may not want to implement but since I don't know web development I'm lost about how to do this properly.

  • How should i change the reading minutes area at the bottom of the post container in the homepage to display the post's tags instead just like in the post view?

  • What does the showcase feature in the front matter do? I couldn't find any reference in the documentation and i'm not sure if you removed it in recent updates.

Sorry for the extensive post, I hope you can guide me and I hope you have a good day!

Edit: Removed picture overload. And the social sharing cards in 4 are not a problem anymore. I'll update on that later.

not showing posts

Hello,
I did the following:

snap install hugo
hugo new site kapcom.gr
cd kapcom.gr
git clone https://github.com/g1eny0ung/hugo-theme-dream.git themes/dream
echo 'theme = "dream"' >> config.toml
hugo new posts/my-first-post.md
hugo server -D

and then browsed http://localhost:1313/ but the new post is not showing up.

default

$ hugo version
Hugo Static Site Generator v0.50 linux/amd64 BuildDate: 2018-10-29T12:39:37Z

Add highlightjs for code syntax; possibly pick a light and dark theme as well

Love the theme! I have a few posts that involve some code, I find syntax highlighting makes the code more engaging and easier to read. I have found out that Hugo can easily implement highlightjs. I have been able to get any theme I want working with your theme, but, I cannot figure out how to switch between two different highlightjs themes when toggling the theme. In Params I currently have:

[params]
  highlightjsVersion = "10.1.2"
  highlightjsCDN = "//cdnjs.cloudflare.com/ajax/libs"
  highlightjsLang = ["r", "yaml"]
  highlightjsTheme = "github"
  background = "#252323"

I would like:

highlightjsThemeDark = "rainbow"
highlightjsThemeLight = "github"

Example for code highlighting in my post: https://koderkow.rbind.io/post/introduction-to-neural-networks/

I have tried setting up a light/dark variable, however, I have no experience with Hugo code so I have had a hard time trying to get this to work with your theme. Here is a link to my current work on the partials. I got the highlight js Hugo code from here.

Can I get some help implementing this?

broken style

I have to refresh many times to get the site to render correctly. Most of the time, the site renders like this:
default

I think it has something to do with CDN failing to load.

切换主题时同时切换背景 以及关于暗色主题的一些小问题

您好!

我很喜欢您的主题,尤其是亮色暗色主题切换,太炫酷了。

在使用您的主题的过程中,我产生了这样一个想法:在切换主题时同时切换背景。

我比较喜欢暗色主题,一直用的是暗色,背景图片也是根据暗色主题来配的。但是当我切换到亮色(或者用另一个设备第一次打开博客)的时候,亮色的主题和我设置的背景并不搭配。

还有几个小问题

  1. 如何设置初始的主题配色为暗色?第一次打开博客的时候默认是亮色的
  2. 暗色下Markdown的表格颜色能否修改?表格是灰白色的,和暗色的主题不太搭配

由于我对前端知识以及Hugo知之甚少,自己并不能很好的解决这些问题,还烦请您帮忙。

祝:
身体健康!万事如意!

New social

Ciao, could you please add these new social?
I've already added them in partials:

     {{ if .Site.Params.twitter }}
        <div class="item">
          <a href="https://www.twitter.com/{{ .Site.Params.twitter }}" target="_blank">
            <i class="large twitter icon" title="twitter"></i>
          </a>
        </div>
      {{ end }}

      {{ if .Site.Params.facebook }}
        <div class="item">
          <a href="https://www.facebook.com/{{ .Site.Params.twitter }}" target="_blank">
            <i class="large facebook icon" title="facebook"></i>
          </a>
        </div>
      {{ end }}

      {{ if .Site.Params.facebook }}
        <div class="item">
          <a href="https://www.instagram.com/{{ .Site.Params.twitter }}" target="_blank">
            <i class="large instagram icon" title="instagram"></i>
          </a>
        </div>
      {{ end }}

Also, I've added all social under the categories and tags button, it's looks great, it could be a new features.

Netlify CMS

Hi, how are you?
This theme is great.
Could you kindly add Netlify CMS?
It would really help with workflow.
I am an avid blogger and would love to move from wordpress to jamstack and use this theme.

Blog title

You always use name's blog as the title.

I found this and use .Parameters.title instead.

But, the change only appears on the home page.

When the navigator appears to the right, the blog name is changed. I can;t find the layout.

I think you have some layout definitons embedded in your js. You shouldn't do this.

Firefox issue.

On latest firefox when you click the top left button to show the about page the view of it flipped still stays obstructing the view of the out page.

Question: more default (random) covers possible ?

Hi @g1eny0ung.

A great theme, thanks for creating this.

I have a question. I like that the default covers are getting randomly assigned to the articles on the main page.
Is it possible to add more cover images that get randomly assigned?

I have see the parameter in the front matter to assign a specific image to a specific article, but is it possible to keep the random assinment with my own pictures ?

Home button link to the root "/" dir instead of sub dir

My site is www.mysite.com/demo/ and all the page, css and js are working well with the adding option "CanonifyURLs = true". but the issue is on the home button on the top left corner is link to the root dir instead of my sub dir /demo/ when i check in the index.html or 404.html i find out that it used javascript to link (onclick="window.location.href = '/'), so how to fix it without custom edit line by line and page by page?

jquery version has vulnerabilities

Hi there! I forked this theme and when I checked for vulnerabilities during deployment I found some, all related to the version of jquery

6:33:18 PM: ┌────────────────────────────────────────────────────────────────┐
6:33:18 PM: │ 3. onSuccess command from netlify-plugin-is-website-vulnerable │
6:33:18 PM: └────────────────────────────────────────────────────────────────┘
...
6:33:23 PM:   Libraries:
6:33:23 PM:     [*] jQuery 3.3.1
6:33:23 PM:     [*] AMP 2005150002001
6:33:23 PM:   Vulnerabilities:
6:33:23 PM:     ⎡ ✖ [email protected]
6:33:23 PM:     ⎜ ■■■  3  vulnerabilities
6:33:23 PM:     ⎣ ▶︎ https://snyk.io/vuln/npm:jquery?lh=3.3.1
6:33:23 PM:   [3] Total vulnerabilities
6:33:23 PM:   [2325.06ms] execution time
6:33:23 PM:   vulnerabilities powered by Snyk.io (https://snyk.io/vuln?type=npm)
6:33:23 PM: ​
6:33:23 PM: ┌──────────────────────────────────────────────────────┐
6:33:23 PM: │ Plugin "netlify-plugin-is-website-vulnerable" failed │
6:33:23 PM: └──────────────────────────────────────────────────────┘
6:33:23 PM: ​
6:33:23 PM:   Error message
6:33:23 PM:   Error: site is vulnerable
6:33:23 PM: ​
6:33:23 PM:   Plugin details
6:33:23 PM:   Package:        netlify-plugin-is-website-vulnerable
6:33:23 PM:   Version:        1.0.8
6:33:23 PM:   Repository:     git+https://github.com/erezrokah/netlify-plugin-is-website-vulnerable.git
6:33:23 PM:   npm link:       https://www.npmjs.com/package/netlify-plugin-is-website-vulnerable
6:33:23 PM:   Report issues:  https://github.com/erezrokah/netlify-plugin-is-website-vulnerable/issues
6:33:23 PM: ​
6:33:23 PM:   Error location
6:33:23 PM:   In "onSuccess" event in "netlify-plugin-is-website-vulnerable" from netlify.toml

I dropped the latest version into place and it's working without issue for me. I wanted to let you knwo and say thanks again for the lovely theme :)

2 more questions: image and date

Hello,

  1. Is it possible to show posts image at individual post view?

  2. How can manage date format to fit language configuration? ie: Spanish date is different from English and I supposed is different to Chinese too.

Thanks in advance !

主题插件问题

您好,请问一下,这个文章保存为图片是如何实现的呢?

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.