Butterfly-gitcalendar

KO | EN

gitlite — search

#golang #go #rust #deep-learning #docker #java #kubernetes #awesome-list #vue #security #mcp #ios #openai #open-source

Butterfly-gitcalendar

(★ 11)

基于hexo butterfly主题的github calendar中文插件

Butterfly-gitcalendar 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 本项目已停止维护 ##
新项目：https://github.com/Zfour/hexo-github-calendar
 
<hr>

近期bug的解决方法↓
```
//let githubapiurl = "https://githubapi.ryanchristian.dev/user/" + gitcalendar.user
let githubapiurl = "https://python-github-calendar-api.zfour.vercel.app/api/?" + gitcalendar.user
```

## python_github_calendar_api ##

<a href="https://github.com/Zfour/python_github_calendar_api">api地址，可以自己部署到vercel然后修改请求链接。</a>

## 更新日志 ##
-2021/02/21- 修复了html模板，去除了jquery依赖。
-2021/02/05- 旧的<a href="https://github.com/rschristian/github-contribution-calendar-api">github-contribution-calendar-api</a>目测挂了，请更换为我写的新api。<a href="https://github.com/Zfour/python_github_calendar_api">python_github_calendar_api</a>
-2021/02/04- github日历dom格式发生变化，修改了api正则。
-2021/01/18- 因为api出现了稳定性波动,所以我用Python自己写了个api。
		 因为这个api是实时获取的github的数据会稍许有点卡。但自己写的就不怕他挂就是了。
		 目前默认使用的我自己写的api，如果想切换为以前的api可以打开注释。然后注释掉默认的api即可。
-2021/01/12- 去jquery实现，改变了容器id为gitcalendar，运用fetch实现了网络请求。
-2020/11/28- 新增simplemode配置，打开时使用canvas绘制gitcalendar，关闭时使用svg绘制gitcalendar。
-2020/11/02- 修复月份算法的逻辑错误问题以及月份出现不加载的问题。
-2020/11/01- 将部分全局声明变量转换为了vue实例变量，关闭了console.log。
-2020/11/01- 修复了PUG中当最新月份为11月时，标签显示不完全的问题。
-2020/11/01- 修复了一周前时间不显示的bug，请更换js文件。
-2020/10/31- 修复了PUG中信息来源无法动态切换的bug,请更换pug。

## 序言：效果展示 ##

![example](https://zfe.space/images/gitcalendar2.0.png)

因为用之前的gitcalendar服务器失效了，于是找api自己手写了一个。
项目用到了<a class="btn-beautify button--animated outline black" style="cursor:pointer" href="https://github.com/Zfour/python_github_calendar_api">python_github_calendar_api</a>
<a href="https://zfour.github.io/Butterfly-gitcalendar/index">SITE DEMO</a>
<a href="https://zfe.space">BLOG DEMO</a>
通过vuejs进行编码。
资源包地址：https://github.com/Zfour/Butterfly-gitcalendar
<a class="btn-beautify button--animated outline black" style="cursor:pointer" href="https://github.com/Zfour/Butterfly-gitcalendar">资源包下载</a>
废话不多说了，开始教学。
<hr></hr>

## 步骤1：修改pug代码 ##

{% blockquote %}
如果你配置过1.0版本请先将inject中的引入删除。
 {% endblockquote %}

### 下载资源包 ###

<a class="btn-beautify button--animated outline black" style="cursor:pointer" href="https://github.com/Zfour/Butterfly-gitcalendar">资源包下载</a>

### 增加、替换代码 ###

前往"根目录\themes\butterfly\layout"文件夹
将资源包中的"gitcalendar.pug"复制到文件夹中。
将"index.pug"复制并重命名为"index-re.pug"作为备份。
将资源包pug文件夹的Original中的"index.pug"覆盖进行替换，如果你使用磁贴请使用Magnet Plus文件夹的"index.pug"。
或者打开"index.pug"按照以下代码进行修改。修改的起始点为"#recent-posts.recent-posts"。

```PUG
extends includes/layout.pug

block content
  include ./includes/mixins/post-ui.pug
  #recent-posts.recent-posts
    .recent-post-item(style='width:100%')
       include gitcalendar.pug
    .recent-post-item(style='height:0px;clear:both;margin-top: 0px;')
    +postUI
    include includes/pagination.pug
```

## 步骤2：添加引入js、css代码 ##

### 放置资源包 ###

将下载包中的gitcalendar文件夹放入根目录的"source"文件夹下。

### 引入js和css ###

打开"\themes\butterfly\"路径下的"_config.yml"
搜索到"inject:"设置处
添加以下代码：
若已有vue引入，请确保vue的版本为2.6以上。

```yml
inject:
 head:
 - <link rel="stylesheet" href="/gitcalendar/css/gitcalendar.css"/>

bottom:
 - <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
 - <script src="/gitcalendar/js/gitcalendar.js"></script>
 
```

## 步骤3：填写自定义属性的js配置 ##

本磁贴通过gitcalendar.js的配置项实现以下自定义属性。

### 配置用户信息 ###

填写github用户名，配置用户信息。

```js
 data: {
	    user:'Zfour', //用户名称
	    fixed:'fixed',
	    px:'px',
	    x:'',
            y:'',
            span1:'',
            span2:'',
```

### 配置颜色主题 ###

修改颜色配置。

```js
color: [ //这里是颜色配置，当前为蓝色，若需更换请对应数组内容进行替换
            '#ebedf0',
            '#f1f8ff',
            '#dbedff',
            '#c8e1ff',
            '#79b8ff',
            '#2188ff',
            '#0366d6',
            '#005cc5',
            '#044289',
            '#032f62',
            '#05264c',
             ]
```

Butterfly-gitcalendar

Butterfly-gitcalendar 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Butterfly-gitcalendar

Butterfly-gitcalendar 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README