Typecho后台模板MDUI风格 – 专为Typecho设计

Magneto

2020-4-23 19:38

7,167

技术,源码

1027 字

5 分钟

Typecho后台模板MDUI风格-AdminMD

Typecho后台模板MDUI风格-Admin 当前版本：Version1.6

前言

没有看到全网没有以MDUI为基础的Typecho的后台模板，自然也就想做一个出来了。制作最开始就想要免费为大家分享，因为MDUI的风格真的很少我也就想为大家分享一下了.虽然本博客是WordPress为基础所建，但是在轻量上肯定不如Typecho，再加上用户很多，因此我就进行了制作。经过了数个版本的迭代，AdminMD也终于完成了插件化工作！可喜可贺，提升了对别的插件和主题的兼容性。

采用框架

采用 Bootstrap 以及 Material Design 设计思路所写

更新记录

2020
04
20

Version1.0

通过 Material Design 的设计理念创建了T-AdminTheme

2020
04
23

Version1.1

采用 Bootstrap 框架让后台首页重获新生，这里借鉴了 Fresh主题的布局
登录界面按钮采用MDUI的风格
部分页面按钮采用MDUI风格

2020
04
25

Version1.2

后台首页微改
顶栏微改
全局覆盖Bootstrap风格
多数页面UI重布

2020
05
22

Version1.3

由T-AdminTheme更名为AdminMD
修复已知Bug
登录界面优化

2020
07
17

Version1.4

修复部分Bug
登录界面新增返回验证系统
网站概要页面修改
侧滑栏及顶栏微调

2021
01
08

Version1.5

修复部分Bug
网站概要页修改
MDUI核心版本升级为1.0.1
去除非必要部分

2021
07
15

Version1.6

由覆盖式模板改为插件式后台模板，一定程度上增强了兼容性
新增了自定义后台登录页面一键自定义
修复了部分已知Bug
新增了部分未知Bug(理论上是完美移植为插件版)

未来的更新计划

脱胎换骨，整个后台重写布局

将 Material Design 设计思路覆盖至后台每个页面

兼容更多的后台增强插件

提供后台主题设置页面

将主题进行插件化

注意问题

问题1-由于Typecho程序默认使用的Gravatar官方的头像线路已被GWF屏蔽，因此会导致使用本主题时使后台完全加载缓慢。

问题2-如果菜单不生效，请将插件中/AdminMD/var/Widget/Meun.php文件复制粘贴到/wwwroot/var/Widget目录，并覆盖

问题-1解决方法

修改Typecho程序源代码

需要修改文件地址：网站根目录/var/Typecho/Common.php 第937行

修改前：

$url = $isSecure ? 'https://secure.gravatar.com' : 'http://www.gravatar.com';

修改后：

$url = $isSecure ? 'https://sdn.geekzu.org' : 'http://www.gravatar.com';

其中 https://sdn.geekzu.org 可以替换为别的Gravatar国内代理地址

主题预览

开发小计

这次的插件版更新从4月份就已经开始了制作，移植难度巨大，无数次心态崩溃，无数次放弃项目的开发，在近期因为属实闲的没事干，就下定决心继续制作，并有了突破性的进展，功夫不负有心人，终于完成了制作，如果有Bug还希望大家积极反馈，这有助于我的改进和学习，以及大家的使用体验。

GitHub

ouyangyanhuo/AdminMD

下载主题

Gitee 码云

GitHub

更多说明

底部的 小橙汁 是作者开源项目的总称，自此之后，Magneto所有的开源项目都会有 小橙汁 三字出现.

《Typecho后台模板MDUI风格 – 专为Typecho设计》一文由 Magneto 发布，本文采用《CC BY-NC-ND 4.0》协议，转载必须注明作者和本文链接。

AdminMD T-Admin Theme 小橙汁

Magneto 博主
Windows Edge
2年前
2020-5-22 21:14:07
啊这，欢迎使用
- KuWan
  Windows Edge
  6月前
  2021-7-31 19:08:45
  支持
清峰
Windows Firefox
2年前
2020-6-29 17:46:03
已经用上了，效果真棒
Coco07
Windows Chrome
2年前
2020-7-14 18:14:20
很漂亮！提出几点建议：
1. 设置外观界面可能和博客主题冲突（比如handsome）
2. 首页没有显示某些插件的入口（如Access）
很漂亮！提出几点建议：1. 设置外观界面可能和博客主题冲突（比如handsome） 2. 首页没有显示某些插件的入口（如Access）
- Magneto 博主
  Windows Edge
  2年前
  2020-7-14 18:48:12
  谢谢反馈，这个确实是目标写的时候的问题，最近有安排更新，但是这个问题我还没法完全解决，我会尽量的！再次感谢您的使用和反馈.
- Magneto 博主
  Windows Edge
  2年前
  2020-7-14 19:02:28
  因为本模板是开源的，所以您可以通过”网站目录/TUi.php”进行修改相关组件，这是目前解决此问题的方法.
