Giter Site home page Giter Site logo

yuang01 / hexo-theme-bamboo Goto Github PK

View Code? Open in Web Editor NEW
410.0 410.0 58.0 20.93 MB

Hexo博客主题,功能强大,美观

Home Page: https://hexo-theme-bamboo.netlify.app/

License: MIT License

CSS 0.31% JavaScript 59.84% Stylus 21.20% EJS 18.65%
bamboo hexo hexo-blog-theme hexo-theme-bamboo

hexo-theme-bamboo's Introduction

Hi I'm yuang 👋

I'm a four years working full stack engineer who enjoys building wheels and playing with some fun stuff.

Blogger, Lifelong learner.

Technology Stack

Languages

JavaScript TypeScript ObjectiveC Markdown

Technologies

HTML5 CSS3 Bootstrap TailwindCSS Ant Design Element Element Node.js npm Electron

SvelteVue.js React

OpenGL WebGL

Babel Webpack Webpack

MongoDB MySQL Redis

Tools

Xcode Visual Studio Code docker docker

Figma Photoshop

hexo-theme-bamboo's People

Contributors

yuang01 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

hexo-theme-bamboo's Issues

_config.yml里的tab和空格问题

image
在337和339行这里,注释require后面用的是tab而不是空格,编辑器里没有设置tab自动替换为空格的话这句注释不会看作注释,可能有问题
大佬有空顺便看一下有没有影响吧

HEXO plugins

Hi,

I like your site. Been studying your theme for HEXO and after reading your blog on the tags, I’m finding issues. What plugins are you using for your site? Did you build a custom module for all the tags you document here: https://yuang01.gitee.io/2021/02/08/hexo-theme-bamboo-new/#%E4%B8%8B%E8%BD%BD ?

I’m using the latest version of HEXO v5.4. When I attempt to use the progress tag, HEXO errors with: Unhandled rejection Nunjucks Error: _posts/Markup-manual-2.md [Line 2, Column 206] unknown block tag: progress

Any suggestions?

文章摘要功能

建议参考hexo-theme-matery在Front-matter中增加一个 summary 摘要选项,然后首页浏览文章时显示文章摘要而不是文章内容。

There is a problem with the Newcomer

I encountered the following problem:
`ERROR TypeError: D:\blog\themes\hexo-theme-bamboo\layout\index.ejs:21
19|
20|

21| <%- partial('_partial/side') %>
22|
23|
24| <%- partial('_partial/scripts/falling') %>

D:\blog\themes\hexo-theme-bamboo\layout_partial\side.ejs:6
4| <% if (theme.sidebar.widget_library) { %>
5| <% if (theme.sidebar.widget_library.side_blogger.on) { %>

6| <%- partial('side/side_blogger', { item: theme.sidebar.widget_library.side_blogger }) %>
7| <% } %>
8| <% } %>
9| <% } %>

D:\blog\themes\hexo-theme-bamboo\layout_partial\side\side_blogger.ejs:31
29|


30| <% (item.social||[]).forEach(function(value){ %>

31| <% if (value.url && (value.icon || value.img || value.avatar)) { %>
32| <a href="<%= url_for(value.url) %>"
33| class="social <%- value.icon %> flat-btn"
34| target="_blank"

Cannot read properties of null (reading 'url')`

