Typecho后台模板MDUI风格 – 专为Typecho设计
Magneto
|
|
源计划

1053 字
|
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(理论上是完美移植为插件版)
2022
02
20
Version1.7
新增鼠标美化
修复了自定义登录背景时的错误
删除了部分无用内容
优化了后台首页评论布局
2022
05
21
Version1.8
新增更新检测
新增一套背景
精简插件本体
后台首页覆写
重新定义了开发规范（相当于重写）
2022
06
06
Version1.8.1
删除了 Jsdeliv 原始线路的所有内容，并替换为 BootCDN 或者 Jsdeliv-Fastly
此版本属于紧急更新 应对 CSS、JS 失效导致的加载问题

未来的更新计划

注意问题

问题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国内代理地址

主题预览

开发小计

GitHub
ouyangyanhuo/AdminMD

下载主题

https://gitee.com/Magnetokuwan/AdminMD

https://github.com/ouyangyanhuo/AdminMD

更多说明

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

此文由 Magneto 发布，本文采用《CC BY-NC-ND 4.0》协议，转载必须注明作者和本文链接。
AdminMDT-Admin Theme小橙汁

评论

  1. Magneto
    博主
    Windows Edge
    4 年前
    2020-5-22 21:14:07

    啊这，欢迎使用

    • KuWan
      Magneto
      Windows Edge
      3 年前
      2021-7-31 19:08:45

      支持

  4. 清峰
    Windows Firefox
    4 年前
    2020-6-29 17:46:03

    已经用上了，效果真棒

  7. Coco07
    Windows Chrome
    4 年前
    2020-7-14 18:14:20

    很漂亮！提出几点建议：

    1. 设置外观界面可能和博客主题冲突（比如handsome）
    2. 首页没有显示某些插件的入口（如Access）
    • Magneto
      博主
      Coco07
      Windows Edge
      4 年前
      2020-7-14 18:48:12

      谢谢反馈，这个确实是目标写的时候的问题，最近有安排更新，但是这个问题我还没法完全解决，我会尽量的！再次感谢您的使用和反馈.

    • Magneto
      博主
      Coco07
      Windows Edge
      4 年前
      2020-7-14 19:02:28

      因为本模板是开源的，所以您可以通过”网站目录/TUi.php”进行修改相关组件，这是目前解决此问题的方法.

  10. 金石热点网
    Windows Firefox
    4 年前
    2020-9-25 10:45:22

    文章写的不错,加油~

  13. 清雨
    Windows Edge
    4 年前
    2020-10-24 8:59:51

    喔沃，挺漂亮的，谢谢分享~

  16. fyatto
    Linux Chrome
    3 年前
    2020-12-11 9:17:12

    很漂亮！！！

  19. Rabbit0w0
    Windows Edge
    3 年前
    2021-1-29 17:49:38

    用在了我的Typecho修改版本上面 https://github.com/Rabbit0w0/EdgeBB/

    • Magneto
      博主
      Rabbit0w0
      Windows Edge
      3 年前
      2021-1-30 9:06:07

      挺好

  22. 夏目贵志
    Android Chrome
    3 年前
    2021-2-07 22:44:07

    Mark!

  25. 迷途小猫
    Windows Chrome
    3 年前
    2021-4-10 11:23:31

    捞走~（谢谢）

  28. joshua
    Windows Chrome
    3 年前
    2021-5-14 22:07:55

    坐着。请问这里技术你是怎么研究的。我搞得话。完全不知道从哪里入手。类似mdui文档。对网站布局我束手误测

    • Magneto
      博主
      joshua
      Windows Edge
      3 年前
      2021-5-22 18:13:33

      先看文档，再看看相关的工程，再进行实践呗.

  31. 北京艺术培训
    Windows Firefox
    3 年前
    2021-5-20 9:28:52

    感谢分享 赞一个

  34. RUN
    Windows Chrome
    3 年前
    2021-5-24 17:01:08

    赞

  37. 猫主任
    Android UC Browser
    3 年前
    2021-7-30 12:23:12

    手机发表页面不友好


    查看图片
    Screenshot_20210730_122039.jpg

    • Magneto
      博主
      猫主任
      Android Chrome
      3 年前
      2021-7-30 12:27:16

      请检查浏览器使用UA，一般这样是你使用了PC的UA，这个是Typecho系统的自带的自适应布局，正常UA不会发生这样的事

      • 猫主任
        Magneto
        Android UC Browser
        3 年前
        2021-7-30 12:30:01

        使用的uc浏览器，ua选择的手机

        • Magneto
          博主
          猫主任
          Windows Edge
          3 年前
          2021-7-30 20:12:55

          建议使用Chrome、Edge、手机自带浏览器

          • 猫主任
            Magneto
            Android Chrome
            3 年前
            2021-7-30 20:14:28

            一样的，都试了一遍，不知道是不是版本问题 我用的开发版

          • Magneto
            猫主任
            Windows Edge
            3 年前
            2021-7-31 19:07:55

            我这里用的普通版本作为测试的，建议你先停用插件，看看存不存在这样的适配错误，如果出现了，这就不是主题的事了，如果没出现，我后续版本尽量适配

          • 猫主任
            Magneto
            Android Chrome
            3 年前
            2021-7-31 19:21:01

            停用后正常

          • Magneto
            博主
            猫主任
            Windows Edge
            3 年前
            2021-7-31 19:39:05

            最新开发版，正常显示，使用浏览器Edge手机版


            查看图片
            Edge截图

  40. Scarecrow41
    Windows Chrome
    3 年前
    2021-8-11 19:11:55

    没有备份删不掉了怎么办？

    • Magneto
      Scarecrow41
      Android Chrome
      3 年前
      2021-8-11 19:18:38


      v1.6及以上，禁用插件后，下载原版Typecho系统，提取原版wwwroot/var/Widget/Meun.php文件，覆盖部署版本。
      v1.6以下，下载原版Typecho系统，提取原版wwwroot/admin目录，删除部署版本的admin目录，上传提取出来的admin目录

  43. Meteor
    Windows Edge
    3 年前
    2021-8-27 16:48:07

    慢慢完善吧，早听说这个后台了，现在在用的是小王先森的插件

  46. huhouse
    Windows Chrome
    3 年前
    2021-10-11 17:31:40

    插件真的很好看！后台好看了真的会赏心悦目不少真的。谢谢博主

    • Magneto
      博主
      huhouse
      Windows Firefox
      3 年前
      2021-10-13 15:42:23

  49. 安
    Android Chrome
    2 年前
    2021-12-15 17:01:07

    开启后就这样了https://zhongmokeji.coding.net/p/image/d/image1/git/raw/master/20211215fdde4ddb58532b53.jpg

    • Magneto
      博主
      安
      Android Chrome
      2 年前
      2021-12-17 16:45:28

      首先，感谢反馈，针对此问题已经在文档中注明，详情请查看Github Wiki。
      这里给出解决方案：
      问题2-如果菜单不生效，请将插件中/AdminMD/var/Widget/Meun.php文件复制粘贴到/wwwroot/var/Widget目录，并覆盖

      • 安
        Magneto
        Android Chrome
        2 年前
        2021-12-17 16:47:26

        已经按照这样了，但还是没这样

        • Magneto
          博主
          安
          Windows Firefox
          2 年前
          2021-12-22 15:20:04

          建议重启插件 或 检查配置，如果还有可以尝试使用旧版或者放弃使用插件

  52. sunnywolf
    Windows Chrome
    2 年前
    2021-12-24 17:19:43

    jdDelivr出了问题，导致用了插件之后后台css加载出错，哈哈，吓了我一跳。

    • Magneto
      博主
      sunnywolf
      Windows Edge
      2 年前
      2021-12-29 15:20:24

      这段时间jdDelivr好像是有点不稳了，如果有能力你可以把css文件存到本地并使用，使用jdDelivr是为了加快访问速度。

  55. Sen
    Windows Edge
    2 年前
    2022-4-24 16:01:07

    真好看，希望可以支持1.2

    • Magneto
      博主
      Sen
      Android Chrome
      2 年前
      2022-4-24 23:10:44

      现在的版本是支持1.2的，但是存在小bug，新版本正在酝酿

  58. foxxorcat
    Linux Chrome
    2 年前
    2022-7-03 20:42:11

    https://github.com/ouyangyanhuo/AdminMD/blob/0d85895f95a3693e20fe8c477106159b61b423bf/admin/login.php#L2
    是不是少写了 include 登陆界面进不去

    • Magneto
      博主
      foxxorcat
      Windows Edge
      2 年前
      2022-7-06 21:12:07

      已修复

  61. wlr
    Android Chrome
    1 年前
    2022-12-24 10:11:59

    后台无法登陆了怎么办，点登陆只是刷新页面了

    • Magneto
      博主
      wlr
      Windows Edge
      1 年前
      2022-12-24 19:06:30

      可能是静态资源失效，科学上网试试，如果不行，去Typecho官网下载完整包，把admin目录覆盖掉。如果还不行，那就不是插件问题了。

      • wlr
        Magneto
        Windows Chrome
        1 年前
        2022-12-24 20:13:19

        那应该就是静态资源的问题了，毕竟我看后台插件设置css全没了

  64. Limory
    Windows Chrome
    10 月前
    2023-6-20 15:27:55

    typecho用的最新1.2.1，AdminMD试用了1.8.2_Aplha版，bug确实很多。
    1、最大不足是，菜单不是联动预加载的，每点一次菜单，整个页面都会刷新一下，感觉很吃力，需要重新架构。
    2、点击左侧不同的菜单，顶部浮动条颜色不一致，有时蓝色，有时白色，可能忘加css了
    3、点击左侧不同的菜单，左侧和顶部排版会发生错乱，顶部浮动条有时和左菜单重叠
    4、menu.php不生效，原因是权限问题，php没有权限去重命名原文件，可以在代码里加个权限判断和提醒，或者README.md里写明，chmod -R 777 /wwwroot/var/Widget，无需手动来回menu.php
    5、js、css等BootCDN 、Jsdeliv外链还是存在诸多不稳当因素。覆盖了menu.php，启用插件、清除缓存后，仍然看不到后台效果，审查元素后感觉是某个css或js没有应用到，于是我把common-js.php、login.php、menu.php、plugin.php里面所有的外链文件全部下载到本地，替换成本地链接，保存退出刷新，瞬间起效。
    6、右侧头像栏，3个小点的隐藏菜单里的“刷新页面”没啥用，点了会打开新的空白标签页。可以用location.reload()

  67. Limory
    Windows Chrome
    10 月前
    2023-6-20 15:34:47

    我发送评论后发现我的avatar头像还是显示以前的，其实我早就在Gavatar更改了头像。
    那么博主您用的avatar的api代理地址存在缓存或更新不及时。
    可以试试这个地址https://gravatar.helingqi.com/wavatar/ 秒更新

    • Magneto
      博主
      Limory
      Windows Edge
      10 月前
      2023-6-22 7:52:23

      好的，谢谢建议

发送评论 编辑评论




























|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･ ･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
小恐龙
酷安
颜文字
Emoji
花!



上一篇
下一篇