InkSoul/themes/meme_cdn/README.zh-cn.md

3.5 KiB
Raw Permalink Blame History

简体中文 | 繁體中文 | English

MemE

简介

MemE 是一个强大且可高度定制的 GoHugo 博客主题专为个人博客设计。MemE 主题专注于优雅、简约、现代,以及代码的正确性。同时,希望你将像欣赏一个模因一样欣赏 MemE希望你将像分享一个模因一样分享 MemE就像你的博客和文章所做的那样😝

预览

tn.png

浏览器支持

MemE 广泛地使用了 CSS 变量let 声明。这些特性被以下浏览器所支持:

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

IEInternet Explorer浏览器不支持 CSS 变量。

快速开始

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

安装 Hugoextended 扩展版)

对于 Arch Linux 的用户:

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

对于其它系统的用户,请查看:https://gohugo.io/getting-started/installing/

安装 MemE

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

开始写作

  1. config.toml 替换为示例配置

    ~/blog $ rm config.toml && cp themes/meme/config-examples/zh-cn/config.toml config.toml
    
  2. 新建一篇文章和一个关于页面:

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

    ~/blog $ hugo server -D
    

定制 MemE

MemE 通过 Hugo 管道实现使用 SCSS 生成 CSS而非静态的 CSS 文件,同时提供一个 _custom.scss 文件以供用户定制。

直接新建一个 ~/blog/assets/scss/custom/_custom.scss 并将你自己的样式加入其中,就能覆盖主题的 ~/blog/themes/meme/assets/scss/custom/_custom.scss 文件,且其会正确地被应用。

事实上,在 Hugo 中你可以覆盖主题的任何模板,见这个非官方的镜像网页:https://gohugobrasil.netlify.com/themes/customizing/

更新 MemE

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

如果失败了,请尝试:

  1. 删除 meme 文件夹,比如

    ~/blog $ rm -rf themes/meme
    
  2. 重新克隆 MemE

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

特别注意MemE 主题有时会新增一些全新功能或一些毁灭改动,所以在你更新完后,请务必检查 config.toml 的改动历史并将相应内容也更新!

Awesome MemE

请看 #2

支持的 Front Matter

请看 https://github.com/reuixiy/hugo-theme-meme#supported-front-matter