首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

hexo静态网站PWA支持

简介 PWA(Progressive Web App)中文名叫做渐进式网页应用,早在2014年, W3C 公布过 Service Worker 相关草案,但是其在生产环境被 Chrome 支持是在...因此PWA特性包括其渐进式、可离线,可以作为提高网站体验和提高网站家在速度一个方法。因此下面将从其主要内容和hexo如何安装两个方面以“吃白饭休伯利安号”为例来简单演示一遍安装过程。...比较常见有可安装,即在支持浏览器和操作系统上可以生成访问图标,通过图标可以可桌面应用一样访问应用;消息推送,即访问应用时服务器端可以通过应用后台进程主动向客户端推送消息,类似于桌面应用消息队列。...stripPrefix 网站文件根路径绝对位置 runtimeCaching 缓存选项 urlPattern 文件正则匹配 handler 缓存模式 origin 网站访问域名(代理域名) 如此支持离线...使用新版chrome访问网站,打开控制台Audits点击生成报告,就能看到网站是否支持PWA啦,如下图所示: 发布之后可以先访问一下网站一些页面,然后就可以拿把大剪子网线访问你网站啦~ 关于消息推送

1.5K00
您找到你想要的搜索结果了吗?
是的
没有找到

支持https网站分享解决方法

网站开启 https 之后,要求所有的请求都是https,但是度娘了一下,目前基本没有分享代码支持https,怎么办,还是万能百度帮忙解决了,具体方法如下 这里用是百度分享代码,所以首先你得有自己分享代码...首先获取分享代码,百度分享地址:http://share.baidu.com 获取到代码类似如下 <a href="#" class=...v=89860593.js 下面到https://github.com/hrwhisper/baiduShare  下载代码 static 解压后丢到站点根目录 这里需要确保要确保“根目录”能被访问到...,wordpress到根目录即可 然后对应百度分享代码中,把http://bdimg.share.baidu.com/改为 / src='https://bdimg.share.baidu.com/static...v=89860593.js 然后试试你分享代码效果怎么样吧,没什么问题的话 分享恢复正常

60830

为你网站开启ssl支持

大家可能认为为自己网站开启ssl功能很麻烦,其实不然。下面老高就简单介绍一下开启步骤,自己也做个记录。 不同服务器配置ssl方法大题思路相同,本文以nginx为例。...所谓根证书,是ca认证中心与用户建立信任关系基础,用户数字证书必须有一个受信任根证书,用户数字证书才是有效。...下直接干脆就不显示https标志,造成这个问题原因是————老高网站某些页面引用了非https资源,ssl会认为此次链接不安全,不论是URL还是js、css文件。...How to fix a website with blocked mixed content ][6]与HTTPS page loading non-https images两篇文章后,确定如果想保证网站安全...2015年04月01日更新: 让nginx支持SPDY 参考: http://www.ruanyifeng.com/blog/2011/08/what_is_a_digital_signature.html

56920

监测网站更新提醒,支持网站同时监测

因工作需要,每天需要浏览很多网站,查看是否有内容更新,几乎每个小时把就重复看一遍网站,但还是免不了遗漏最新消息被领导批。重复枯燥工作反复做,让人崩溃节奏。       ...偶然发现一个专门监测网站更新工具软件,替代人工时刻盯着网站信息,【网站资讯监控工具】让工作从此变得轻松惬意。       ...首先,可以同时监测多个网站,重点是同时监测,网站资讯监控工具会给每个网站分配一个独立监测线程,每个网站可单独设置监控方式和监测周期。...图片       其次,网站资讯监控工具支持关键词过滤,如果网站内容特别多,又不全是自己相要,可以设定按关键词自动过滤内容,且不限关键词数量哦。复杂情况还可以设置包含关键语和排除关键词条件。...图片       简单,数据聚合显示,所有网站更新内容按时间逆序排列,显示在同一个数据表中,只要看这一个表,就能知道所有网站更新情况。

66400

FancyHeatmap,支持输出嵌入网站了!

