Giter VIP home page Giter VIP logo

hexo-theme-bamboo's Introduction

hexo-theme-bamboo

master version master version https://img.shields.io/npm/v/hexo-theme-bamboo?color=%09%23bf00ff hexo version

最新文档,请netifly查看

图片描述 图片描述 图片描述

下载

首先你需要有一个Hexo,按照官网的方法,很容易的就能创建一个hexo博客。

当你有了hexo博客之后,进入themes文件夹下使用 Git clone 命令来下载:

github安装

git clone https://github.com/yuang01/hexo-theme-bamboo.git

gitee安装

git clone https://gitee.com/yuang01/hexo-theme-bamboo.git

修改hexo根目录下的站点配置文件_config.yml,把主题改为hexo-theme-bamboo,通过主题文件夹下的config.yml配置主题即可

或者npm来安装,进入hexo根目录使用如下命令

npm i hexo-theme-bamboo

注意:此方法只支持Hexo在5.0.0版本以上 通过 npm 安装并不会在 themes 里生成主题文件夹,而是在 node_modules 里生成 修改hexo根目录下的站点配置文件_config.yml,把主题改为bamboo

接着在hexo根目录下新建文件_config.bamboo.yml,从node_modules文件夹下找到hexo-theme-bamboo文件夹下的_config.yml,将里面的内容复制到_config.bamboo.yml文件中即可,在_config.bamboo.yml文件中对主题进行配置

喜欢的话,可以在github上点个star哦

Stargazers over time

Stargazers over time

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

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

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

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

求助!!(好像是bug

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

文章摘要功能

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

求助

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

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?

添加不了友链

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

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

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

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

image

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

几点反馈

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

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

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

求助

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

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

是我哪里配置错了吗

_config.yml里的tab和空格问题

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

`{% 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.

关于导航栏

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

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.