GithubHelp home page GithubHelp logo

jerryc127 / hexo-theme-butterfly Goto Github PK

View Code? Open in Web Editor NEW
6.7K 6.7K 1.2K 2.58 MB

🦋 A Hexo Theme: Butterfly

Home Page: https://butterfly.js.org

License: Apache License 2.0

JavaScript 39.63% Pug 22.05% Stylus 38.32%
butterfly hexo hexo-theme pug theme

hexo-theme-butterfly's Introduction

Hi there 👋

hexo-theme-butterfly's People

Contributors

alpaca0x0-tech avatar amias1024 avatar android-kitkat avatar bmyjacks avatar emptydreams avatar flymin avatar gztimewalker avatar hajeekn avatar hikariyo avatar imca0 avatar jamesy-jey avatar jerryc127 avatar kiritaniayaka avatar kkfive avatar larscheng avatar lea321 avatar littlenyima avatar nitezs avatar noraj avatar pai233 avatar qsgy-edge avatar sakurawald avatar serokssr avatar slblog-github avatar srkeo avatar theworkfsz avatar wangyijin209 avatar wayne0926 avatar weilining avatar youngjuning 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hexo-theme-butterfly's Issues

Gitalk文件与Gitment内容重复

修改后:

if theme.gitalk && theme.gitalk.enable
  - let lang = config.language === 'zh-Hans' ? 'zh-CN' : config.language
  #gitalk-container
  script.
    var gitalk = new Gitalk({
      clientID: '!{theme.gitalk.client_id}',
      clientSecret: '!{theme.gitalk.client_secret}',
      repo: '!{theme.gitalk.repo}',
      owner: '!{theme.gitalk.owner}',
      admin: '!{theme.gitalk.admin}',
      id: md5(decodeURI(location.pathname)),
      language: '!{lang}'
    })
    gitalk.render('gitalk-container')

cpu显卡占用率问题

设计很赞!
可是按照文档配置一访问GPU&&CPU使用量飙升,一关闭网页就正常。
bbb

gitalk验证错误

节选自butterfly.yml

gitalk:
   enable: true
   client_id: ****************
   client_secret: **********************************
   repo: xxx.github.io
   owner: myaccount
   admin: myaccount
####   Using this js for redirect to gitalk container after login
####   See https://github.com/gitalk/gitalk/issues/125
   js: https://cdn.jsdelivr.net/gh/upupming/gitalk@36368e5dffd049e956cdbbd751ff96c28d8255cf/dist/gitalk.min.js

repo存在,id和secret输入正确,回调地址为网站地址,强制https且页面上显示gitalk,但初始化评论跳转回主页且不生效,浏览器报错

(index):42 GET https://api.github.com/user 401 (Unauthorized)

关于文章toc_mobile的一些小bug

已发现的z-index问题:

  1. 代码框文字和复制icon
    issue1
  2. hr分割线icon
    issue2

解决

代码框和hr加z-index: 0;

.code-area-wrap {
    z-index: 0;
}
hr {
    z-index: 0;
}

建议 - 内联代码块样式美化

你好,我最近发现了你的这个主题,特别喜欢,已经在我自己的blog(www.codezen.xyz)使用上了。
有一个小小的建议,就是Markdown的内联代码块,即如Hello World,在渲染时,现在的字体颜色很淡,不够突出。
image
能否将字体颜色修改为其他颜色。比如和博客的主题颜色一致。
image

post文章显示不全

在post下的md文件中编辑文章,发现字数超过一定数量之后,文章会显示不全,包括后边的related_post、sidebar和footer等内容,也会一并消失!
我尝试修改回默认的的hexo主题:landscape,一切显示正常。
以上是在本地上运行的,还没有上传过。

我不太清楚是不是因为有文字限制?
有趣的是,我尝试把文章所有内容复制到默认的hello world当中发现一切显示正常,多次尝试后,找到以下规律:

`

aaaa

a


a


a


`
文章中若有上述内容,就会显示正常...
完全没有头绪是哪里出了问题

关于本地搜索的显示内容

image
您好,使用的主题中本地搜索,显示的逻辑有一点疑惑,当我使用关键字“叶子的时候”,会有一些其他文章的出现,实在整个文章的内容搜索吗,还有就是搜索成功的内容显示可不可以添加原文的部分内容并且高亮,目前的搜索显示可以加强一下下,蟹蟹

关于禁止复制小功能

  • 安装v1.2版本后发现各个页面无法复制,起初以为是用了加密插件的原因,仔细看了下配置文件发现是新增的禁止复制的功能。
copy:
  enable: false # true 開啓 / false 禁止
  copyright: false
  • 测试时发现开启了禁止复制的功能后,代码块的复制按钮失效,即点击了该按钮会提示复制成功,实际上并没有复制到代码。不知道这是设计的原意还是一个小Bug
  • 最后建议文档上加上禁止复制这个小功能的说明。因为它默认是禁止复制的,刚刚更新主题时还以为是哪里出错了 orz