Because I was busy reporting during deployment, I didn't watch it.
In order to make it work, simply delete ``value.url'' so that it does not report an error.
<% if (value && (value.icon || value.img || value.avatar)) { %>
So I want to know about the error handling method of /side/
Your theme is very beautiful, I have sent you a star

求助!!(好像是bug

下载bamboo进themes后,确实成功了,但是在localhost:4000里不会显示板娘的贴图,甚至有时不会显示互动框等(我没有服务器)
请问如何让板娘显示贴图并且显示互动框

关于导航栏

你好,请问我使用这个主题时发现导航栏中没有首页、归档、标签等东西,这些怎么设置才会出现?

球球大佬浇浇,Cannot GET /tags/

我在取消了一块区域的注释后,发现点击Tags标签中会导致Error。

image

大佬能不能教一下如何才能做到有仓库示例里那么好看?求求大佬浇浇 🙇

`{% link %}` tag doesn't handle ENGLISH titles with a comma (,)

This code is not only WET, but does not handle text with a comma ,...

hexo.extend.tag.register('link', function(args) {
args = args.join(' ').split(',')
let text = ''
let url = ''
let img = ''
if (args.length < 2) {
return
} else if (args.length == 2) {
text = args[0].trim()
url = args[1].trim()
} else if (args.length == 3) {
text = args[0].trim()
url = args[1].trim()
img = args[2].trim()
}
let result = '';
// 发现如果不套一层 div 在其它可渲染 md 的容器中容易被分解
result += '<div class="tagLink"><a class="link-card" title="' + text + '" href="' + url + '">';
result += '<span class="link-card-backdrop" style="background-image: url(' + (img || hexo.theme.config.tag_plugins.linkImg) + ')"></span>';
// left
result += '<div class="left">';
result += '<img src="' + (img || hexo.theme.config.tag_plugins.linkImg) + '"/>';
result += '</div>';
// right
result += '<div class="right"><p class="text">' + text + '</p><p class="url">' + url + '</p></div>';
result += '</a></div>';
return result;
});

Unfortunately, can't use the double-quote " mark as it's stripped before the args is populated. Propose using the back-tick ` mark instead. See my solution to this problem:

'use strict';

// {% link title, url %}
// {% link `title`, url, img %}
hexo.extend.tag.register('link', function(args) {
  let text = '';
  let url = '';
  let img = '';
  let result = '';
  //args are defaulted to space ` ` delimited...
  args = args.join(' ');
  // console.info("{% link {{args}} %}: ", args);
  //check for encapsulating back-tick (`) marks, if exist pull out title
  if (args.indexOf("`", 1) > 1 ) {
    //extract title from args
    text = args.split('`')[1];
    // console.log("   {% link {{text}} %}: ", text);
    // grab URL (& img)
    args = args.split('`')[2].split(",");
  } else {
    // console.info("   text not back-ticked encapsulated...");
    args = args.split(',');
    text = args[0].trim();
  }
  //check for URL
  if (args.length >= 2) {
    url = args[1].trim();
    // console.log("   {% link {{url}} %}: ", url);
  }
  //check for img
  if (args.length == 3) {
    img = args[2].trim();
    // console.log("   {% link {{img}} %}: ", img);
  }

  if (url !== '') {
    // 发现如果不套一层 div 在其它可渲染 md 的容器中容易被分解
    result += '<div class="tagLink"><a class="link-card" title="' + text + '" href="' + url + '">';
    // left
    result += '<div class="left">';
    result += '<img src="' + (img || hexo.theme.config.tag_plugins.linkImg) + '"/>';
    result += '</div>';
    // right
    result += '<div class="right"><p class="text">' + text + '</p><p class="url">' + url + '</p></div>';
    result += '</a></div>';
  }
  return result;
});

hexo.extend.tag.register('linkgroup', function(args, content) {
  let ret = '';
  ret += '<div class="link-group">';
  ret += content;
  ret += '</div>';
  return ret;
}, {ends: true});

The comma is often used in languages with the alphabet and is required in certain cases. Please consider updating this function. My version is backwards compatible with existing link tags that don't use a back-tick to denote a title.

求助

网页配置好之后测试时输入网址显示Cannot GET /
上传GitHub托管之后输入网址就是404页面

博主,文章详情页的topImg怎么实现透明呢

博主你好,我最近看了你的主题非常喜欢。在配置文章详情页是遇到了问题,找很久没解决,,就是如何实现topImg部分透明。你的是这样的
G5N1GL4VUV66JXM6MZD (ZI

而我的是
7P}F7LTIVPYMK6R38%SS4 V
就跟背景不连续。
想和你的一样,求解

几点反馈

不得不承认这是一个非常牛逼和漂亮的主题,大佬辛苦了,希望可以继续优化下去。我这几天在研究该主题,遇到了几点问题:

  1. 表格渲染
    表格渲染后宽度会被限定,然而有些表格中的内容会较多,导致表格被拉的非常长,而且单元格间的内容会重叠。是否可以给表格加一个水平滚动条解决该问题。
  2. 文章右侧文本目录
    当点击右侧的文本目录想实现跳转到某个标题时,页面总是跳转到文档开头。
  3. 站内搜索功能貌似用不了
  4. 大佬博客首页左边栏的微博、往年今日功能如何实现

我替换了默认的hexo-renderer-marked,改为hexo-renderer-multi-markdown-it以实现更多的渲染功能,不知道是否会影响到bamboo的正常运行。希望大佬抽空瞅瞅,谢谢!

page.tags.length报undefined

TypeError: \themes\hexo-theme-bamboo\layout\post.ejs:17
15| <% } %>
16|

17| <% if (page.tags.length > 0) { %>
18|


19|
20| <% page.tags.map(function(tag) { %>

Cannot read property 'length' of undefined

是我哪里配置错了吗

求助

请问博主可以有偿帮我开发一个hexo主题嘛?

添加不了友链

已经更换自己的用户名,使用你的用户名能够正常显示,使用我的用户名显示不出来,依旧一片空白

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.