shenweiyan / webstack-hugo Goto Github PK
View Code? Open in Web Editor NEWWebStack 网址导航 Hugo 主题,无需服务器,支持导航一键配置的纯静态网址导航网站。
Home Page: https://bioit.top
License: MIT License
WebStack 网址导航 Hugo 主题,无需服务器,支持导航一键配置的纯静态网址导航网站。
Home Page: https://bioit.top
License: MIT License
如题。
当网站收录的网址较多时,会造成HTML过长,不利于搜索引擎seo优化。同时,也会拖慢加载速度,影响访客体验。
目前想到的办法有两种:
个人倾向于第二种,不知道这个功能好不好实现?大佬有没有类似的想法?
(我就是瞎提点建议,具体怎么写全靠大佬安排)
hugo server 后能正常访问,但是访问的路径是:http://localhost:1313/WebStack-Hugo,相比教程里多了WebStack-Hugo这个context root
hugo -D 生成的 public 目录,访问 index.html 会出现元素没法加载的情况,感觉就是这个 WebStack-Hugo 影响了
是哪里需要配置下么?
# 创建项目
mkdir navsites
cd $_
# 初始化项目
git init
# 将 WebStack-Hugo 源下载到 themes/WebStack-Hugo 文件夹
git submodule add https://github.com/shenweiyan/WebStack-Hugo.git themes/WebStack-Hugo
cp -r themes/WebStack-Hugo/exampleSite/* ./
# 安装 hugo
go install github.com/gohugoio/hugo@latest
# 本地测试
hugo server
# 生成 docs 文件夹,将并静态内容生成至此处
hugo -D
hugo server 预览都正常, hugo -D 发现public文件夹生成了,但是里面空的
试过 hugo hugo -D hugo -minify
有解吗?
现在放在这:https://scutlmg.github.io/torchNavi/
我也不知道为啥?
本地hugo server 预览是没有问题的,上传githubpageyihou就不行了
我的部署action是用peaceiris/actions-gh-pages@v3
是因为部署的方式不一样影响了生成吗?
在预览时日夜间模式切换正常,但生成静态文件后从日间切换夜间正常,也无法从夜间切换为日间模式了
求教,修改那个文件可以让网址不在新窗口打开
1.在config设置默认展开导航栏后,导航栏动画在桌面端会失效。2.我该如何设置一行内最多可显示多少链接
谢谢.
https://icp.aizhan.com:6666/xxx.xxx.xx/
修改为
https://icp.aizhan.com/xxx.xxx.xx/
去掉端口就正常了
但是代码中没找到对应上述内容的修改位置
请帮忙看一下
你好,我更新了一些链接,也上传了图标,没有加载出图标,我想修改一下,但是我对go,hugo都不甚了解。
图标是放置在根目录的 assets/images
还是 static/images
,还是 theme/webstack-hugo/assets/iamges
?
我每一个都复制了一轮,因为放在 assets
下的全都没通过 action 部署到 gh-pages
分支,后来我新建了 static/images
后就在 gh-page
s 分支有文件更新了,但是网站内并没有刷新图标,我尝试清理缓存刷新也没响应,都是显示的 default.png ,不知是如何识别并渲染的?
但我旧的网页图标(没创建 static
之前,都是塞在 assets
里的)都是可以识别加载出来的。这是否和 action 或者文件路径有关系?
fork了一份,修改了config,但是还是空白
如题,强烈建议大佬能否适配一下chrome书签的结构,因为日常都是用chrome收藏,更改。如果可以适配一下,我觉得效率简直不要太高,门槛又低。
现有我发现的有2款插件:
一个是Export History/Bookmarks to JSON/CSV*/XLS*https://chrome.google.com/webstore/detail/export-historybookmarks-t/dcoegfodcnjofhjfbhegcgjgapeichlf
一个是json-bookmarkshttps://github.com/1nfiniteloop/json-bookmarks
。另外大佬要是能支持子分类就更完美了。看了下好像手机上没做自适应
我部署在vercel上的,请问这个底下这个background在哪里调整?没找到对应的代码,赶紧方格看的眼镜花了。。。。还有网站内的侧边栏icon是哪个资源库的,也没有找到对应的地方,被迫挂了bootstrap的图标库,不知道会不会冲突。
关于路径的问题:
如果你的baseURL = "https://example.com/WebStack"
(多了一个子目录WebStack
),本地预览时需要在浏览器中打开 http://127.0.0.1:1313/WebStack 进行预览;
如果你的baseURL = "https://example.com/
(不带子目录),本地预览在浏览器中打开 http://127.0.0.1:1313 即可。
关于样式不显示的问题,可以通过下面的方法检查一下:
检查一下 hugo 的版本,建议使用 https://github.com/gohugoio/hugo/releases/v0.89.4/ 的版本;有用户反馈太高的 hugo 版本也可能会造成样式不显示。
如果hugo server
正常,但hugo -D
生成的public/index.html
生成的静态文件直接在浏览器打开出现样式不显示:
正常hugo -D
生成的public
静态文件需要上传到 github pages/Cloudflare Pages,通过 url 才能正常显示,本地是无法直接查看。
如果想要实现本地直接查看,可以在config.toml
文件的顶部添加一个relativeURLs = true
的选项,hugo -D
重新生成一下public
静态文件即可。
貌似关于页面丢失了样式,没有样式了
我使用hugo命令无法生成静态文件目录,这样我就无法使用静态文件托管,我使用的是0.104.3拓展版本的hugo搭建的,请问是出自的哪里的问题
你好,我试了下搭建,在一个 hugo 工程中,步骤是:
第一次搭建这个目录移动让我有点懵,不能开箱即用。
我在想是不是直接就弄成一个可以直接使用的结构即可,不用再去移动目录,然后:
这样只要装好 hugo 就能开箱即用了。
您好,关于适配子文件夹,改我倒是会改,我研究了一下发现除了配置文件以外,只需要再改以下两个文件就能适配
WebStack-Hugo\layouts\partials\footer.html
WebStack-Hugo\layouts\partials\header.html
我只是提个建议,打扰了。
custom-style.css中, About页面的超链接颜色定义无效。
/About页面/
.panel .panel-body a {color: #007bff;}
.panel .panel-body a:hover {color: #979898;}
复现:在webstack.yml上,新增链接保存之后,重启docker。首页就会出现502状态。删除新增的链接就不会
不知道这是什么问题。
还是说必须按照原webstack.yml原有的链接数量才行。
还有就是手机端的,右上角有搜索按钮、右下角有,页面也有搜索,太多了吧~~
使用方向键选择热词时只能选择第一个,其它选项会全部消失,并且选择第一个热词后前缀会出现1
我能加个后台,然后去卖钱吗
代码小白:这东西怎么弄啊,怎么这么复杂
Hi,我是 Kimi,很高兴遇见你!
应用商店搜索 “Kimi 智能助手”
随时和 Kimi 聊天!
编写一张网页源代码,实现页面内搜索功能。有一个文本框,文本框右侧有一个搜索按钮,在文本框输入关键词后按下回车键或者点击搜索按钮,即可实现页面内搜索并高亮显示关键词。
创建一个简单的网页,实现页面内搜索并高亮显示关键词的功能,可以通过HTML、CSS和JavaScript来完成。以下是一个基本的示例代码:
这个示例中:
HTML部分定义了一个输入框和一个搜索按钮。
CSS部分定义了一个.highlight类,用于高亮显示搜索关键词。
JavaScript部分定义了一个search函数,当用户输入关键词并点击搜索按钮或按下回车键时,该函数会被调用。
该函数使用正则表达式来查找输入的关键词,并将其包装在标签中,同时应用.highlight类以高亮显示。
还添加了一个事件监听器,以便在用户按下回车键时也能触发搜索功能。
请将上述代码保存为.html文件,并在浏览器中打开以查看效果。
arvon2014/webstack-laravel
如题加个友链:
1、laosji.net
2、itianxia.cn
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.