在查看阮一峰老师最新的周刊时,发现了一个很好玩的工具bookmark.style/,作用就是输入网站,会根据网站上的信息生成精美的分享卡片,可以保存成图片并进行分享。
在查看阮一峰老师最新的周刊时,发现了一个很好玩的工具https://bookmark.style/[1],作用就是输入网站,会根据网站上的信息生成精美的分享卡片,可以保存成图片并进行分享。
博客一直佛系seo,不过还好一直稳步提升。随着权重稳定,在百度的出图率也提升了很多。今天就来聊一聊百度收录提交和搜索引擎出图的个人部分见解。区别于百度出图佛系,360则有具体的细则说明。并给出了适配规范。至于搜狗应该也是蛮佛系的吧。不怎么管搜狗,部分也有图。
翻看一些主流网址的网页源代码,在 HTTP 头部经常能看到一些 og:type、og:title、og:image 的 meta 标签。这些 OG 是什么东西?有什么用?针对这些问题,虫子菌为你整理了以下资料。
介绍 facebook分享 http://www.facebook.com/sharer.php?t=${text}u=encodeURIComponent('静态html') twitter分享
网络从2000年到今天这20年间飞速的发展起来,能在网络上获取到的内容也越来越丰富,99年有了自己第一台个人电脑,那时候是一台有着“大屁股”显示器的TCL台式机,那时候网络上还没有像现在这么多类型的资源,多数都是上上BBS论坛,发个贴,浏览浏览让人心情“愉悦”的图片,视频都很少见,因为那时候还ADSL拨号,下载的速度就50kb左右,回到今天的话题OG标签,OG标签的出现其实和JSON-LD有着相同的SEO意义,都是为了将网络上的内容,进行结构化,富媒体化,方便第三方调用显示。
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
什么是Meta标签呢?这可不是最近很火的“元宇宙”或是FB。Meta标签,或者说Meta元素,是HTML内head标签的一部分。通常用于指定页面描述、关键字以及未在其他head元素、属性中提供的其他元数据。间接参与浏览器页面渲染,或者为搜索引擎的爬虫提供引导(进而让搜索引擎更好收录网站)。
property=og 标签是一种开放内容协议(Open Graph Protocol)的标签,它可以让网页成为一个“富媒体对象”,并被其他社会化网站如Facebook、百度、谷歌等引用和展示。property=og 标签可以提高网页的传播效率和用户体验,也有利于 SEO 优化。
Requests是用Python语言编写的第三方库,使用前需要另外安装。它基于urllib,采用Apache2 Licensed开源协议的HTTP库。它比urllib更加方便,完全满足HTTP测试需求,可以节约我们很多的工作。
uni-app 中为兼容微信小程序生态存在全局的 wx 对象,而微信 JS-SDK 也是注册全局的 wx 对象,为避免混淆,可以将微信 JS-SDK 中的 wx 对象改名。采用以下两种方案之一即可。
HI,最近更新的有些频繁,没办法事情即便工作再多有问题就得处理,有客户咨询我,主题SEO功能优化的怎么样,我说主题模板均是SEO标准化达标的,还增加了OG富媒体标签功能,又问我什么是OG富媒体标签,好吧,今天我要为大家详细介绍一个对SEO具有重要意义的神奇元素——OG标签。它不仅能为我们的网站带来诸多优势,还能让我们在激烈的竞争中脱颖而出。
<meta name="viewport" content=""> 说明:屏幕的缩放
本文的目的是搜集当前主流的meta配置,方便开发者快速开发调试。在这里不会做各种meta的深入分析,只是简单的介绍,让大家知道有这个东西。
涉世浅,点染亦浅;历事深,机械亦深。故君子与其练达,不若朴鲁;与其曲谨,不若疏狂。
最近对交互设计方面比较感兴趣,关注了 Medium 的一些相关栏目,有很多文章虽然篇幅不长,但是讲的东西都是我们在使用 app 时经常接触到的,所以阅读这类文章我觉得是一个满足好奇心、增长知识的过程。这篇文章讲的恰好就是这种主题,如果注意观察,你会发现很多聊天 app 或者购物 app 在分享链接的时候能够自动抓取并生成网页的预览图或文本说明,这样即使我们最终没有点击进入链接,也能大概知道网站内容。那么这种技术是怎么实现的呢?本文将会告诉你答案。
Vercel 官方有提供 @vercel/og 这个包,可以生成 OG Image(The Open Graph protocol),有直接可用的 API https://og-playground.vercel.app 调用方式为:https://og-image.vercel.app/eallion.png 但是有个很大的问题,不支持中文。再加上「得意黑」字体当时刚发布,很适合做标题,我就利用 @vercel/og 糊了一个 Next.js 的应用,部署到 Vercel,调用方式为:https://og.eallion.com/api/og?title=蜗牛 后来换成「思源宋体」了。不过如前文说所,我现在已经手动生成 OG Image 了,毕竟年更博客。
爬虫是做什么的?是帮助我们来快速获取有效信息的。然而做过爬虫的人都知道,解析是个麻烦事。
我的CN華少博客建设也有一段时间了,这段时间想去更新一下文章,突然发现原来的源码被我不知道弄到哪里去了,于是乎我又准备重新建一个项目,并在其基础上更换一套新的模板,并与Typore中的.md文件进行使用尝试,近期这几篇可能就是这个系列来进行了。 另之前开设的SSO统一身份认证近期没有再进行更新,后续会对其进行补充,请大家持续关注。
按照知识共享署名-非商业性使用 4.0 国际协议进行许可,转载引用文章应遵循相同协议。
meta属性在HTML中占据了很重要的位置。如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等。虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们。 1、声明文档使用的字符编码
详见360官方文档说明http://www.so.com/help/help_3_9.html
Crystals 系列 NFT 包含10301种独特的 NFT 藏品。NFT 每次从其他收藏家处购买时都会发生变化和增长。
个人工作主要偏向于 Android,所以此篇内容主要以 Android 为例,毕竟鸡老大也曾经说过,不对没涉及的领域做太多评价。
今天我们将继续进行爬虫实战,除了常规的网页数据抓取外,我们还将引入一个全新的下载功能。具体而言,我们的主要任务是爬取小说内容,并实现将其下载到本地的操作,以便后续能够进行离线阅读。
最近很久没有更新博客了,因为春节再加上新主题需要周期更新,修改BUG及优化用户体验,当然,新老主题都会一视同仁,一直维护下去,只是之前的主题有些新功能未上,因为风格不统一,加上去了感觉有点类似画蛇添足,还有就是关于Pjax,有好几个网友跟我反馈说是有BUG,某些功能不能使用,这里先简单解释下,主题默认的都可以的,不会出现任何BUG,但是如果你使用了某些插件,需要引用到js'的那么肯定不好使,因为我的pjax文件并未重载这些插件的js,所以才引起bug,后续我会跟进,不要急,你要的都会给你。
5、IOS中Safari设置保存到桌面图标: 这是IOS中Safari特有的meta,是在你保存某个页面到桌面的时候使用这张图作为桌面图标,so,尺寸和iphone上的一致,是57*57px
👨🎓学生HTML静态网页基础水平制作👩🎓,页面排版干净简洁。使用HTML+CSS页面布局设计,web大学生网页设计作业源码,这是一个不错的旅游网页制作,画面精明,排版整洁,内容丰富,主题鲜明,非常适合初学者学习使用, 这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 💝 【作者主页——🔥获取更多优质源码】 💝 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】 一、网站题目👨🎓 🚀 旅游景点介绍、旅游风景区、家乡介绍、等网站
它的应用面如此之广,以至于我们很难忽略它的存在。这篇文章的目的在于介绍当前 Electron 安全发展态势,更关键的是,最近 XZ 后门事件直接导致了供应链安全的担忧,虽然很多应用程序并不一定开源,但是这篇文章会给大家介绍一些通用的切实可行的检测措施,找出 Electron 程序可能存在的 XSS To RCE 和有危害的供应链威胁
在一个完整的大数据处理系统中,除了hdfs+mapreduce+hive组成分析系统的核心之外,还需要数据采集、结果数据导出、任务调度等不可或缺的辅助系统,而这些辅助工具在hadoop生态体系中都有便捷的开源框架,如图所示:
任务需求:现有140w个某地区的ip和经纬度的对应表,根据每个ip的/24块进行初步划分,再在每个区域越100-200个点进行细致聚类划分由于k值未知,采用密度的Mean Shift聚类方式。
为了省去制作图片的麻烦,我就直接拿YYWebImage里面的图片了,我个人也是建议使用这个图片框架来做渐进式下载。 先看下YYKit中做的效果图。 渐进式图片 图片加载很美观,用户体验性非常棒。
Trafilatura是一个Python包和命令行工具,用于收集网络上的文本。其主要应用场景包括网络爬虫下载和网页解析等。
在语义分割的预测过程中,我们需要对每个像素进行目标检测,那就出现一个问题,我们先是对输入的图像通过二维卷积神经网络进行不断的高宽减半的压缩,最后得到一个预测,但我们如果需要对每个像素进行识别,就要通过预测反推每个像素里面的类别。举个例子,我们对猫狗识别时,我们不仅仅要识别猫在哪,还要将关于猫的每个像素给识别出来,这时就要求我们需要用到转置卷积。转置卷积可以使得图像不断变大,使得我们生成的图像和原始图像具有相同大小,那么我们就能够狠方便的进行语义分割。
Mattermost Jira集成可确保在正确的时间将通知发送给正确的团队和人员,使他们能够在不离开Mattermost的情况下进行项目管理配置。
关于typecho的收录优化,一个是文章seo和搜索优化,另一个就与博客加载速度相关了,至于之后还不收录,那就是百度太高冷了,我这小站不配了。
在Spring Boot应用中,我们可以约定不同的标识来定义不同的环境。例如 dev 表示开发环境、test表示测试环境,对应的配置文件为application-dev.yaml、application-test.yaml。我们通过声明spring.profiles.active来激活对应的环境配置,例如激活dev环境时spring.profiles.active=dev。完整的启动命令为:
之前一直用的loli的gravatar镜像服务,可能是自己写的function文件中的代码有问题,有时候头像加载不出来。今天又搜索了一下发现了cravatar服务:
由于文件没法贴上来,暂时分享到这。具体效果可看上面的演示。交流群970353786,来自计算机爱好者川川。
离线数据分析平台实战——150Flume介绍 Nginx介绍 Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。 其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好。 一般情况下,我们会将nginx服务器作为一个静态资源的访问容器。 Nginx安装步骤 Nginx安装步骤如下:(使用yum命令安装) 使用root用户登录。 查看nginx信息,命令:yum info nginx. 如果查看nginx信息提示ngin
URL 在许多方面都是我们数字生活的中心,是我们与关键服务、新闻、娱乐等的链接。因此,浏览器、应用程序和服务器如何接收 URL 请求、解析它们和获取请求的资源的任何安全漏洞都可能给用户带来重大问题并损害对 Internet 的信任。
ShuffleNet是由旷世发表的一个计算效率极高的CNN架构,它是专门为计算能力非常有限的移动设备(例如,10-150 MFLOPs)而设计的。该结构利用组卷积和信道混洗两种新的运算方法,在保证计算精度的同时,大大降低了计算成本。ImageNet分类和MS COCO对象检测实验表明,在40 MFLOPs的计算预算下,ShuffleNet的性能优于其他结构,例如,在ImageNet分类任务上,ShuffleNet的top-1 error 7.8%比最近的MobileNet低。在基于arm的移动设备上,ShuffleNet比AlexNet实际加速了13倍,同时保持了相当的准确性。
Next.js 是一个用于构建服务器呈现的 React 应用程序的框架,使用像 Next.js 这样的框架的好处之一是它可以很容易地针对搜索引擎优化您的应用程序。
静态博客不像动态博客一样想要什么功能就写个代码实现,但是折腾一番还是可以满足日常需求的。本文主要讲述使用utterances给静态博客实现评论功能。
上周,Dota2世界冠军OG被OpenAI以2:0的战绩秒杀,许多网友看完比赛后称:“随便打的吧!”
Nikto是一个开源的WEB扫描评估软件,可以对Web服务器进行多项安全测试,能在230多种服务器上扫描出 2600多种有潜在危险的文件、CGI及其他问题。Nikto使用Perl语言编写运行,Nikto可以扫描指定主机的WEB类型、主机名、指定目录、特定CGI漏洞、返回主机允许的 http模式等. Nikto是在KaliLinux系统中默认安装的
领取专属 10元无门槛券
手把手带您无忧上云