GithubHelp home page GithubHelp logo

xuanxuan666niupi666 / process Goto Github PK

View Code? Open in Web Editor NEW

This project forked from closty/process

0.0 0.0 0.0 88 KB

Page loading bar for typecho, 2Kb size but 100+ themes

Home Page: https://www.clost.net/index.php/jishujiaocheng/470.html

License: MIT License

PHP 1.36% CSS 98.64%

process's Introduction

介绍

HitCount

Process2.png

这是一款适用于typecho任何主题的加载页面进度条,可以让你的博客加载时显得更加顺滑而不会显得过于突兀,使用本插件可以很好得起到视觉缓冲的作用。本插件有十种颜色可以进行更改,分别是黑、蓝、绿、橙、粉红、紫、银、白、黄。并有十五种主题进行更改,理发店型、萌萌哒跳跃型、大字号数字型、居中常规型等。

下载

点击此处下载最新版本 (注:请不要在本页面Download Zip,需要去链接处release中下载压缩包)

更新

将Process轻盈化;仅需下载2Kb大小便可拥有数十种Process主题。自带CDN全程加速,Fork本项目后在设置中填入您的Github用户名将使用属于您自己的仓库!如果不想使用CDN请选择下载1.1版本!

快速部署

  • 通过上面的github链接,下载最新版本,将会得到一个Process的压缩包,将其解压在typecho根目录/usr/plugins下。

  • 将以下的代码复制到你想要呈现加载进度的页面。

    所有界面使用Process? 如果想要所有界面都有加载进度条,可以放在`usr/themes/你主题名字如defaut/header.php`的头部,如图所示。

    将代码置于header.php中

<!--加载进度条插件-->
<?php Typecho_Plugin::factory('Process')->render(); ?>
  • 在typecho后台>控制台>插件,找到Process开启,Fork本项目后在设置中填写您的github用户名并进行更换进度条动画效果、颜色的更改。

    如何Fork本项目? 登陆您的github账号,访问进入github的Process页面中,点击右上角的Fork按钮,如图所示。

    Fork本项目

  • 至此,访问你的网站,你就可以在你的网站上面看到效果啦!默认动画效果:右上角转蓝色圈

相关截图

无法查看图片?

设置界面

以下是相关演示;均已设置为黑色,可以自行选择颜色

Process黑色翻转圆圈型

flash控件型.gif

大号数字型.gif

翻转圆圈型.gif

缓存加载型.gif

角示器型.gif

居中常规型.gif

雷达扫描型.gif

萌萌哒跳跃型.gif

左侧填充型.gif

更多主题请自行探索。

process's People

Contributors

closty avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.