首页 > 其他分享 >Theme——借助github的API来实现主题自动更新

Theme——借助github的API来实现主题自动更新

时间:2023-04-19 13:12:30浏览次数:43  
标签:github url request headers Theme api 自动更新 data

前言

那么借助的是那个api呢?这里是为了方便测试,使用的是tags,如果是正式的那么应该使用releases,这个后面会直接接入主题;

内容

侧边公告栏

<script>
async function request(url = '', method = 'GET', data = {}, headers = {}) {
    let options = {
        method: method,
        mode: 'cors',
        redirect: 'follow',
        referrerPolicy: 'no-referrer',
    }
    if (Object.keys(headers).length) {
        options.headers = headers
    }
    if (Object.keys(data).length) {
        options.body = JSON.stringify(data)
    }
    const response = await fetch(url, options)
    return response.json()
}

// 正式的api | https://api.github.com/repos/wangyang0210/cnblogs-theme/releases/latest
 request('https://api.github.com/repos/wangyang0210/cnblogs-theme/tags').then(r => {
     
        const url = `https://cdn.jsdelivr.net/gh/wangyang0210/cnblogs-theme@${r[0].name}/dist/simple-memory.js}`;
         $.ajax({
            type: 'GET',
            dataType: 'script',
            cache: true,
            url,
            success: function (data) {
               console.log('simple-memory request success')
            },
            error: function (err) {
                console.log('simple-memory request', err)
            },
        })
    })
</script>

标签:github,url,request,headers,Theme,api,自动更新,data
From: https://www.cnblogs.com/wangyang0210/p/17324276.html

相关文章

  • How to fix use the cURL to connect to GitHub with a 443 HTTPS error All In One
    HowtofixusethecURLtoconnecttoGitHubwitha443HTTPSerrorAllInOne#nvm$curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh|bashhttps://github.com/nvm-sh/nvm#installing-and-updatingerrorscurl:(7)Failedtoconnec......
  • 通过github搭建简单的网站
    正常搭建个网站可能需要服务器和域名,但是有没有不花钱的方法呢,github可以。首先新建个工程,名称随意然后新建个index.html文件做为首页之后点击设定最下面有个GitHubPages选择选择下面的内容,你的网站地址就会生成出来了打开网址https://huyunan.github.io/haha/ ......
  • gitee github 左侧栏树形显示插件 Octotree codetree 浏览器插件
    起因看到一位仁兄用gitee做仓库https://gitee.com/zhengqingya/java-developer-document然后左侧栏挺方便(抖音视频)下载chrome扩展市场搜octotree用于githubcodetree用于gitee双核浏览器扩展市场搜octotree用于githubgitcodetree用于gitee......
  • git+github使用记录
    本文跟进尚硅谷的git教程。1.git遵循原则:没有提示就是最好的提示[doge]2.git的几个基本概念:工作区 暂存区本地库远程仓库工作区即为代码存在的位置。暂存区即为进行gitadd后代码更新到的位置。工作区和暂存区的代码内容均可更改删除。本地库即为进行git......
  • 为github项目添加优秀的自述文件
    sudoapt-getupdatesudoaptinstallnpmnpxreadme-md-generator参考资料:https://github.com/kefranabg/readme-md-generator......
  • 配置gitee、github公钥
    1.gitee执行命令ssh-keygen-trsa-f~/.ssh/id_rsa.gitee-C"邮箱"2.github执行命令ssh-keygen-trsa-f~/.ssh/id_rsa.github-C"邮箱"3.生成公钥后,可以在C盘的.ssh目录中查看,会生成id_ras.gitee、id_ras.github文件4.到gitee/github中进行配置5.......
  • vscode安装GitHub copliot后,不能启用,也不显示copilot图标
     这个问题可能是由于安装的GitHubCopilot版本与VSCode不兼容导致的。您可以尝试卸载当前的GitHubCopilot插件,然后重新安装一个较早的版本。如果这不起作用,您可以尝试在VSCode中打开命令面板(Ctrl+Shift+P),然后输入“GitHubCopilot:启用”以启用插件。如果您仍然无法解决问题,......
  • Github创建组织(organization)
    前言创建Github组织(Organization)可以让你和你的团队共享代码,更好地管理和协作开发项目。Github组织(Organization)是一个非常有用的工具,可以让开发者协同工作并共享他们的代码。首先,登录你的Github账户。Github上创建组织的详细步骤1、点击右上角的加号(+)按钮,然后从下拉菜单中选......
  • 为github个人主页添加自述文件
    首先在下面的网址中生成一个自述文件:https://rahuldkjain.github.io/gh-profile-readme-generator/然后以自己的用户名创建一个github的仓库,并将上面生成的自述文件放置在该仓库即可......
  • Github 添加贪吃蛇动画
    前言我们都知道,对于Github来说,当你选择你的账户时,可以看到自己的提交记录。于是就有大神动脑筋了,这些commit记录都是一些豆,如果弄一条蛇来,不就可以搞个贪吃蛇了吗?有道理有道理,本文就来讲一下如何弄一条蛇出来。 创建步骤创建个人仓库个人仓库是一个特殊的仓库,名字就是你的......