Modify Basic Information

This commit is contained in:
Qubot 2025-03-22 15:29:03 +00:00
parent 10feb13e48
commit 721bf52e32
5 changed files with 60 additions and 48 deletions

View File

@ -1,27 +1,38 @@
# ModerNa 主题使用与限制
# Quark 主题使用与限制
基于Halo2.0开发将当前目录压缩为zip包后安装
基于 [Moderna](https://github.com/liuchangfitcloud/theme-moderna) 模版进行修改
基于 [Moderna](https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/) 模版进行开发
## 安装 Quark 主题
感谢 [bootstrapmade](https://bootstrapmade.com) 提供免费好用的HTML模版
### 1. 获取主题仓库地址
复制以下仓库地址:
[`https://github.com/BigQubot/theme-quark.git`](https://github.com/BigQubot/theme-quark.git)
设置步骤
### 2. 通过后台管理安装
进入 **博客后台管理**,依次前往:
`外观``主题``安装``远程下载`,然后粘贴仓库地址进行安装(建议使用最新版本)。
- [x] 设置自定义页面(配置关于/服务/团队/联系我们/博客的自定义页面,菜单中显示的名称对应自定义页面的标题,访问路径对应/别名)
- [x] 在主题中对应的菜单下选择固定模版对应的自定义页面才会对下面的设置有效
- [x] 修改对应需要显示的块数据与编辑需要展示的数据
- [x] 如果需要展示博客内容 需要在文章中添加文章/标签/分类,然后在主题中设置需要展示的内容/分页数量等
- [x] 查看内容。本主题默认自带了模拟数据
**如果在线安装失败**,请改用 `本地上传` 方式:
- 访问 [Release 页面](https://github.com/BigQubot/theme-quark/releases)
- 下载所需版本的主题压缩包
- 在后台 `本地上传` 进行安装
预览效果
![img.png](img.png)
📌 **务必在 `Release` 页面下载压缩包,否则可能导致资源加载错误!**
![img_1.png](img_1.png)
### 3. 等待安装完成
安装过程完成后,主题即可生效。
预览地址:
https://www.wggznb.top/?preview-theme=moderna-template
### 4. 更新主题
更新主题时,建议使用:
`外观``主题``Quark``更多``从主题包更新`,上传新的 `zip` 压缩包。
**更新后,请执行以下步骤避免缓存问题:**
1. **切换到其他主题**
2. **再切换回 Quark**
3. **进入主题设置,执行一次保存**
4. **强制刷新前端页面**
这样可以确保主题状态正常激活,并避免缓存问题导致的异常。
如有版权问题请联系 liuchang.cloud@gmail.com进行修改
主题开发参考 [Halo官方文档](https://docs.halo.run)

View File

@ -1 +1 @@
rootProject.name = 'theme-moderna'
rootProject.name = 'theme-quark'

View File

@ -1,7 +1,7 @@
apiVersion: v1alpha1
kind: Setting
metadata:
name: theme-moderna-setting
name: theme-quark-setting
spec:
forms:
- group: home
@ -42,7 +42,7 @@ spec:
- $formkit: attachment
name: carousel_bg_img
label: 轮播块背景图片
value: /themes/moderna-template/assets/img/hero-bg.jpg
value: /themes/theme-quark/assets/img/hero-bg.jpg
- $formkit: radio
name: show_card
id: show_home_card
@ -101,7 +101,7 @@ spec:
if: "$get(show_home_why_us).value"
name: why_bg_img
label: 介绍公司背景图片
value: /themes/moderna-template/assets/img/why-us.jpg
value: /themes/theme-quark/assets/img/why-us.jpg
- $formkit: url
if: "$get(show_home_why_us).value"
name: why_video_url
@ -158,28 +158,28 @@ spec:
name: features_items
label: 优势条目
value:
- img: /themes/moderna-template/assets/img/features-1.svg
- img: /themes/theme-quark/assets/img/features-1.svg
title: 努力成为世界第一
desc: 我们坚信我们将超越世界上所有的公司
items:
- desc: 服务第一
- desc: 质量第一
- desc: 福利第一
- img: /themes/moderna-template/assets/img/features-2.svg
- img: /themes/theme-quark/assets/img/features-2.svg
title: 努力成为世界第一
desc: 我们坚信我们将超越世界上所有的公司
items:
- desc: 服务第一
- desc: 质量第一
- desc: 福利第一
- img: /themes/moderna-template/assets/img/features-3.svg
- img: /themes/theme-quark/assets/img/features-3.svg
title: 努力成为世界第一
desc: 我们坚信我们将超越世界上所有的公司
items:
- desc: 服务第一
- desc: 质量第一
- desc: 福利第一
- img: /themes/moderna-template/assets/img/features-4.svg
- img: /themes/theme-quark/assets/img/features-4.svg
title: 努力成为世界第一
desc: 我们坚信我们将超越世界上所有的公司
items:
@ -234,7 +234,7 @@ spec:
if: "$get(show_about).value"
name: header_img
label: 顶部图片
value: /themes/moderna-template/assets/img/about.jpg
value: /themes/theme-quark/assets/img/about.jpg
- $formkit: text
if: "$get(show_about).value"
name: header_title
@ -342,19 +342,19 @@ spec:
name: carousel_items
label: 轮播条目
value:
- avatar: /themes/moderna-template/assets/img/team/team-2.jpg
- avatar: /themes/theme-quark/assets/img/team/team-2.jpg
name: 马某
location: 某五百强首席执行官
content: 感谢为世界软件事业发展做出的重大贡献。
- avatar: /themes/moderna-template/assets/img/team/team-2.jpg
- avatar: /themes/theme-quark/assets/img/team/team-2.jpg
name: 李某
location: 金牌合作伙伴
content: 很开心能与贵司合作达成双赢。
- avatar: /themes/moderna-template/assets/img/team/team-2.jpg
- avatar: /themes/theme-quark/assets/img/team/team-2.jpg
name: 马某
location: 首席产品经理
content: 产品不错,给用户很好的使用体检。继续加油!
- avatar: /themes/moderna-template/assets/img/team/team-2.jpg
- avatar: /themes/theme-quark/assets/img/team/team-2.jpg
name: 王某
location: 首席铲屎官
content: 我是世界第一帅,你们是世界第一棒!
@ -455,7 +455,7 @@ spec:
if: "$get(show_service).value && $get(show_service_why_us).value"
name: why_bg_img
label: 介绍背景图片
value: /themes/moderna-template/assets/img/why-us.jpg
value: /themes/theme-quark/assets/img/why-us.jpg
- $formkit: url
if: "$get(show_service).value && $get(show_service_why_us).value"
name: why_video_url
@ -505,19 +505,19 @@ spec:
key: card_itmes
label: 卡片信息
value:
- img: /themes/moderna-template/assets/img/card-1.jpg
- img: /themes/theme-quark/assets/img/card-1.jpg
title: MeterSphere
desc: MeterSphere 是一站式的开源持续测试平台,遵循 GPL v3 开源许可协议涵盖测试跟踪、接口测试、UI 测试和性能测试等功能,全面兼容 JMeter、Selenium 等主流开源标准,有效助力开发和测试团队充分利用云弹性进行高度可扩展的自动化测试,加速高质量的软件交付。
url: https://metersphere.io
- img: /themes/moderna-template/assets/img/card-2.jpg
- img: /themes/theme-quark/assets/img/card-2.jpg
title: DataEase
desc: DataEase 是开源的数据可视化分析工具帮助用户快速分析数据并洞察业务趋势从而实现业务的改进与优化。DataEase 支持丰富的数据源连接,能够通过拖拉拽方式快速制作图表,并可以方便地与他人分享。
url: https://dataease.io
- img: /themes/moderna-template/assets/img/card-3.jpg
- img: /themes/theme-quark/assets/img/card-3.jpg
title: JumpServer
desc: JumpServer 是广受欢迎的开源堡垒机,是符合 4A 规范的专业运维安全审计系统。改变世界,从一点点开始。
url: https://www.jumpserver.org
- img: /themes/moderna-template/assets/img/card-4.jpg
- img: /themes/theme-quark/assets/img/card-4.jpg
title: KubeOperator
desc: KubeOperator 是一个开源的轻量级 Kubernetes 发行版,专注于帮助企业规划、部署和运营生产级别的 Kubernetes 集群。
url: https://kubeoperator.io
@ -638,7 +638,7 @@ spec:
name: items
label: 成员列表
value:
- photo: /themes/moderna-template/assets/img/team/team-2.jpg
- photo: /themes/theme-quark/assets/img/team/team-2.jpg
name: 王某
localtion: 首席铲屎官
desc: 作为公司最帅的标杆就是需要有足够的闷骚才能男女通杀!
@ -646,7 +646,7 @@ spec:
<a href="/"><i class="iconfont icon-weibo"></i></a>
<a href="/"><i class="iconfont icon-qq"></i></a>
<a href="/"><i class="iconfont icon-weixin"></i></a>'
- photo: /themes/moderna-template/assets/img/team/team-2.jpg
- photo: /themes/theme-quark/assets/img/team/team-2.jpg
name: 刘某
localtion: IT 民工
desc: 矜矜业业为软件事业每天付出24小时
@ -654,7 +654,7 @@ spec:
<a href="/"><i class="iconfont icon-weibo"></i></a>
<a href="/"><i class="iconfont icon-qq"></i></a>
<a href="/"><i class="iconfont icon-weixin"></i></a>'
- photo: /themes/moderna-template/assets/img/team/team-2.jpg
- photo: /themes/theme-quark/assets/img/team/team-2.jpg
name: 兰某某
localtion: 首席架构师
desc: 不要问,问就是什么都懂!
@ -868,7 +868,7 @@ spec:
label: 第四块代码
value: '<p>Halo你值得拥有</p>
<div class="social-links mt-3">
<img style="max-height: 120px;" src="/themes/moderna-template/assets/img/wechat.jpg">
<img style="max-height: 120px;" src="/themes/theme-quark/assets/img/wechat.jpg">
</div>'
- $formkit: radio
name: show_copyright

Binary file not shown.

Before

Width:  |  Height:  |  Size: 491 B

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

@ -1,18 +1,19 @@
apiVersion: theme.halo.run/v1alpha1
kind: Theme
metadata:
name: moderna-template
name: theme-quark
spec:
displayName: Moderna
displayName: Quark
author:
name: shrChang.Liu
website: "https://github.com/liuchangfitcloud"
description: Moderna html5 template for Halo
logo: "/themes/moderna-template/assets/img/favicon.png"
website: "https://halo.run"
repo: "https://github.com/liuchangfitcloud/theme-moderna"
settingName: "theme-moderna-setting"
configMapName: "theme-moderna-configMap"
name: Qubot
website: "https://github.com/BigQubot"
description: A modern corporate theme designed for Halo.
logo: "/themes/theme-quark/assets/img/favicon.png"
website: "https://qubot.org/"
repo: "https://github.com/BigQubot/theme-quark"
issues: https://github.com/BigQubot/theme-quark/issues
settingName: "theme-quark-setting"
configMapName: "theme-quark-configMap"
version: "1.0.0"
require: ">=2.0.0"
customTemplates: