https://github.com/theme-next/theme-next-calendar

一个简洁的hexo-next日历云插件
https://github.com/theme-next/theme-next-calendar

Last synced: 22 days ago
JSON representation

一个简洁的hexo-next日历云插件

• Host: GitHub
• URL: https://github.com/theme-next/theme-next-calendar
• Owner: theme-next
• License: gpl-3.0
• Created: 2019-07-13T09:55:09.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-12T08:40:50.000Z (about 5 years ago)
• Last Synced: 2024-11-03T01:33:20.117Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 1.14 MB
• Stars: 11
• Watchers: 3
• Forks: 7
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-next - theme-next-calendar

README

        
# theme-next-calendar

简洁的hexo-next日历云插件, 在日历上显示提交标记

![](example.png)

### 安装

1. 首先安装hexo插件

```shell

npm install theme-next/theme-next-calendar

```

2. 在next主题配置文件`_config.yml`配置

```yaml

CloudCalendar:

  enable: true

  language: zh-CN

  single: true

  root: /calendar/

  calendarCdn: //cdn.jsdelivr.net/gh/theme-next/theme-next-calendar/calendar.min.js

  langCdn: //cdn.jsdelivr.net/gh/theme-next/theme-next-calendar/languages.min.js

  #disableSidebar: false

```

### 渲染日历

默认是在边栏中渲染, 当然也可以在任何位置显示, 只要`disableSidebar`禁用，并添加`sidebar.swig`中的代码至你希望的位置

### 自定义日历颜色

日历插件内各元素的颜色都是可定制的, 可以通过添加自定义样式覆盖`calendar.styl`中的定义来达到更好的效果.

### 说明

提取自`Landscape-F`主题, 修改后适配theme-next