typecho怎么引入js ?

插件开发及发布

版主: woniou

typecho怎么引入js ?

帖子asleep » 2018年 11月 23日 16:42

我想把这个jshttps://github.com/audiocogs/flac.js/releases

引入到我的typecho博客。我不知道怎么做。我对编程一窍不通。

有人能把它做成一个插件吗? 这样最好了
asleep
 
帖子: 8
注册: 2018年 11月 23日 11:20

Re: typecho怎么引入js ?

帖子weing104 » 2018年 11月 24日 12:09

script src
weing104
 
帖子: 35
注册: 2015年 1月 31日 03:00

Re: typecho怎么引入js ?

帖子asleep » 2018年 12月 1日 11:44

weing104 写道:script src



js文件要存到服务器里?
asleep
 
帖子: 8
注册: 2018年 11月 23日 11:20

Re: typecho怎么引入js ?

帖子zgcwkj » 2018年 12月 21日 15:50

在插件的文件目录下新建个文件夹 名称为 ResourceQuote

代码: 全选
<?php
/**
 * 在网页的顶部或者底部添加 HTML
 *
 * @package ResourceQuote
 * @author zgcwkj
 * @version 1.0.0
 * @link http://blog.zgcwkj.top
 */
class ResourceQuote_Plugin implements Typecho_Plugin_Interface
{
    /**
     * 激活插件方法,如果激活失败,直接抛出异常
     *
     * @access public
     * @return void
     * @throws Typecho_Plugin_Exception
     */
    public static function activate()
    {
        //顶部引用
        Typecho_Plugin::factory('Widget_Archive')->header = array('ResourceQuote_Plugin', 'header');
        //底部引用
        Typecho_Plugin::factory('Widget_Archive')->footer = array('ResourceQuote_Plugin', 'footer');
    }
   
    /**
     * 禁用插件方法,如果禁用失败,直接抛出异常
     *
     * @static
     * @access public
     * @return void
     * @throws Typecho_Plugin_Exception
     */
    public static function deactivate(){}
   
    /**
     * 获取插件配置面板
     *
     * @access public
     * @param Typecho_Widget_Helper_Form $form 配置面板
     * @return void
     */
    public static function config(Typecho_Widget_Helper_Form $form)
    {
        $header_html = new Typecho_Widget_Helper_Form_Element_Textarea('header_html', NULL, NULL, '顶部引用', '顶部资源引用');
        $form->addInput($header_html);
       
        $footer_html = new Typecho_Widget_Helper_Form_Element_Textarea('footer_html', NULL, NULL, '底部引用', '底部资源引用');
        $form->addInput($footer_html);
    }
   
    /**
     * 个人用户的配置面板
     *
     * @access public
     * @param Typecho_Widget_Helper_Form $form
     * @return void
     */
    public static function personalConfig(Typecho_Widget_Helper_Form $form){}
   
    /**
     * 输出头部css
     *
     * @access public
     * @return void
     */
    public static function header()
    {
        $options = Typecho_Widget::widget('Widget_Options')->plugin('ResourceQuote');
        $header_html = !empty($options->header_html) ? $options->header_html : '';
        echo <<<EOF
{$header_html}
EOF;
    }
   
    /**
     * 输出底部
     *
     * @access public
     * @return void
     */
    public static function footer()
    {
        $options = Typecho_Widget::widget('Widget_Options')->plugin('ResourceQuote');
        $footer_html = !empty($options->footer_html) ? $options->footer_html : '';
        echo <<<EOF
{$footer_html}
EOF;
    }
}


按照 HTML 标签,即可注入页面中

CSS:
代码: 全选
<link rel="stylesheet" href="index.css">


JS:
代码: 全选
<script src="index.js">
zgcwkj
 
帖子: 14
注册: 2018年 3月 22日 15:15

Re: typecho怎么引入js ?

帖子weich » 2018年 12月 27日 06:46

asleep 写道:我想把这个jshttps://github.com/audiocogs/flac.js/releases

引入到我的typecho博客。我不知道怎么做。我对编程一窍不通。

有人能把它做成一个插件吗? 这样最好了

就是PHP调用JS:看这里 http://00625.cc/index.php/shsh.html 文件全部扔进你现在用的模板的根目录里面,注意看下是不是有相同文件,以免被覆盖了,有相同的,直接吧你新的文件里面的内容复制出来放到模板原来有的文件里面去,在文件最后面加!一切动作都要记得备份。准备动那个文件就备份哪里!本来没有那么麻烦的,怕你不懂乱来!提醒你一步步小心修改!
weich
 
帖子: 75
注册: 2018年 4月 6日 07:48

Re: typecho怎么引入js ?

帖子weich » 2018年 12月 27日 06:50

asleep 写道:我想把这个jshttps://github.com/audiocogs/flac.js/releases

引入到我的typecho博客。我不知道怎么做。我对编程一窍不通。

有人能把它做成一个插件吗? 这样最好了

引用这个:flac.js试下,你要做全站的某些特效的话,在底部footer.php或者头部header.php引用!
weich
 
帖子: 75
注册: 2018年 4月 6日 07:48


回到 插件及扩展

在线用户

正在浏览此版面的用户:Bing [Bot] 和 5 位游客