Giter Club home page Giter Club logo

hexo-theme-webstack's Introduction

hexo-theme-webstack's People

Contributors

dependabot[bot] avatar hclonely 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

hexo-theme-webstack's Issues

本地图片图标只显示一个

image
直接复制的主题,显示的这样
然后改了post_asset_folder: true,本地图片的插件也安了,请问是哪里还没有设置

网站图片路径问题

使用gitlab 的page服务部署,网站在子目录下,网站的不能正确显示路径是为什么呢?css js那些文件都能正常加载。
需要在配置文件图片路径中加上项名才行,是我哪里没配对么

关于本站页面,站长信息卡片好像有点问题

鼠标悬浮站长信息卡片时,显示的地址好像是固定的,好像有点不合理啊

html

<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yansheng.xyz', '_blank')" 
    data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.hclonely.com/">
    <div class="xe-comment-entry">
        <a class="xe-user-img">
            <img src="/images/logos/yansheng.jpg" class="img-circle" width="40">
        </a>
        <div class="xe-comment">
            <a href="#" class="xe-user-name overflowClip_1"> <strong>荷塘月色</strong>

            </a>
            <p class="overflowClip_2">程序猿</p>
        </div>
    </div>
</div>

左侧菜单bug

左侧菜单第三项无论如何配置,都会显示submenu。
甚至配置中menu个数少于3个,也会显示第三项。

每行显示个数问题

您好, 想请问一下, 现在有支持自定义每行显示网站的个数吗, 现在貌似只能每行4个, 个人感觉每行显示的可以再多一点

如何取消页面滚动

您好,再使用这个hexo-theme-webstack导航项目过程中,遇到以下问题

问题描述:点击到左侧的标签分类之后,右侧的页面会有滚动的效果,观感不太好,

我想问下如何关闭这个滚动的功能

关于子页面

SharedScreenshot
为何子页面试这样的,在/child/index.md中添加type:'child'显示错误,去除就显示上图

menu -> name 带有空格时,页面滚动失效

image

image

见上图,当配置(_config.webstack.yml)中的 menu -> name中间带有空格时,点击左侧菜单无法滚动页面,提示js出错。
name中间不带空格可以正常滚动。

---- hexo-theme-webstack 版本 ----
2.1.0 (npm 安装)

---- Hexo 版本信息 ----
% hexo --version
INFO Validating config
hexo: 6.3.0
hexo-cli: 4.3.0
os: darwin 22.1.0 13.0.1

node: 19.7.0
acorn: 8.8.2
ada: 1.0.1
ares: 1.19.0
brotli: 1.0.9
cldr: 42.0
icu: 72.1
llhttp: 8.1.0
modules: 111
napi: 8
nghttp2: 1.52.0
openssl: 1.1.1t
simdutf: 3.1.0
tz: 2022e
undici: 5.20.0
unicode: 15.0
uv: 1.44.2
uvwasi: 0.0.15
v8: 10.8.168.25-node.11
zlib: 1.2.11

在 hexo 5.4.0,有的时候 lozad.js 无法加载

themes/webstack/layout/common/footer.ejs 这里有这么一段:

<% if (setting.type!=="about") { %>
<%- js(setting.js.lozad) %>
<% } else { %>
<textarea ...></textarea>
<% } %>

看起来应该是在首页加载 setting.js.lozad,在「关于本站」的页面,加载下面那段 textarea。

但我用 hexo 5.4,通过 hexo generate 生成的 index.html 里面,始终是 textarea 那段(这样导致首页各个菜单项的 logo 显示不出来),除非把 source/about/index.html 里面的 type: 'about' 去掉。

复现方式(我的是 node 14.15.4)

hexo init test-hexo
cd test-hexo
npm install hexo-theme-webstack -S
# 将 _config.yml 中的 theme 改为 webstack
hexo new page about
# 给 source/about/index.md 加上 type: 'about'
npm run build
# 查看 public/index.html,最下面没有加载 lozad.js,而是放了一个 textarea

另外用 hexo server 的时候没问题,只有 generate 出来的 index.html 是有问题的。

关于 Font Awesome 字体的最新版本

你好,最近发现 Font Awesome 字体的最新版本是 5.15.4,跟主题现有的版本相比增加了一些新的符号,我摸索着替换了相关的字体文件和 css 文件后发现新的符号可以正常显示,所以我从官网搜集了新版本字体的相关下载链接,希望你在下次更新主题时可以减轻一点工作量!

CSS
https://use.fontawesome.com/releases/v5.15.4/css/all.css

Solid
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.svg
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.ttf
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2

Regular
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.svg
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.ttf
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff2

Brand
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.svg
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.ttf
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff
https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2

请问怎么在子目录中使用该主题?

如题,我的博客以前已经使用了其它主题,现在想两个主题同时使用,把这个主题作为博客的导航页面,访问博客URL/guide即可跳转到该主题的首页,请问应该如何设置?

页脚版权问题

页脚中的版权,好像都是webstack,是不可修改的,能否考虑改成主题_config.yml中的author、或者新增一个字段来配置?
(ps:我特地去看了下WebStackPage的开源协议,是MIT,修改后好像问题不大。)

image

主题配置中左上角flag的图标问题和custom选项中的body问题

您好,有两个小问题说一下,
1.
flag:
icon: flag-cn
name: Chinese
icon这个图标路径是默认的images\flags目录,但我是将这个导航主题嵌套到我另一个博客里面的,所以这个路径我就没法用。

2.主题配置中custom配置里的body选项,
pc模式是在最左下角,且链接失效
QQ截图20210213150049
在手机模式会错位。
image

这是我填写的配置:

custom:
  head: |- # 以下内容插入到<head></head>标签内,可设置多行,注意每行开头至少四个空格
    <!-- 直接添加html内容即可 -->
    <!-- 可设置多行 -->
  body: |- # 以下内容插入到</body>标签之前,可设置多行,注意每行开头至少四个空格
    <!-- 直接添加html内容即可 -->
    <!-- 可设置多行 -->
    <a href="https://beian.miit.gov.cn"><img src="/dchh/images/yumkbwan.png"><span>蜀ICP备20005665号-1</span></a>|<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral"><img src="/dchh/images/又拍云_logo5.png" height="20" width="40" ></a>

npm安装报错

λ hexo -v

INFO  Validating config
hexo: 5.4.0
hexo-cli: 4.3.0
os: win32 10.0.19042
node: 17.2.0
v8: 9.6.180.14-node.12
uv: 1.42.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.18.1
modules: 102
nghttp2: 1.45.1
napi: 8
llhttp: 6.0.4
openssl: 3.0.0+quic
cldr: 40.0
icu: 70.1
tz: 2021a3
unicode: 14.0
ngtcp2: 0.1.0-DEV
nghttp3: 0.1.0-DEV

package.json

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": "5.4.0"
  },
  "dependencies": {
    "hexo": "^5.4.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-index": "^2.0.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-renderer-ejs": "^2.0.0",
    "hexo-renderer-marked": "^4.1.0",
    "hexo-renderer-stylus": "^2.0.1",
    "hexo-server": "^2.0.0",
    "hexo-theme-landscape": "^0.0.3"
  }
}

λ npm install hexo-theme-webstack -S

npm ERR! code 1
npm ERR! path D:\OneDrive\hexo\Mynav\node_modules\hexo-theme-webstack
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node ./move_config.js
npm ERR! D:\OneDrive\hexo\Mynav\node_modules\hexo-theme-webstack\move_config.js:5
npm ERR!   if (version.split('.')[0].imcludes('5')) {
npm ERR!                             ^
npm ERR!
npm ERR! TypeError: version.split(...)[0].imcludes is not a function
npm ERR!     at Object.<anonymous> (D:\OneDrive\hexo\Mynav\node_modules\hexo-theme-webstack\move_config.js:5:29)
npm ERR!     at Module._compile (node:internal/modules/cjs/loader:1097:14)
npm ERR!     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)
npm ERR!     at Module.load (node:internal/modules/cjs/loader:975:32)
npm ERR!     at Function.Module._load (node:internal/modules/cjs/loader:822:12)
npm ERR!     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
npm ERR!     at node:internal/main/run_main_module:17:47
npm ERR!
npm ERR! Node.js v17.2.0

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Mypc\AppData\Local\npm-cache\_logs\2021-12-21T22_19_25_536Z-debug-0.log

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.