Giter VIP home page Giter VIP logo

hugo-theme-meme's Introduction

English | 简体中文 | 繁體中文

MemE

Description

MemE is a powerful and highly customizable GoHugo theme for personal blogs, which focuses on elegance, simplicity, modernity, and best practices in coding.

Preview

tn.png

Browser support

MemE uses CSS variables and let statements extensively. These features are supported by the following browsers:

  • Chrome 49+
  • Firefox 44+
  • Edge 15+
  • Opera 36+
  • Safari 10+

Internet Explorer does not support CSS variables.

Quick Start

https://gohugo.io/getting-started/quick-start/

Install Hugo (extended version)

For Arch Linux users:

~ $ sudo pacman -S hugo
~ $ hugo new site blog

For users of other systems, see: https://gohugo.io/getting-started/installing/

Install MemE

~ $ cd blog
~/blog $ git init
~/blog $ git submodule add --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme

Blogging

  1. Replace config.toml with config examples.

    ~/blog $ rm config.toml && cp themes/meme/config-examples/en/config.toml config.toml
  2. Create a new post and the about page:

    ~/blog $ hugo new "posts/hello-world.md"
    ~/blog $ hugo new "about/_index.md"
  3. Now:

    ~/blog $ hugo server -D

Customize MemE

MemE uses SCSS via Hugo Pipes to generate CSS instead of static CSS file and provides a _custom.scss for customization.

Just create a ~/blog/assets/scss/custom/_custom.scss and add your own styles into this file. Your _custom.scss will override ~/blog/themes/meme/assets/scss/custom/_custom.scss and your custom CSS will be applied correctly.

Actually, you can override any template of theme in Hugo, see this unofficial mirror page: https://gohugobrasil.netlify.com/themes/customizing/

Update MemE

~/blog $ git submodule update --rebase --remote

If failed, try:

  1. Delete meme folder, e.g.

    ~/blog $ rm -rf themes/meme
  2. Clone MemE again

    ~/blog $ git clone --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme

Note that MemE makes some brand new features or breaking changes sometimes, so please be sure to check the modification history of config.toml and update the related items after the update!

Awesome MemE

See #2.

Supported Front Matter

Click to expand!
Name Description Notes
title * string
linkTitle * string
subtitle displayed below the title string, Markdown supported
date * string
lastmod * string
publishDate * string
expiryDate * string
<taxonomies> eg: categories, tags, series * array
description * string, Markdown supported
summary * string, Markdown supported
images * array
slug * string
url * string
draft * boolean
isCJKLanguage * boolean
weight * integer
type * string, if equal to "poetry", will use a special layout for it
layout * string
outputs * array
aliases * array
markup * string
hideInHomepage hide this post in homepage posts list boolean, valid for "posts" homepage with enableHideInHomepage enabled
languageCode add lang attribute with this value to <article> string
meta set false to disable post-meta boolean, override enablePostMeta in config.toml
displayPublishedDate display published date in post-meta boolean, override displayPublishedDate in config.toml
displayModifiedDate display modified date in post-meta boolean, override displayModifiedDate in config.toml
displayExpiryDate display expiry date in post-meta boolean, override displayExpiryDate in config.toml
displayCategory display category in post-meta boolean, override displayCategory in config.toml
displayWordCount display word count in post-meta boolean, override displayWordCount in config.toml
displayReadingTime display reading time in post-meta boolean, override displayReadingTime in config.toml
displayBusuanziPagePV display page views in post-meta boolean, override displayBusuanziPagePV in config.toml
toc display TOC boolean, override enableTOC in config.toml
tocNum display TOC number boolean, override displayTOCNum in config.toml
anchor enable headings anchor boolean, override enableHeadingsAnchor in config.toml
displayCopyright display post-copyright boolean, override displayPostCopyright in config.toml
badge display updated-badge boolean, override displayUpdatedBadge in config.toml
gitinfo display post-gitinfo boolean, override displayPostGitInfo in config.toml
share display post-share boolean, override displayPostShare in config.toml
related display related-posts boolean, override displayRelatedPosts in config.toml
katex add KaTeX support boolean, override enableKaTeX in config.toml
mathjax add MathJax support boolean, override enableMathJax in config.toml
mermaid add Mermaid support boolean, override enableMermaid in config.toml
comments set false to disable comments in mainSections or set true to enable comments in non-mainSections boolean
smallCaps small caps? boolean, override enableSmallCaps in config.toml
dropCap drop cap? boolean, override enableDropCap in config.toml
dropCapAfterHr drop cap after every horizontal rule tag? boolean, override enableDropCapAfterHr in config.toml
deleteHrBeforeDropCap delete horizontal rule tag before drop cap? boolean, override deleteHrBeforeDropCap in config.toml
indent indent instead of margin? boolean, override paragraphStyle in config.toml
indentFirstParagraph indent the first paragraph? boolean, override indentFirstParagraph in config.toml
align normal, justify, center string, if equal to "normal", will override enableJustify in config.toml
original original? You can add the following 8 terms if you set false. The author is required, other optional boolean, override original in config.toml
author author of original post string
link link of original post string, URL
copyright license of the post string, Markdown supported
website author’s website string
email author’s email string
motto author’s description string
avatar author’s avatar string, URL
twitter author’s twitter id string
disqus_url * string, if not set, will use Permalink as default
disqus_identifier * string, if not set, will use RelPermalink as default
disqus_title * string, if not set, will use Title as default