Error ocurred while in generating

After I cloned the repository and update the _config.yml,I start to generate it by using hexo g.But the error occured this time.What should I do to fix it? I've installed Typescripthexo-renderer-jadehexo-renderer-stylus

ERROR /xxx/blog/themes/Butterfly/layout/includes/layout.pug:21
    19|
    20| - var pageDescription = page.description || page.title || config.description || ''
  > 21| - var pageKeywords = (config.keywords || []).join(',')
    22| - if (page.tags && page.tags.data) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',')
    23| - var pageAuthor = config.email ? config.author + ',' + config.email : config.author
    24| - var pageCopyright = config.copyright || config.author

(config.keywords || []).join is not a function
TypeError: /xxx/blog/themes/Butterfly/layout/includes/layout.pug:21
    19|
    20| - var pageDescription = page.description || page.title || config.description || ''
  > 21| - var pageKeywords = (config.keywords || []).join(',')
    22| - if (page.tags && page.tags.data) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',')
    23| - var pageAuthor = config.email ? config.author + ',' + config.email : config.author
    24| - var pageCopyright = config.copyright || config.author

(config.keywords || []).join is not a function
    at eval (eval at wrap (/xxx/blog/node_modules/pug-runtime/wrap.js:6:10), <anonymous>:32:44)
    at template (eval at wrap (/xxx/blog/node_modules/pug-runtime/wrap.js:6:10), <anonymous>:2738:72)
    at Theme._View.View._compiled.locals [as _compiled] (/xxx/blog/node_modules/hexo/lib/theme/view.js:125:48)
    at Theme._View.View.View.render (/xxx/blog/node_modules/hexo/lib/theme/view.js:30:15)
    at route.set (/xxx/blog/node_modules/hexo/lib/hexo/index.js:394:29)
    at tryCatcher (/xxx/blog/node_modules/bluebird/js/release/util.js:16:23)
    at /xxx/blog/node_modules/bluebird/js/release/method.js:15:34
    at RouteStream._read (/xxx/blog/node_modules/hexo/lib/hexo/router.js:134:3)
    at RouteStream.Readable.read (_stream_readable.js:470:10)
    at resume_ (_stream_readable.js:949:12)
    at process._tickCallback (internal/process/next_tick.js:63:19)

runtimeshow配置项小问题

当runtimeshow配置项 开启且日期格式为 1x(2x)/x/201x 时天数 会显示异常
如:

runtimeshow:
  enable: true
  start_date: 27/7/2017 00:00:00

改为

runtimeshow:
  enable: true
  start_date: 7/7/2017 00:00:00

正常显示

有几个问题请教

1.文章的封面图,在文章里使用什么属性设置?

2.文章中的从下向上滚动时的导航栏是否有意设置成无导航按钮?

3.你博客中的固定短链接是如何设置的?我现在设置的是使用:id但是比较长,每次生成的都不一样。

4.右侧的区域块是否可以在类似标签页中自定义显示某一部分或者是不显示?

5.友情链接在melody.yml中的配置信息的作用是什么?另外在页面中是否需要根据什么特定格式书写?

6.目前我在部分文章中根据原主题的文档,设置了top_img,只能显示在文章顶部,封面还是默认的图片,另外在文章下部的相关文章的所有图片都是碎的,既没有自定义设置的图片,也没有主题默认显示的图片。打开控制台看了下imgsrc属性为src="undefined"

hexo-butterfly页面配置问题

Snipaste_2019-09-09_12-11-26

设置了一个二级导航栏,比如叫生活随笔,怎么配置才能让生活点滴的页面显示的和主页的文章列表一样,筛选出特定的生活随笔文章到那个导航链接的页面呢?

另外是您的音乐和视频那个页面是怎么配置的?求指导!

关于转圈圈的头像

开发者您好~
看到您那个会转圈圈的头像觉得非常cool,不过我查看了说明文件并没有特性,所以想请问我也可以让自己的头像转圈圈嘛(可怜脸(o゚v゚)ノ)

拉取最新的版本hexo g后报错

拉取最新的版本hexo g后报错 安装的组件和上一个版本一样 是还要装什么吗?