开篇主题,FancyHeatmap支持HTML输出,可嵌入已有数据库浏览器框架! ? 写在前面 FancyHeatmap,是我给TBtools中“卡通式热图”命名字。...主要问题是: 需要对网站部署和linux运维有基本认知,如果是要搭建数据库,那么这个觉悟是有的;如果只是想使用卡通式热图探索下表达量多数人,那么花力气在数据库搭建上,确实得不偿失。...支持SVG输入,得到矢量图输出和更多交互式分析 第一版FancyHeatmap,虽然比较多人使用。但是他存在一个致命缺点:使用TGA格式图片作为输入。TGA当然好,只是毕竟位图。...图片输出分辨率已经确定,带来两个问题: 无法提供良好后续图片编辑功能,好文章,往往一个Figure有几个Sub Figures 输出图片用于网站,无法良好应对缩放 Sad。...既然不再是ImageEle,而是JIGElement组合,那么我们可以直接在每个JIGElement上加动作,实现更多交互分析可能。 ? 支持HTML输出,可嵌入数据库类网站 Emmm...

60510

网站制作流程 在线沟通-正式合作-网站开发-网站验收-网站维护-技术支持

网站制作流程 ? 1.联系在线客服,客户提出网站建设基本要求。 2.客户提供相关文字及图片资料,包括公司简介,网站项目描述,网站功能需求,网站设计要求。...正式合作 1.客户根据商家给予报价,同意即正式合作。 2.确认合作后,本地客户需要交总金额40%作为建站保证金(押金),网络客户需要交纳总金额50%作为建站保证金(押金)。...网站验收 1.我方进行网站制作,制作过程需要客户配合,并且随时提供所需网站资料。 2.网站制作中我们会提供临时网址,让客户随时掌握制作进度,并随时沟通。...3.全部制作完成后,我们负责调试至正常运行,客户支付网站建设尾款,网站正式上线运行。 4.给客户提供免费网站基本使用知识培训。 网站维护 1.根据合同规定服务期,为客户网站提供维护服务。...技术支持 1.我们郑重承诺:网站终身免费技术支持(不包含技术开发),只要网站出现运行问题或者程序运行错误,遭受黑客或者出现漏洞,官方都是免费解决

2K30

使用 PostCSS 插件让你网站支持暗黑模式

换肤方案 css variables css variables 是 Web 标准实现了对深色模式支持, 以下代码通过 CSS 媒体查询,最简单实现。....content { background-color: var(--content-bg-color); } 优点:代码量最少,实现起来方便; 缺点:存在浏览器兼容性,需要 edge16+ 才支持...大家都知道 https://astexplorer.net/ 这个网站,可以用来写 babel 插件,不知道是否使用过其他解析器?...小结 1、本篇总结了前端换肤几种常用方式,通过最对比发现通过 PostCSS 生成皮肤样式在我们项目中最为方便,也最容易让你网站支持暗黑模式,我将 postcss-multiple-themes...最后 如果大家也在给 webapp 做换肤工作,被前端多皮肤问题困扰,希望这篇文章对大家有所帮助,也可以参考我往期文章或者在评论区交流你想法和心得,欢迎一起探索前端。

80020

使用 PostCSS 插件让你网站支持暗黑模式

换肤方案 css variables css variables 是 Web 标准实现了对深色模式支持, 以下代码通过 CSS 媒体查询,最简单实现。...content { background-color: var(--content-bg-color); } 优点:代码量最少,实现起来方便; 缺点:存在浏览器兼容性,需要 edge16+ 才支持...,老项目实现起来, 需要重构 css, 所以对我司来说就不适用了,如果是新 webapp,我会毫不犹豫选择这种方式。...大家都知道 https://astexplorer.net/ 这个网站,可以用来写 babel 插件,不知道是否使用过其他解析器?...小结 1、本篇总结了前端换肤几种常用方式,通过最对比发现通过 PostCSS 生成皮肤样式在我们项目中最为方便,也最容易让你网站支持暗黑模式,我将 postcss-multiple-themes

81610

一个命令,让你网站支持https

介绍 最近写小程序,但是小程序接口得通过https形式访问,所以用nginx转发了一下。想到Google搜索引擎会提高https网站权重,索性把我网站改造成同时支持http和https了。...我是用LET'S ENCRYPT来生成证书,这个应该是用最多一个工具,也很方便。...我直接参考了官方文档上关于在CentOS 7上用nginx来让网站支持https教程 https://certbot.eff.org/lets-encrypt/centosrhel7-nginx 1....我说一个我遇到坑,我原来编译时候没有选择SSL module,所以我得重新编译一下,编译完成之后我是用如下命令重启 nginx -s reload 结果https访问一直有问题,后来我才意识到。...reject为调用失败后执行函数

68380

Linux网站上线

