Typecho后台模板MDUI风格 - 专为Typecho设计 AdminMD- 幸吾有志

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

Magneto

2020-4-23 19:38

5,208

技术,源码

1025 字

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 发布在SYMBK.CN一站上，采用《CC BY-NC-ND 4.0》，转载必须注明作者和本文链接

AdminMD T-Admin Theme 小橙汁

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

查看图片
- Magneto 博主
  Android Chrome
  2天前
  2021-7-30 12:27:16
  请检查浏览器使用UA，一般这样是你使用了PC的UA，这个是Typecho系统的自带的自适应布局，正常UA不会发生这样的事
- - 猫主任
    Android UC Browser
    2天前
    2021-7-30 12:30:01
    使用的uc浏览器，ua选择的手机
  - - Magneto 博主
      Windows Edge
      2天前
      2021-7-30 20:12:55
      建议使用Chrome、Edge、手机自带浏览器
    - - 猫主任
        Android Chrome
        2天前
        2021-7-30 20:14:28
        一样的，都试了一遍，不知道是不是版本问题我用的开发版
      - Magneto
        Windows Edge
        1天前
        2021-7-31 19:07:55
        我这里用的普通版本作为测试的，建议你先停用插件，看看存不存在这样的适配错误，如果出现了，这就不是主题的事了，如果没出现，我后续版本尽量适配
      - 猫主任
        Android Chrome
        1天前
        2021-7-31 19:21:01
        停用后正常
      - Magneto 博主
        Windows Edge
        已编辑
        1天前
        2021-7-31 19:39:05
        最新开发版，正常显示，使用浏览器Edge手机版
        
        查看图片