typecho怎么引入js ?

插件开发及发布

版主: woniou

回复
asleep
帖子: 8
注册时间: 2018年 11月 23日 11:20

typecho怎么引入js ?

帖子 asleep »

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

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

有人能把它做成一个插件吗? 这样最好了
weing104
帖子: 44
注册时间: 2015年 1月 31日 03:00

Re: typecho怎么引入js ?

帖子 weing104 »

script src
asleep
帖子: 8
注册时间: 2018年 11月 23日 11:20

Re: typecho怎么引入js ?

帖子 asleep »

weing104 写了:script src



js文件要存到服务器里?
zgcwkj
帖子: 16
注册时间: 2018年 3月 22日 15:15

Re: typecho怎么引入js ?

帖子 zgcwkj »

在插件的文件目录下新建个文件夹 名称为 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">
weich
帖子: 174
注册时间: 2018年 4月 6日 07:48
联系:

Re: typecho怎么引入js ?

帖子 weich »

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

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

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

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

Re: typecho怎么引入js ?

帖子 weich »

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

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

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

引用这个:flac.js试下,你要做全站的某些特效的话,在底部footer.php或者头部header.php引用!
回复