*: see https://gohugo.io/content-management/front-matter/
and https://gohugo.io/templates/internal/#configure-disqus

hugo-theme-meme's People

Contributors

blleng avatar caspermeijn avatar catoverflow avatar coelacanthushex avatar curtaintears avatar glamcoder avatar grizz-pl avatar h1z3y3 avatar hucste avatar ichenh avatar jianse avatar jlhg avatar kunoisayami avatar makisevon avatar mmfei avatar muratagawa avatar nagyv avatar nu50218 avatar palant avatar reuixiy avatar rochefort avatar rxrw avatar semanticdata avatar sleepdevil avatar syralist avatar vkhashimoto avatar waynerv avatar weirdvic avatar yusbk avatar zjc17 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hugo-theme-meme's Issues

Run-time error

hello, yixiuer!
I just started trying Hugo, but when i follow the step in README and report the error as follows:

Error: Error building site: failed to render pages: render of "home" failed: "/Users/zander/xuezenghui.com/themes/meme/layouts/index.sectionsatom.xml:6:19": execute of template failed: template: index.sectionsatom.xml:6:19: executing "index.sectionsatom.xml" at <.Site.Config.Service...>: can't evaluate field RSS in type services.Config

this happened after i ran hugo server -D. 😢

In safari, the style breakdown

Hi,
I love the hugo theme , and I have used it , my domain is HOME, and I find in safari, the style is something wrong , but I can't figure it out ...plz help me !
here is the screenshot....
pic

Comments bug report

@reuixiy :

Style of "load comments" button is not included in main.scss when specialy setting comments: true in a single post. Thus it looks like this in my About page:
IMG_20191211_232453

希望能在config中开启不算子或者其他方式统计文章访问量统计

大大好,本人目前在使用您开发的MemE主题,极简的风格非常符合我的审美,功能也非常完善,不知能不能增加一个“可在config文件中选择是否统计访问量”的功能呢,目前使用了Google Analytics,但是感觉不太直观,目前看到的不算子比较好看,但是苦于技术太菜不知如何手动集成进博客配置中,打扰之处莫怪 🙈

关于诗意人生

大大你好,诗意人生在配置文件里的markdown格式是怎样的呢?
就是这个:
homePoetry = []

不知道怎么配置(原谅我)

hello

一休儿你好👋,关注你的博客一个月左右了,搭建hexo博客参考了很多你文章中的想法,现在博客遇到问题了,想和你交流一下,不知方便否?

gitinfo doesn't work