INFO  Deleted database.
INFO  Start processing
FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html
TypeError: Cannot read property 'enable' of undefined
    at Hexo.<anonymous> (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/themes/Butterfly/scripts/post-lazyload.js:5:23)
    at Hexo.tryCatcher (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/util.js:16:23)
    at Hexo.<anonymous> (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/method.js:15:34)
    at /Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/hexo/lib/extend/filter.js:60:50
    at tryCatcher (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/util.js:16:23)
    at Object.gotValue (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/reduce.js:155:18)
    at Object.gotAccum (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/reduce.js:144:25)
    at Object.tryCatcher (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/util.js:16:23)
    at Promise._settlePromiseFromHandler (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/promise.js:517:31)
    at Promise._settlePromise (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/promise.js:574:18)
    at Promise._settlePromiseCtx (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/promise.js:611:10)
    at _drainQueueStep (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/async.js:142:12)
    at _drainQueue (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/async.js:131:9)
    at Async._drainQueues (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/async.js:147:5)
    at Immediate.Async.drainQueues [as _onImmediate] (/Users/qinkangdeid/Nextcloud/work/codes/personal/github/personal/qinkangdeid.github.io/node_modules/bluebird/js/release/async.js:17:14)
    at processImmediate (internal/timers.js:439:21)

打开这样

extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug

关于abbrlink

请问主题的短链接是要自己写嘛?需要安装abbrlink插件嘛?还是只需要在主题的配置文件里开启功能即可

页面无法正常加载头像

问题:
自定义了一个404页面,但是在部署时发现头像无法正常加载,审查网页代码发现<img>标签中的src属性被替换成了data-src,后检查发现是post-lazyload.js脚本导致。
但是又发现主页的头像部分<img>标签具有src属性
请问如何使该页面达到和首页头像相同的效果,可以正常加载头像

预期行为:
good

实际行为:
Bad

生成public后访问主页出现错误

extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug

頁面連結問題

您好,我這有一些問題:

  1. 我的hexo已經架好了,但是留言版, 關於...... 連進去都會404,請問是還要另外設定什麼嗎?

感謝

Hexo-theme-ButterFly

您好,我想知道怎麽能夠關閉tag、achieve、about頁面的評論功能,能麻煩告知一下嗎?麻煩了

hexo-renderer-jade应该改成hexo-render-pug(逃

hexo-renderer-jade已经没有维护了(或者叫改名了?
应该安装新版的hexo-render-pug吧,不然会报漏洞
实测装hexo-render-pug编译不会报错,readme和文档部分是否可以稍微改一下hhh

打开网页出现问题

你好,我clone你的主题后发布没出错,但是,访问网页后网页上只出现了这行代码
extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug

启动失败

TypeError: C:\Users\chc_golang\Desktop\blog\themes\Butterfly\layout\includes\config.pug:1

1| -
2| var algolia = 'undefined';
3| var env = process.env;
4| if (theme.algolia_search.enable) {

Cannot read property 'path' of undefined
at eval (eval at wrap (C:\Users\chc_golang\Desktop\blog\node_modules\pug-runtime\wrap.js:6:10), :385:25)
at template (eval at wrap (C:\Users\chc_golang\Desktop\blog\node_modules\pug-runtime\wrap.js:6:10), :2517:72)
at Theme._View.View._compiled.locals [as _compiled] (C:\Users\chc_golang\Desktop\blog\node_modules\hexo\lib\theme\view.js:125:48)
at Theme._View.View.View.render (C:\Users\chc_golang\Desktop\blog\node_modules\hexo\lib\theme\view.js:30:15)
at route.set (C:\Users\chc_golang\Desktop\blog\node_modules\hexo\lib\hexo\index.js:394:29)
at tryCatcher (C:\Users\chc_golang\Desktop\blog\node_modules\bluebird\js\release\util.js:16:23)
at C:\Users\chc_golang\Desktop\blog\node_modules\bluebird\js\release\method.js:15:34
at RouteStream._read (C:\Users\chc_golang\Desktop\blog\node_modules\hexo\lib\hexo\router.js:134:3)
at RouteStream.Readable.read (stream_readable.js:457:10)
at resume
(_stream_readable.js:933:12)
at process._tickCallback (internal/process/next_tick.js:63:19)

随机cover需求

现在添加文章虽然有默认的cover可以在_config.yml中配置,但是很单一,是否可以配置多个图片,随机读取展示呢?

启动失败

问题描述、复现步骤

  1. 部署主题
    git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
  2. 修改配置
    theme: Butterfly
  3. 添加依赖
    npm install hexo-renderer-jade hexo-renderer-stylus --save
    4 hexo g 出现错误。
    image

系统信息

  "dependencies": {
    "hexo": "^3.9.0",
    "hexo-deployer-git": "^2.0.0",
    "hexo-generator-archive": "^0.1.5",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.1",
    "hexo-generator-tag": "^0.2.0",
    "hexo-render-pug": "^2.1.4",
    "hexo-renderer-ejs": "^0.3.1",
    "hexo-renderer-jade": "^0.4.1",
    "hexo-renderer-marked": "^1.0.1",
    "hexo-renderer-stylus": "^0.3.3",
    "hexo-server": "^0.3.3"
  }

🌹

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.