金石热点网
Windows Firefox
1年前
2020-9-25 10:45:22
文章写的不错,加油~
清雨
Windows Edge
1年前
2020-10-24 8:59:51
喔沃，挺漂亮的，谢谢分享~
fyatto
Linux Chrome
1年前
2020-12-11 9:17:12
很漂亮！！！
Rabbit0w0
Windows Edge
12月前
2021-1-29 17:49:38
用在了我的Typecho修改版本上面 https://github.com/Rabbit0w0/EdgeBB/
- Magneto 博主
  Windows Edge
  12月前
  2021-1-30 9:06:07
  挺好
夏目贵志
Android Chrome
12月前
2021-2-07 22:44:07
Mark!
迷途小猫
Windows Chrome
10月前
2021-4-10 11:23:31
捞走~（谢谢）
joshua
Windows Chrome
8月前
2021-5-14 22:07:55
坐着。请问这里技术你是怎么研究的。我搞得话。完全不知道从哪里入手。类似mdui文档。对网站布局我束手误测
- Magneto 博主
  Windows Edge
  8月前
  2021-5-22 18:13:33
  先看文档，再看看相关的工程，再进行实践呗.
北京艺术培训
Windows Firefox
8月前
2021-5-20 9:28:52
感谢分享赞一个
RUN
Windows Chrome
8月前
2021-5-24 17:01:08
赞
猫主任
Android UC Browser
已编辑
6月前
2021-7-30 12:23:12
手机发表页面不友好

查看图片
- Magneto 博主
  Android Chrome
  6月前
  2021-7-30 12:27:16
  请检查浏览器使用UA，一般这样是你使用了PC的UA，这个是Typecho系统的自带的自适应布局，正常UA不会发生这样的事
- - 猫主任
    Android UC Browser
    6月前
    2021-7-30 12:30:01
    使用的uc浏览器，ua选择的手机
  - - Magneto 博主
      Windows Edge
      6月前
      2021-7-30 20:12:55
      建议使用Chrome、Edge、手机自带浏览器
    - - 猫主任
        Android Chrome
        6月前
        2021-7-30 20:14:28
        一样的，都试了一遍，不知道是不是版本问题我用的开发版
      - Magneto
        Windows Edge
        6月前
        2021-7-31 19:07:55
        我这里用的普通版本作为测试的，建议你先停用插件，看看存不存在这样的适配错误，如果出现了，这就不是主题的事了，如果没出现，我后续版本尽量适配
      - 猫主任
        Android Chrome
        6月前
        2021-7-31 19:21:01
        停用后正常
      - Magneto 博主
        Windows Edge
        已编辑
        6月前
        2021-7-31 19:39:05
        最新开发版，正常显示，使用浏览器Edge手机版
        
        查看图片
Scarecrow41
Windows Chrome
5月前
2021-8-11 19:11:55
没有备份删不掉了怎么办？
- Magneto
  Android Chrome
  5月前
  2021-8-11 19:18:38
  
  v1.6及以上，禁用插件后，下载原版Typecho系统，提取原版wwwroot/var/Widget/Meun.php文件，覆盖部署版本。
  v1.6以下，下载原版Typecho系统，提取原版wwwroot/admin目录，删除部署版本的admin目录，上传提取出来的admin目录
Meteor
Windows Edge
5月前
2021-8-27 16:48:07
慢慢完善吧，早听说这个后台了，现在在用的是小王先森的插件
huhouse
Windows Chrome
3月前
2021-10-11 17:31:40
插件真的很好看！后台好看了真的会赏心悦目不少真的。谢谢博主
- Magneto 博主
  Windows Firefox
  3月前
  2021-10-13 15:42:23
安
Android Chrome
1月前
2021-12-15 17:01:07
开启后就这样了https://zhongmokeji.coding.net/p/image/d/image1/git/raw/master/20211215fdde4ddb58532b53.jpg
- Magneto 博主
  Android Chrome
  1月前
  2021-12-17 16:45:28
  首先，感谢反馈，针对此问题已经在文档中注明，详情请查看Github Wiki。
  这里给出解决方案：
  问题2-如果菜单不生效，请将插件中/AdminMD/var/Widget/Meun.php文件复制粘贴到/wwwroot/var/Widget目录，并覆盖
- - 安
    Android Chrome
    1月前
    2021-12-17 16:47:26
    已经按照这样了，但还是没这样
  - - Magneto 博主
      Windows Firefox
      1月前
      2021-12-22 15:20:04
      建议重启插件或检查配置，如果还有可以尝试使用旧版或者放弃使用插件
sunnywolf
Windows Chrome
4周前
2021-12-24 17:19:43
jdDelivr出了问题，导致用了插件之后后台css加载出错，哈哈，吓了我一跳。
- Magneto 博主
  Windows Edge
  3周前
  2021-12-29 15:20:24
  这段时间jdDelivr好像是有点不稳了，如果有能力你可以把css文件存到本地并使用，使用jdDelivr是为了加快访问速度。