Coder Social home page Coder Social logo

theme-materialized / hexo-theme-materialized Goto Github PK

View Code? Open in Web Editor NEW
38.0 2.0 10.0 3.33 MB

A cool materialized theme for Hexo

Home Page: https://theme-materialized.github.io

HTML 4.75% JavaScript 36.04% CSS 59.20%
theme hexo theme-materialized material beautiful

hexo-theme-materialized's Introduction

Theme: Materialized

A cool materialized theme for Hexo.

View the demo site here.

Screenshots

frontpage

post

comments

search

darkmode

Installation

Install

$ git clone https://github.com/theme-materialized/hexo-theme-materialized themes/materialized

Enable

Modify theme setting in _config.yml of the site to materialized.

Configuration

_config.yml file under /themes/materialized/

theme_color: # Theme color. Please go to [Colors](https://www.mdui.org/docs/color)
  primary: indigo
  accent: pink

notice: # Notice or announcement. Support `<a>` tag

favicon: /images/favicon.png # Favicon path
banner: /images/banner.png # Sidebar background image path
avatar: /images/avatar.png # Avatar image path
rss: /atom.xml # RSS link. `hexo-generator-feed` plugin is needed

email: # Email address
sns: # SNS links
  twitter:
  facebook:
  google_plus:
  weibo:
  instagram:
  tumblr:
  github:
  linkedin:
  zhihu:
  douban:
  qq:
  wechat:

open_graph: # OpenGraph settings
  twitter:
  google_plus:
  fb_admins:
  fb_app_id:
site_verification: # Site verification keys
  google:
  baidu:
analytics: # Site analytics IDs
  google_site_id:
  baidu_site_id:
  cnzz_site_id:
pages: # Custom page links. Set with `name` and `link`
- name: Tags
  link: /tags
- name: Gallery
  link: /gallery
links: # Friendship links. Set with `name` and `link`
- name: Github
  link: https://github.com

since: 2019 # Start year, use a 4-digit number. If you don't set the start year, there won't be a "since xxxx" on the bottom of your site
footer_text: # Additional text in footer, such as the record information. Support `<a>` tag
license: # License description of every article. Support `<a>` tag

gallery: # CDN links of `fancybox` plugin used on Gallery page
  fancybox_css: https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.css
  fancybox_js: https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.js
  jquery_js: https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
  lazyload_js: https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js
busuanzi: # Use `busuanzi` plugin to count website visits
  site: false
  page: false
  busuanzi_js: http://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js
qrcode: # Qrcode for articles. if use `plugin`, `hexo-helper-qrcode` plugin is needed
  caption: Send to mobile phone
  use: plugin
donate: # Use your payment qrcode or link to receive donations. Set with `name` and `link`
search: # Search settings. if use `plugin`, `hexo-generator-search` plugin is needed and `path` should be set correctly
  placeholder: Enter key words
  path: /search.xml
  use: plugin
comment: # Comment plugin settings. Set `use` with the plugin name such as `gitalk`
  use: false
  disqus_shortname:
  gitalk_client_id:
  gitalk_client_secret:
  gitalk_repo:
  gitalk_owner:
  livere_data_uid:
  valine_leancloud_app_id:
  valine_leancloud_app_key:
  valine_placeholder:
  valine_page_size:
  valine_avatar:
  valine_lang:
  valine_guest_info:
  valine_notify:
  valine_verify:
  changyan_app_id:
  changyan_app_key:
  changyan_sid_type:

Article/Page Front-matter

thumbnail: /xxx.jpg  # Custom page header image.
author: xxx  # Author.
categories: [xxx]  # Categories. Support more than one categories.
tags:  # Tags.
  - xxx
qrcode: false  # Disable article qrcode.
share_menu: false  # Disable article share menu.
license: xxx  # License description of the article.
donate: false  # Disable article donate link.
toc: true  # Enable article toc.
comments: true  # Enable article comment.

Sample Article

---
title: Sample Article
categories: [Test]
tags:
  - Tag1
  - Tag2
author: Test
comments: false
---

Write something here...

If thumbnail in Article/Page Front-matter is not set, a random image will be used.

If author in Article/Page Front-matter is not set, author in site _config.yml will be used.

Also, toc, comments, qrcode, share_menu and donate is enabled by default if you chose to enable them in the theme _config.yml.

hexo-theme-materialized's People

Contributors

code004accepted avatar toudidel 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

Watchers

 avatar  avatar

hexo-theme-materialized's Issues

请教一下 页面跳转和搜索框问题

1,页面跳转会加上 博客本身的地址,比如想转到weibo.com,会被重定向至blog.com/weibo.com,请问要怎么解决呢?
2.搜索框怎么才能实现搜索功能?

诚邀合作事宜

很喜欢你博客的风格,可否为Cabloy-CMS开发一套(免费/付费)主题,然后发布到Cabloy商店里面?

CabloyJS:是一款顶级NodeJS全栈业务开发框架, 基于KoaJS + EggJS + VueJS + Framework7
Cabloy-CMS:是基于CabloyJS全栈业务开发框架开发的动静结合的CMS,可以快速构建企业网站、博客、社区、商城等Web应用
Cabloy商店:包括品类广泛的各类模块,满足不同场景的开发需求

CabloyJS介绍:https://cabloy.com/zh-cn/articles/introduce.html
Cabloy-CMS介绍:https://cabloy.com/zh-cn/articles/cms-introduce.html

Cabloy商店运营模式:https://cabloy.com/zh-cn/articles/store.html

针对每篇文章配置前题到问题

今天首次使用theme-materialized主题,但是遇到针对每篇文章配置前题到问题
在博主的 readme 文档中写明 Article/Page Front-matter 的配置为

thumbnail: /xxx.jpg # Custom page header image.
author: xxx # Author.
categories: [xxx] # Categories. Support more than one categories.
tags: # Tags.

  • xxx
    qrcode: false # Disable article qrcode.
    share_menu: false # Disable article share menu.
    license: xxx # License description of the article.
    donate: false # Disable article donate link.
    toc: true # Enable article toc.
    comments: true # Enable article comment.

但未说明具体该配置文件放在哪个目录,请告知~

首页翻页会被转义

在使用过程中,忽然碰到了地下换页的地方被转义直接输出
11

调试后,在文件
layout/_partial/archive.ejs 46行
增加一个转义参数 escape: false 解决。

Dark mode

MDUI has a dark mode, is that possible to get the option too?

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.