/afx

爱分享综合导航站

Primary LanguageHTML

Hugo-Webstack网址导航网站构建模板

完整的hugo目录结构,可以直接拷贝使用,不需要本地生成。结合自动构建,可在线编辑,自动发布。

详细内容请看主题 hugo-webstack

访问链接:oulh.github.io/nav

使用方法

自动构建平台推荐,Github Pagesvercel(要用自己的域名)、netlifyzeabur(国内平台,提供域名) 。

这里介绍 Github Pages 的方法:

  1. 导入或 Fork 本项目

  2. Github Pages 设置

  3. Github Action 设置

    如果是导入的:Settings - Actions - General - Allow all actions and reusable workflows

    如果是Fork的:Actions - "I understand my workflows, go ahead and enable them"

  4. 编辑自己的网站内容并Commit,每次提交修改都会触发自动构建。

    可自定义编辑的内容:

    • 网站配置:/hugo.toml

    • 主页面:/data/webstack.yml

    • 子页面:/content/xxx.md

    • “关于”页面:/content/about.md

    • 网站logo:/static/images/logo.png

    • 导航网址默认logo:/static/images/favicon.png

    • 导航网址logo:/static/images/logos/(可自定义路径)

    • 导航网址二维码:/static/images/qrcodes/(可自定义路径)

    查看构建状态:Actions - All workflows

    如何希望提交后不触发构建,只需在 commit 信息中包含关键词:[skip ci][no ci],包括[]符号。

  5. 访问页面

    你的站点链接是:https://用户名.github.io/仓库名

附:webstack.yml

可以复制以下配置,替换 webstack.yml 原有的内容,更方便修改编辑自己的内容。记得带上"---"符号

title和url是必要属性,logo、description、qrcode可留空或删除。

---
- taxonomy: 常用工具
  icon: fa-star
  links: 
    - title: 网络剪贴板
      url: https://netcut.cn/
      logo: images/logos/xxx.png
      qrcode: https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=https://netcut.cn/
      description: 在线跨屏剪切文字
    - title: 草料二维码
      qrcode: images/qrcodes/cli.png
      url: https://cli.im/url
      description: 在线二维码生成工具
    - title: 在线文件传输
      url: https://musetransfer.com/

- taxonomy: 云服务平台
  icon: fa-cloud
  links: 
    - title: Github
      url: https://github.com/
  
- taxonomy: 网络资源
  icon: fa-download
  list: 
    - term: 软件
      links:
        - title: 果核剥壳
          url: https://www.ghxi.com/
          description: 互联网的净土。PC软件,手机软件,正版软件,破解软件
    - term: 游戏
      links:
        - title: 老男人游戏网
          url: https://www.oldmantvg.net/
          description: 仓储式主机资源站 精校 完整 极致 静待您的垂青
          
- taxonomy: 影视影音
  icon: fa-video-camera
  list: 
    - term: 影视
      links:
        - title: 阿里小站
          url: https://pan666.cn
          description: 阿里云盘资源共享站。人人为我,我为人人的共享资源社区
    - term: 字幕
      links:
        - title: 字幕库
          url: https://zmk.pw/
        - title: SubHD
          url: https://subhd.tv/
    - term: 音乐
      links:
        - title: 果核音乐搜搜
          url: https://music.ghxi.com/
        - title: 音乐磁场
          url: https://www.hifini.com/

- taxonomy: 友情链接
  icon: fa-link
  friend:
    - title: 子页面一
      url: sub1
      description: 本站子页面一,对应content目录的sub1.md,可重命名、删除、复制。
    - title: 一为导航
      url: https://nav.iowen.cn/
      description: onenav主题演示站
    - title: 趣导航
      url: https://qssily.com/
      
---