small-package/luci-theme-opentopd/doc/index.md

101 lines
4.0 KiB
Markdown
Raw Normal View History

2022-11-05 20:19:37 +08:00
[![若部分图片无法正常显示,请挂上机场浏览或点这里到末尾看修复教程](https://visitor-badge.glitch.me/badge?page_id=sirpdboy-visitor-badge)](#解决-github-网页上图片显示失败的问题) [![](https://img.shields.io/badge/TG群-点击加入-FFFFFF.svg)](https://t.me/joinchat/AAAAAEpRF88NfOK5vBXGBQ)
<a href="#readme">
<img src="https://img.vim-cn.com/7f/270400123d9c4385c11d0aed32979f35d80578.png" alt="图飞了😂" title="opentopd" align="right" height="180" />
</a>
[luci-theme-opentopd thme openwrt主题](https://github.com/sirpdboy/luci-theme-opentopd)
======================
[![](https://img.shields.io/badge/-目录:-696969.svg)](#readme) [![](https://img.shields.io/badge/-编译说明-F5F5F5.svg)](#编译说明-) [![](https://img.shields.io/badge/-捐助-F5F5F5.svg)](#捐助-)
**认真阅读完毕** 本页面,本页面包含注意事项和如何使用。
opentopd 是一款基于luci-theme-material构建的使用HTML5、CSS3编写的Luci主题。
-
## 写在前面:
这个主题是为sirpdboy基于OpenWrt专门为家庭使用场景设计的固件专门设计的也可以用于OpenWrt其他版本.
目前兼容Luci18Luci其他版本计划在此版本稳定后开发。
## 编译说明 [![](https://img.shields.io/badge/-编译说明-F5F5F5.svg)](#编译说明-)
将opentopd 主题添加至 LEDE/OpenWRT 源码的方法。
## 下载源码方法一:
编辑源码文件夹根目录feeds.conf.default并加入如下内容:
```Brach
# feeds获取源码
src-git opentopd https://github.com/sirpdboy/luci-theme-opentopd
```
```Brach
# 更新feeds并安装主题
scripts/feeds update opentopd
scripts/feeds install luci-theme-opentopd
```
## 下载源码方法二:
```Brach
# 下载源码
git clone https://github.com/sirpdboy/luci-theme-opentopd package/luci-theme-opentopd
make menuconfig
```
## 配置菜单
```Brach
make menuconfig
# 找到 LuCI -> Themes, 选择 luci-theme-opentopd, 保存后退出。
```
## 编译
```Brach
# 编译固件
make package/luci-app-opentopd/{clean,compile} V=s
```
![xm1](doc/登陆页面.jpg)
![xm2](doc/实时监控.jpg)
![xm3](doc/手机画面.jpg)
### 你可以随意使用其中的源码,但请注明出处。
# My other project
网络速度测试 https://github.com/sirpdboy/NetSpeedTest
定时关机重启 : https://github.com/sirpdboy/luci-app-autopoweroff
opentopd主题 : https://github.com/sirpdboy/luci-theme-opentopd
btmob 主题: https://github.com/sirpdboy/luci-theme-btmob
系统高级设置 : https://github.com/sirpdboy/luci-app-advanced
## 说明 [![](https://img.shields.io/badge/-说明-F5F5F5.svg)](#说明-)
源码来源https://github.com/sirpdboy/luci-theme-opentopd
## 捐助 [![](https://img.shields.io/badge/-捐助-F5F5F5.svg)](#捐助-)
**如果你觉得此项目对你有帮助,请捐助我们,以使项目能持续发展,更加完善。··请作者喝杯咖啡~~~**
**你们的支持就是我的动力!**
### 捐助方式
| <img src="https://img.shields.io/badge/-支付宝-F5F5F5.svg" href="#赞助支持本项目-" height="25" alt="图飞了😂"/> | <img src="https://img.shields.io/badge/-微信-F5F5F5.svg" height="25" alt="图飞了😂" href="#赞助支持本项目-"/> |
| :-----------------: | :-------------: |
|<img src="https://img.vim-cn.com/fd/8e2793362ac3510094961b04407beec569b2b4.png" width="150" height="150" alt="图飞了😂" href="#赞助支持本项目-"/>|<img src="https://img.vim-cn.com/c7/675730a88accebf37a97d9e84e33529322b6e9.png" width="150" height="150" alt="图飞了😂" href="#赞助支持本项目-"/>|
<a href="#readme">
<img src="https://img.shields.io/badge/-返回顶部-orange.svg" alt="图飞了😂" title="返回顶部" align="right"/>
</a>
###### [解决 Github 网页上图片显示失败的问题](https://blog.csdn.net/qq_38232598/article/details/91346392)
[![](https://img.shields.io/badge/TG群-点击加入-FFFFFF.svg)](https://t.me/joinchat/AAAAAEpRF88NfOK5vBXGBQ)