hclonely / hexo-theme-webstack Goto Github PK
View Code? Open in Web Editor NEWA hexo theme based on webstack. | 一个基于webstack的hexo主题。
Home Page: https://webstack.hclonely.com/
License: MIT License
A hexo theme based on webstack. | 一个基于webstack的hexo主题。
Home Page: https://webstack.hclonely.com/
License: MIT License
使用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>
hexo 6.x 怎么整?
请问有解决的方法嘛?感激不尽!
左侧菜单第三项无论如何配置,都会显示submenu。
甚至配置中menu个数少于3个,也会显示第三项。
您好, 想请问一下, 现在有支持自定义每行显示网站的个数吗, 现在貌似只能每行4个, 个人感觉每行显示的可以再多一点
您好,再使用这个hexo-theme-webstack导航项目过程中,遇到以下问题
问题描述:点击到左侧的标签分类之后,右侧的页面会有滚动的效果,观感不太好,
我想问下如何关闭这个滚动的功能
你好,我自己写了一个用于提取网站信息的小软件,感兴趣的话,希望您查看一下
https://www.thotz.top/posts/5b4f75e0.html
见上图,当配置(_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
在 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 是有问题的。
是主题插件项目下的images还是博客目录下的 ?
你好,最近发现 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
即可跳转到该主题的首页,请问应该如何设置?
您好,有两个小问题说一下,
1.
flag:
icon: flag-cn
name: Chinese
icon这个图标路径是默认的images\flags目录,但我是将这个导航主题嵌套到我另一个博客里面的,所以这个路径我就没法用。
2.主题配置中custom配置里的body选项,
pc模式是在最左下角,且链接失效
在手机模式会错位。
这是我填写的配置:
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>
非常感谢可以在hexo上使用这个站点导航:
我在本地使用hexo deploy上传到我的项目地址,可以通过网址 https://aaron951117.github.io/webstack/ 访问到,但是并不像本地一样渲染,而且排版变得很差,该如何解决呢?
语言和搜索的网站列表可以改为动态设置么?
能否增加对于 增加对于google analytics 的支持配置?
λ 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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.