init

Plugin.php

@@ -0,0 +1,198 @@
+<?php
+if (!defined('__TYPECHO_ROOT_DIR__')) exit;
+define('__TYPECHO_DEBUG__', true);
+/**
+ * SmmsForTypecho_Plugin 是 sm.ms 图床的typecho插件
+ *
+ * 
+ * @package SmmsForTypecho
+ * @author gogobody
+ * @version 1.0.0
+ * @link https://github.com/gogobody/SmmsForTypecho
+ */
+//设置语言
+include 'language.php';
+include 'smms.function.php';
+include 'smapi.php';
+
+define('SMMS_URL', Helper::options()->pluginUrl . '/SmmsForTypecho/');  //返回当前插件的目录URI,
+define('SMMS_VERSION', "4.3");
+function outHtml(){
+    $html_ = '<div class="admin-img-manager"><div class="admin-manage-img ui_button"><div class="button"  id="toggleModal" >SMMS 图床</div></div><div class="admin-upload-img"><label class="ui_button ui_button_primary" for="admin-img-file">上传文件</label><form><input id="admin-img-file" type="file" accept="image/*" multiple="multiple"></form></div><div class="modal">' .
+        '<div class="modal-header">'.
+        '<p class="close">×</p></div><div class="modal-content"><ul id="img_list"></ul><span id="pages-list"></span></div>'.
+        '<div class="modal-footer"><input id="upload-btn" type="button" class="load btn" value="加载更多"><input type="button" class="close btn" value="关闭">'.
+        '</div></div><div class="mask"></div></div>';
+    return $html_;
+}
+
+class SmmsForTypecho_Plugin implements Typecho_Plugin_Interface
+{
+    /**
+     * 激活插件方法,如果激活失败,直接抛出异常
+     * 
+     * @access public
+     * @return void
+     * @throws Typecho_Plugin_Exception
+     */
+    public static function activate()
+    {
+        Typecho_Plugin::factory('admin/header.php')->header = array('SmmsForTypecho_Plugin', 'admin_scripts_css');
+        Typecho_Plugin::factory('admin/write-post.php')->bottom = array('SmmsForTypecho_Plugin', 'admin_writepost_scripts');
+
+        Typecho_Plugin::factory('Widget_Archive')->beforeRender = array('SmmsForTypecho_Plugin','Widget_Archive_beforeRender');
+
+        Typecho_Plugin::factory('Widget_Archive')->afterRender = array('SmmsForTypecho_Plugin','Widget_Archive_afterRender');
+
+        plugin_activation_cretable();
+        Helper::addAction('multi-upload', 'SmmsForTypecho_Action');
+
+        //add panel
+        Helper::addPanel(3, 'SmmsForTypecho/manage.php', 'SMMS图床', '管理SMMS图床', 'administrator'); //editor //contributor
+
+    }
+
+    /**
+     * 禁用插件方法,如果禁用失败,直接抛出异常
+     * 
+     * @static
+     * @access public
+     * @return void
+     * @throws Typecho_Plugin_Exception
+     */
+    public static function deactivate(){
+        plugin_deactivation_deltable();
+        Helper::removePanel(3, 'SmmsForTypecho/manage.php');
+    }
+
+    /**
+     * 获取插件配置面板
+     * 
+     * @access public
+     * @param Typecho_Widget_Helper_Form $form 配置面板
+     * @return void
+     */
+    public static function config(Typecho_Widget_Helper_Form $form)
+    {
+        /** 分类名称 */
+        global $language;
+
+        $Authorization = new Typecho_Widget_Helper_Form_Element_Text('Authorization_', NULL, null,'Authorization'.$language[2], _t('<a target="_blank" href="https://sm.ms/home/apitoken">Authorization '.$language[6].'</a><div class="">
+                <ul class="typecho-option-tabs clearfix">
+                    <li><a href="https://github.com/gogobody/SmmsForTypecho" title="查看友情链接使用帮助"
+                           target="_blank">插件帮助文档</a></li>
+                </ul>
+            </div><br>'));
+        $form->addInput($Authorization);
+
+        $Comment_Selector = new Typecho_Widget_Helper_Form_Element_Text('Comment_Selector', NULL, '#textarea','评论选择器', _t('因为不同的主题的评论框是不同主题开发者自定义的，所以需要手动定位<a target="_blank" href="">点击这里查看</a>'));
+        $form->addInput($Comment_Selector);
+
+        $Content_ = new Typecho_Widget_Helper_Form_Element_Radio('Content_', array(
+            1 => _t('启用'),
+            0 => _t('关闭'),
+        ), 1, _t($language[7]), _t($language[8]));
+        $form->addInput($Content_);
+
+        $Comment_ = new Typecho_Widget_Helper_Form_Element_Radio('Comment_', array(
+            1 => _t('启用'),
+            0 => _t('关闭'),
+        ), 1, _t($language[9]), _t($language[10]));
+        $form->addInput($Comment_);
+
+        $Nolocal_ = new Typecho_Widget_Helper_Form_Element_Radio('Nolocal_', array(
+            1 => _t('启用'),
+            0 => _t('关闭'),
+        ), 1, _t($language[11]), _t($language[12]));
+        $form->addInput($Nolocal_);
+    }
+
+    /**
+     * 个人用户的配置面板
+     * 
+     * @access public
+     * @param Typecho_Widget_Helper_Form $form
+     * @return void
+     */
+    public static function personalConfig(Typecho_Widget_Helper_Form $form){}
+
+    public static function add_scripts_css(){
+        echo '<link rel="stylesheet" href="'.SMMS_URL . 'css/smms.diy.min.css'.'" type="text/css"/>';
+        echo '<script src="'. SMMS_URL . 'js/jquery.min.js'. '"></script>';
+        echo '<script src="'. SMMS_URL . 'js/comment.min.js'. '"></script>';
+
+    }
+    public static function admin_scripts_css($header){
+        echo $header;
+//        SmmsForTypecho_Plugin::add_scripts_css();
+
+        echo '<link rel="stylesheet" href="'. SMMS_URL . 'css/input.min.css'.'" type="text/css"/>';
+        echo '<link rel="stylesheet" href="'. SMMS_URL . 'css/modal.css'.'" type="text/css"/>';
+
+
+    }
+    public static function admin_writepost_scripts($post){
+        $option = Helper::options()->plugin('SmmsForTypecho');
+        if (!$option->Content_){
+            return;
+        }
+
+        echo '<script src="'. SMMS_URL . 'js/content.min.js'. '"></script>';
+        echo '<script src="'. SMMS_URL . 'js/modal.min.js'. '"></script>';
+
+        ?>
+        <script>
+            let tmpHtml = '<?php echo outHtml();?>'
+            $("#text").parent().append(tmpHtml);
+        </script>
+        <?php
+    }
+
+
+    public static function Widget_Archive_beforeRender($archive)
+    {
+        $option = Helper::options()->plugin('SmmsForTypecho');
+        if (!$option->Comment_){
+            return;
+        }
+        if (!$archive->is('single')) {
+            return;
+        }
+        if (!$archive->allow('comment')) {
+            return;
+        }
+        echo '<link rel="stylesheet" href="'.SMMS_URL . 'css/smms.diy.min.css'.'" type="text/css"/>';
+
+    }
+
+    public static function Widget_Archive_afterRender($archive)
+    {
+        $option = Helper::options()->plugin('SmmsForTypecho');
+        if (!$option->Comment_){
+            return;
+        }
+        if (!$archive->is('single')) {
+            return;
+        }
+        if (!$archive->allow('comment')) {
+            return;
+        }
+
+        echo '<script>comment_selector_="'.$option->Comment_Selector.'";</script>';
+        ?>
+        <script>
+            smms_node = {
+                init:function () {
+                    let insertHtml = '<div id="zz-img-show"></div><div class="zz-add-img "><input id="zz-img-file" type="file" accept="image/*" multiple="multiple"><button id="zz-img-add" type="button"><span class="chevereto-pup-button-icon"><svg class="chevereto-pup-button-icon" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z" style="fill: currentcolor;"></path></svg></span><span class="chevereto-pup-button-text">上传图片</span></button></div>';
+                    $(comment_selector_).after(insertHtml)
+                }
+            }
+            smms_node.init()
+
+        </script>
+        <?php
+        echo '<script src="'. SMMS_URL . 'js/comment.min.js'. '"></script>';
+
+
+    }
+}

README.md

@@ -1,2 +1,36 @@
 # SmmsForTypecho
-sm.ms 图床的typecho 插件
+ sm.ms 图床的typecho 插件 ，欢迎 star，pr  
+sm.ms 是一个好用免费的图床，因为不想把图片存服务器，所以写了这个插件
+
+#### 插件版本 v 1.0
+#### 功能：
+1. 后台图片管理页面，以及写文章时的单独图片管理页，及插及用
+2. 支持批量上传图片到图床
+3. 支持上传图片到自己的 smms 免费空间（自己管理的空间是容量有限的）
+4. 支持评论框上传图片（需要设置）
+
+#### 关于评论框设置
+因为不同的作者的主题的评论框代码不一样，所以需要我们自己手动定位到评论框。    
+在插件的设置中填入 评论框的选择器，比如评论框 '<textarea id="text">',那么填入 #text   
+handsome主题的填 #comment
+如果不会，最简单的打开chrome ，按如下操作：
+ 0、按f12 ，点图上第0个位置
+ 1、选中评论框
+ 2、在对应代码处右键，选择-》复制-》复制选择器
+
+![无标题.png](https://i.loli.net/2020/10/14/rvR7PW5uVtnhpQf.png)
+
+
+
+
+#### 截图  
+
+设置
+![image.png](https://i.loli.net/2020/10/14/Ece4hsWxCMRUKZb.png)  
+写文章
+![image.png](https://i.loli.net/2020/10/14/iQIlCTbkhSHVP8g.png)
+后台管理
+![image.png](https://i.loli.net/2020/10/14/y5vEmpt2LxuAK9q.png)
+评论框上传
+![image.png](https://i.loli.net/2020/10/14/InBSM2xGAj7hePd.png)
+

css/input.css

@@ -0,0 +1,67 @@
+.ui_button {
+    display: inline-block;
+    background: #D0EEFF;
+    border: 1px solid #99D3F5;
+    border-radius: 4px;
+    padding: 4px 12px;
+    /*overflow: hidden;*/
+    color: #1E88C7;
+    text-decoration: none;
+    text-indent: 0;
+}
+
+.ui_button:hover {
+    background: #AADFFD;
+    border-color: #78C3F3;
+    color: #004974;
+    text-decoration: none;
+}
+.admin-img-manager{
+}
+.admin-manage-img{
+    display: inline-block;
+}
+.admin-upload-img{
+    display: inline-block;
+    margin-left: 15px;
+}
+#admin-img-file{
+    position:absolute;
+    clip:rect(0 0 0 0);
+    opacity: 0;
+}
+.ui_button{
+    padding: 10px 15px;
+}
+.background {
+    display: block;
+    width: 100%;
+    height: 100%;
+    opacity: 0.4;
+    filter: alpha(opacity=40);
+    background:white;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2000;
+}
+.progressBar {
+    border: solid 2px #86A5AD;
+    background: white url(../imgs/loading.gif) no-repeat 10px 10px;
+}
+.progressBar {
+    display: block;
+    width: 160px;
+    height: 28px;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    margin-left: -74px;
+    margin-top: -14px;
+    padding: 10px 10px 10px 50px;
+    text-align: left;
+    line-height: 27px;
+    font-weight: bold;
+    position: absolute;
+    z-index: 2001;
+}