Hey yixiuer, I've been using MemE for a long time. but I found another problem: If my Github's post name(post's filename) is English, then my gitinfo will work, for instance: 组件管理工具 Bit; But if Github's post name(post's filename) have Chinese...gitinfo will not display(like my blog's another most posts)😔I've also checked your blog's writing methods. There are no similarities and differences. I don't know why....

Error: render of "section" failed

I just got this error:

Error: Error building site: failed to render pages: render of "section" failed: execute of template failed: template: _default/list.html:85:35: executing "main" at <partial "list-item.html" .>: error calling partial: "/home/tobias/hugo/quickstart/themes/meme/layouts/partials/list-item.html:4:149": execute of template failed: template: partials/list-item.html:4:149: executing "partials/list-item.html" at <.Site.Params.listdateformat>: invalid value; expected string

hugo v0.59.0

can't update MemE

Before, I modified some contents of themes/meme, such as styles. I want to update the theme now, it prompts me:

error: 不能rebase:您有未暂存的变更。
error: 另外,您的索引中包含未提交的变更。
error: 请提交或贮藏修改。
Unable to rebase 'c114f79bd9eb5f0448bf8ac679601622a6a9257c' in submodule path 'themes/meme'

But I can't commit the changes in themes/meme when I go to commit:

您的分支与上游分支 'origin/master' 一致。

尚未暂存以备提交的变更:
        修改:     themes/meme (修改的内容, 未跟踪的内容)

修改尚未加入提交

"Error building site"; format or syntax issue with list-item.html

Apologies if this is too verbose. I'm new to hugo and hugo themes and couldn't figure out how to fix the error.

I just upgraded to the extended version of Hugo:
johnalexhebert@penguin:~/projects/hugo/test1$ hugo version
Hugo Static Site Generator v0.62.1-A1518704/extended linux/amd64 BuildDate: 2020-01-01T17:45:13Z

Here is the error:
johnalexhebert@penguin:~/projects/hugo/test1$ hugo server -D
Building sites … ERROR 2020/01/01 16:24:01 Transformation failed: SCSS processing failed: file "stdin", line 118, col 27: Invalid CSS after "...und-image: url(": expected expression (e.g. 1px, bold), was "<no value>);" Built in 168 ms Error: Error building site: failed to render pages: render of "section" failed: execute of template failed: template: _default/list.html:89:35: executing "main" at <partial "components/list-item.html" .>: error calling partial: "/home/johnalexhebert/projects/hugo/test1/themes/meme/layouts/partials/components/list-item.html:4:149": execute of template failed: template: partials/components/list-item.html:4:149: executing "partials/components/list-item.html" at <.Site.Params.listDateFormat>: invalid value; expected string

johnalexhebert@penguin:~/projects/hugo/test1/themes/meme/layouts/partials/components$ cat list-item.html
{{ range .Pages }} <li class="list-item"> <a href="{{ .RelPermalink }}" class="list-item-title">{{ .LinkTitle }}</a> {{ printf %s (.PublishDate.Format "2006-01-02T15:04:05-07:00") (.PublishDate.Format .Site.Params.listDateFormat) | safeHTML }} </li> {{ end }}

我在运行`hugo server`时出现了error。

下面是错误信息:
Error: Error building site: failed to render pages: render of "section" failed: execute of template failed: template: section\categories.html:2:7: executing "main" at <partial "tree/sections.html" .>: error calling partial: "D:\Hugo\Sites\Blog\themes\meme\layouts\partials\tree\sections.html:25:79": execute of template failed: template: partials/tree/sections.html:25:79: executing "partials/tree/sections.html" at <len $pages>: error calling len: len of untyped nil

fix bug

Hugo Static Site Generator v0.59.1/extended darwin/amd64 BuildDate: unknown

port 1313 already in use, attempting to use an available port
Building sites … ERROR 2019/11/24 02:22:09 Transformation failed: SCSS processing failed: file "stdin", line 108, col 27: Invalid CSS after "...und-image: url(": expected expression (e.g. 1px, bold), was "<no value>);"
Total in 54 ms
Error: Error building site: failed to render pages: render of "section" failed: execute of template failed: template: _default/list.html:85:35: executing "main" at <partial "components/list-item.html" .>: error calling partial: "/Users/edwin/Documents/hugo_blog/themes/meme/layouts/partials/components/list-item.html:4:149": execute of template failed: template: partials/components/list-item.html:4:149: executing "partials/components/list-item.html" at <.Site.Params.listdateformat>: invalid value; expected string

Mathjax support

Thanks for the clean and elegent theme, I really love it.

I am planning to transfer from hexo to hugo, and my blog contains many LaTex equations. It is really annoy to add \ for every equations, and the LaTex cannot display correctly with extra \ mark in my local editor Typora, too.

In Mathjax, only add <div><\div> to the equation without modify the origin codes, and the equations can display correctly. I have tested it in this theme, it works. However, in KATEX engine, it does not work.

So I am wondering whether add the Mathjax support in this theme, or there are other options?

Thanks & best regrads,

Scott

测试不成功

你好作者,我测试你这个主题不知道是什么原因预览不成功,已附上截图

$ hugo.exe server
Building sites … ERROR 2019/09/21 22:37:13 Failed to read Git log: fatal: Not a           git repository (or any of the parent directories): .git
ERROR 2019/09/21 22:37:13 Transformation failed: TOCSS: failed to transform "sty          les/main-rendered.scss" (text/x-scss): this feature is not available in your cur          rent Hugo version, see https://goo.gl/YMrWcn for more information
ERROR 2019/09/21 22:37:14 Transformation failed: TOCSS: failed to transform "sty          les/main-rendered.scss" (text/x-scss): this feature is not available in your cur          rent Hugo version, see https://goo.gl/YMrWcn for more information
Total in 1286 ms
Error: Error building site: logged 3 error(s)

QQ截图20190921225913

Found another curious bug!

HI:
It's me again.....And I found a bug , it makes me confuse....
here is my blog : HomePage

here is the situation:
when I texted a code block after a ordered list / unordered list, the code indent will be something wrong....

t

t

But when I delete the ordered list , everything will be fine?????

t

t

And I also want to know how to change the code theme....

Thx a lot!

mainSections option up to 2 in minimal footer

hi @reuixiy , thanks for your powerful theme!

I found that in the config.toml, mainSections can only add up to 2, for example, I have 2 sections like:

mainSections = ["reading","coding",]

which works fine. However, 3 sections falled into 1 section in the web.

mainSections = ["reading","coding","math"]

There are lots of space in the footer, so I think more sections could fit well.

Can't set "About" to Home

The homeLayout variable only allows posts, poetry, or footage as possible options. This would seem to indicate that there is no way to set the content of a page like "About" to the content that is displayed at the root/home of the site.

Ideally, there would be a variable in the config that would just refer to a folder within the content, and the homepage would simply show the content of that folder's index.md, but I can't find this option.

Valine bugs on mobile

我在加载valine评论的时候,在文章中写的评论,再次刷新文章后评论消失了。但在leancloud后台是有这个评论的。这是我个人配置的问题吗?

[question] can i search

@reuixiy
everything looks great

however i feel there must be some kind of search. i mean to search post or page titles or contents.

thank you

ps: can i configure sitemap

Awesome MemE!

This is a special issue for MemE users. Feel free to add your blog here! 😝

Google-Ad-Sense

Maybe I just missed the option in the config file, but would it be possible to add google-ad-sense.

this feature is not available in your current Hugo version

Hugo版本 v0.6.0.1 和 v0.5.9.1
执行的步骤
1.安装 hugo
2.下载主题
3.移动config.toml文件到网站根目录
4.当我执行hugo -D的时候,会出现下面提示。

Building sites … ERROR 2019/12/05 12:57:06 Transformation failed: TOCSS: failed to transform "styles/main-rendered.scss" (text/x-scss): this feature is not available in your current Hugo version, see https://goo.gl/YMrWcn for more information
Total in 424 ms

访问我的网站地址,主题已经生效,但是缺少了 CSS 样式。
现在不知道如何排错,请求帮助,谢谢。

KaTeX does not work

Hi reuixiy,

meme is so cool for me, thank guys!
But there is an issue about KaTeX in my markdown(I'm New At Web...) with meme lastest version:

  1. the single line mode works fine here:
$$x^2 + y^2 = 1$$
  1. this mode dost not work(copy from https://katex.org/docs/support_table.html)
$$\begin{darray}{cc}
   a & b \\
   c & d
\end{darray}$$

outputs are:

\begin{array}{cc} a & b
c & d \end{array}

But it works well in test.html:

<!DOCTYPE html>
<!-- KaTeX requires the use of the HTML5 doctype. Without it, KaTeX may not render properly -->
<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" crossorigin="anonymous">
 
    <!-- The loading of KaTeX is deferred to speed up page rendering -->
    <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" crossorigin="anonymous"></script> 
 
    <!-- To automatically render math in text elements, include the auto-render extension: -->
    <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js"  crossorigin="anonymous"
        onload="renderMathInElement(document.body);"></script> 
  </head>
<body>
$$
\begin{darray}{cc}
   a & b \\
   c & d
\end{darray}
$$
    <script>
      renderMathInElement(
          document.getElementById("test"),
          {
              delimiters: [
                  {left: "$$", right: "$$", display: true},
                  {left: "\\[", right: "\\]", display: true},
                  {left: "$", right: "$", display: false},
                  {left: "\\(", right: "\\)", display: false}
              ]
          }
      );
    </script>
  </body>
</html>

Thanks!

Shortcodes not working

I was trying to use the theme, but shortcodes doesn't seem to work. Eg {{< youtube something >}} just gets rendered as is. Any idea how to fix this?

编译-hugo和hugo server -D运行结果不符

hello,reuixiy

我直接用中文了,我提2个问题。
1、我用的是 poetry 诗意人生的主题,我把你的life文件夹重命名为read,在里面添加一些内容,
问题1.1:当我运行 hugo server -D 时,可以显示出read栏的内容,当hugo server 时,网页没有显示出来,提示404 page not found。
问题1.2:而且当我 执行 hugo时,在public中也是没有read文件夹的。
还有个疑问:编译hugo 和运行本地测试hugo执行的命令分别是什么,是不是我运行命令的问题。
2、
MV26VF72 )B B_ZBH1 }KVY
图片中的字体怎么更改格式和字体的大小,我昨天搞了4-5个小时,没弄出来.........

关于博客中插入图片的小问题

众所周知,在 MemE 中插入图片是极为方便的:![](url "title") 但是当我想插入的图片较小时是不能使用这个方式的,因为没办法设置图片的宽度,所以我的方式是直接在 Markdown 中使用<img src="" width="">来调整图片,但是又想添加图片的说明文字,不知道有什么好的办法吗?

site brand SVG generate

Hi @reuixiy , I want to generate my own brand SVG, and I found this tool to convert Google font to svg, which is great.

But I do not know how to generate multi-line text, like in your web(a web name and a slongan), could you kindly tell me is there any tool that can do this?

Thanks a lot!

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.