摘要 作为后端程序员,对网站上线操作需要有一定了解,对于一些没有专门运维人员公司,运维上线操作就需要后端程序员来执行。 需要学习域名解析、本地文件和服务器文件传递scp相关操作。...一、上传网站到服务器 1.将本地文件上传到远程服务器:scp (1) 具体用法: scp -r {本地目录文件} {服务器用户名@远程服务器 ip:{远程服务器文件目录}} scp -r...解析设置 记录类型 主机记录 解析线路(jsp) 记录值 TTL 值 A www 默认 {ipv4} 10 分钟 A @ 默认 {ipv4} 10 分钟 2.说明 (1) www表示对有www前缀完整域名进行解析...(2) @表示对没有www前缀省略域名进行解析 (3) CNAME表示需要将域名重定向到另一个域名[使用 github 搭建博客绑定独立域名时需要用到] 三、HTTP 协议在访问域名时工作流程

75020

Linux在线搭建自己文档网站

1. teedoc 简介 一款用 Python 写文档网站生成工具,支持从 Markdown 或者 jupyter notebook 转换成 HTML,支持多文档,多语言,支持自定义页面等功能 效果和文档...特性 使用简单, 跨平台,只依赖 Python3 部署简单, 生成网站是全静态页面,直接拷贝到服务器或者上传到三方机构即可部署 书写简单,使用 Markdown 语法编写 Jupyter notebook...支持 多文档支持 插件支持 多主题支持(由插件实现) 多级目录支持 多语言支持(手动翻译)(国际化/i18n) 多语言支持(自动翻译) 多版本支持(实现方法同多语言) 搜索支持 SEO 友好 实时预览更改...多线程构建,更快构建速度 博客支持 3....安装 安装之前需要python3环境,如果没有的同学可以看此文章 Linux在线安装python3_余生大大博客-CSDN博客1.

4.5K50

支持LinuxKubernetes GUI、CLI和WebUI

GUI 和 IDE 旨在让 Linux 用户更容易从其 Linux 工作站管理 Kubernetes 集群 GUI 和 IDE: Aptakube 管理集群 GUI。...总结:Lens 可能是在 K8s 特定 IDE 和 GUI 中最强大选项,但还有其他几个选项也值得一试 在 Linux 机器上运行 Web UI (几乎总是)不是特定于 Linux Web UI...minikube GUI:处于原型阶段 支持 Linux CLI(和“混合”) 用于 Kubernetes 管理 CLI 是尝试采用 Kubernetes 管理核心 CLI 并用一些附加功能(或通常通过使它们在视觉上更具交互性...k9s:”Kubernetes CLI 以时尚方式管理你集群” 其他支持 Linux Kubernetes 工具 用于其他功能工具,例如可视化在 Kubernetes 集群上运行应用程序:...该项目由 VMWare 支持,尽管其 Github 页面处于仅存档模式,因此开源分支开发可能不再活跃。

16910

30分钟让网站支持HTTPS

转载自码农网 这里我会指导大家如何轻松搞定在你网站上使用HTTPS。 我不是安全专家也不是搞服务器,所以这对我而言也是一种有趣经历,而记录这个过程可以让其他任何人也能很快地做到这些。...就我而言,我对这个网站使用Media Temple,并且它们在Twitter上非常有用,而且它们在线支持聊天会指点我正确方向。 所有我需要做是: 进入帐户中心。...Media Temple支持指引我到Let’s Encrypt论坛上“Error adding cert, Invalid private key”讨论中。...然后,当你使用https://访问你网站时候,所有一切都应该显示良好和安全。然而在现实生活中很少是这样情况。...一起试试添加HTTPS到你网站吧!你值得拥有。

73340

可以做structureR语言包:LEA

1. paper LEA: An R package for landscape and ecological association studies 使用说明文档 不同格式数据使用LEA 2....划重点: 可以在R语言中实现软件Structure功能 可以做类似admixture图 简单操作, 几个命令实现相关功能 C语言开发, 可以处理大数据 3....测试数据 plink格式ped文件, 具体格式参考:plink格式ped和map文件及转化为012方法 1 SAMPLE0 0 0 2 2 1 2 3 3 1 1 2 1 2 SAMPLE1 0...0 1 2 2 1 1 3 0 4 1 1 3 SAMPLE2 0 0 2 1 2 2 3 3 1 4 1 1 前六列为: 家系ID 个体ID 父本 母本 性别 表型值 SNP1-1(SNP1第一个位点...) SNP1-2(SNP第二个位点) 测试数据采用admixture示例数据, 使用plink将其转化为ped文件 library(LEA) # 结果会生成test.geno文件数据. output

1.5K21
领券