Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >国外常用社交分享代码(纯代码无需插件)

国外常用社交分享代码(纯代码无需插件)

ytkah

发布于 2020-03-25 15:13:50

发布于 2020-03-25 15:13:50

2.6K00

代码可运行

举报

文章被收录于专栏：ytkahytkah

运行总次数：0

代码可运行

做英文网站的朋友可能经常会加一些分享代码，有很多插件可以实现比如addthis、sharethis、addtoany等，但这些我们无法给外部链接添加nofollow属性，有没有纯html分享代码呢？有的！下面ytkah就分享一些，有需要的朋友可以试一下

<!-- Basic Share Links -->

<!-- Twitter (url, text, @mention) -->
<a rel="nofollo" href="https://twitter.com/share?url=<URL>&text=<TEXT>via=<USERNAME>">
    Twitter
</a>

<!-- Facebook (url) -->
<a rel="nofollow" href="https://www.facebook.com/sharer/sharer.php?u=<URL>">
    Facebook
</a>

<!-- Reddit (url, title) -->
<a rel="nofollow" href="https://reddit.com/submit?url=<URL>&title=<TITLE>">
    Reddit
</a>

<!-- Hacker News (url, title) -->
<a rel="nofollow" href="https://news.ycombinator.com/submitlink?u=<URL>&t=<TITLE>">
    Hacker News
</a>

<!-- LinkedIn (url, title, summary, source url) -->
<a rel="nofollow" href="https://www.linkedin.com/shareArticle?url=<URL>&title=<TITLE>&summary=<SUMMARY>&source=<SOURCE_URL>">
    LinkedIn
</a>

<!-- Email (subject, body) -->
<a rel="nofollow" href="mailto:?subject=<SUBJECT>&body=<BODY>">
    Email
</a>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-02-26 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

web网页动态分享facebook和twitter

介绍 facebook分享 http://www.facebook.com/sharer.php?t=${text}u=encodeURIComponent('静态html') twitter分享

陈灬大灬海

2020/07/09

6.1K1

web网页动态分享facebook和twitter

facebook分享(含图片)

php https http 网络安全 html

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

奋飛

2019/08/15

2.1K0

一个LED圣诞装饰灯网站首页及产品分类页代码

https 网络安全 html

项目地址: https://www.cn-da-di.com/ https://www.cn-da-di.com/product/led-copper-wire-light/

海拥

2021/08/23

5440

share.js轻松分享/邀请

微信 share 二维码配置源码

注：亦可使用 CDN，引入 share.min.css 与 social-share.min.js 两个链接。

思索

2024/08/16

1760

share.js轻松分享/邀请

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统

svg css 文件存储

但是如果使用普通的按钮或者图片来制作分享按钮未免太过单调，这里推荐使用iconfront，那么iconfront是什么呢？它的学名叫做字体图标，是一种介于字体和图片之间的东西，它集成了字体和图片各自的优势，同时又降低了各自的劣势，我们知道几年之前awsomefont大行于世，备受追捧，但是它过大的体积另小型网站望而却步，而图片的问题在于，不论是压缩后的图片，还是雪碧图，终归还是图片，只要是图片，就还是会占用大量网络传输资源。但是字体图标的出现，却让前端开发者看到了另外一个神奇的世界，iconfront矢量图标则可缩放至你想要的任意尺寸而不心担心失真、与文字一样的处理方式，方便调整颜色与大小等。

用户9127725

2022/08/08

1.4K0

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统

facebook|Twitter|linkedin分享

https 网络安全数据结构

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

奋飛

2019/08/15

1.4K0

百度分享插件的使用

编程算法命令行工具

百度分享代码可以分为三个部分：HTML、_bd_share_config（具体配置）和js加载。代码如下：

唐志远

2022/10/27

8740

5个博客分享的 Bookmarklet

网站 bookmarklet 博客服务日志

Bookmarklet 也叫小书签，它是一段 JavaScript 脚本，可以被拖到浏览器的快速工具栏中，也可以直接插入到网页中去，让你的用户直接使用该 Bookmarklet。网上有各种类型的 Bookmarklet，今天我就介绍下几个关于博客分享的 Bookmarklet。

Denis

2023/04/14

3390

5个博客分享的 Bookmarklet

Jsoup（一）Jsoup详解（官方）

一、Jsoup概述 1.1、简介 jsoup 是一款Java 的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，　可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。 1.2、Jsoup的主要功能 1）从一个URL，文件或字符串中解析HTML 2）使用DOM或CSS选择器来查找、取出数据 3）可操作HTML元素、属性、文本注意：jsoup是基于MIT协议发布的，可放心使用于商业项目。 1.3、jsoup

用户1195962

2018/01/18

8.8K0

Jsoup（一）Jsoup详解（官方）

typecho博客魔改常用代码

https html 网络安全 php 网站

如果出现不显示效果的情况，因为此代码基于 jquery，请在网页头部加入如下代码：

王荣胜

2020/03/13

2.4K0

typecho博客魔改常用代码

hexo next主题为博客添加分享功能

title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮，决定给博客添加分享功能，百度上首先是找到了使用shareSDK的分享功能，最后在实践的过程中发现它添加时步骤比较多，添加完成后效果比较丑（就是一个长条的浅蓝色按钮），而且点击后想要退出分享比较麻烦（它的取消按钮实在太难找了，它在页面最下方的位置，呈现浅灰色，这个设计太反人类了，决定放弃它了）。在next主题的官方的文档中发现它自身集成了百度分享的功能，所以决定采用百度了。

Masimaro

2018/08/31

2.5K1

step by step guide tell you how to build a website like apkmirror

编程算法 https node.js android 网络安全

There are many free apk download websites such as apkmirror, today i will tell you how to build a website like apkmirror, the programming language i used is node.js, the database i used is mongodb, search engine used is elasticsearch, the web framework i use is eggjs.

全栈程序员站长

2022/11/01

1K0

step by step guide tell you how to build a website like apkmirror

百度分享代码–一键分享Baidu Share BEGIN

命令行工具 javascript 编程算法

百度分享代码已升级到2.0，本页将介绍新版百度分享的安装配置方法，请点击左侧列表查看相关章节。

全栈程序员站长

2022/11/10

1.7K0

Concise，一款为hexo设计的简约而漂亮的主题

hexo 腾讯云开发者社区

本人已将主题更换为next，但文章仍适用初学者学习搭建博客。您可以先进Demo网站来看看这个主题的样式。

Java架构师必看

2021/05/17

9170

永夜星河主题网页开发HTML,CSS,JS

html 微信开发流量 css

命运之光

2024/11/20

1400

永夜星河主题网页开发HTML,CSS,JS

6.hexo插件篇（必看）

腾讯云开发者社区 hexo git github 开源

如果应用官网的主题你会发现，有可能出现打不开的情况，这是由于有些主题使用的插件，本地并没有安装导致的报错。所以本篇文章为补充说明篇。（无问题的可以跳过）

leader755

2022/03/07

5K0

Hexo-Matery主题美化

腾讯云开发者社区 hexo

首先在hexo官网主题里面搜索Matery主题点击进入作者大大的github，然后下载 master 分支的最新稳定版的代码，解压缩后将 hexo-theme-matery 的文件夹重命名为matery，复制到Hexo 的 themes 文件夹中

咕咕星

2020/08/24

1.8K0

Hexo-Matery主题美化

PhotoSwipe中文API(二)

数据结构 php css

对象应包含三个属性：X（X位置，相对于文档），Y（Y位置，相对于文档），W（元素的宽度）。高度会自动根据大的图像大小来计算。例如，如果您返回{X：0，Y：0，W：50}缩放动画将在你的页面的左上角开始。

李维亮

2021/07/09

2.6K0

Hugo构建静态站点入门

javascript css html

很多站长开发网站时为了推广页面，或者获得更多的回访和流量，会在网站页面添加 “分享到” 插件，用来发布到某些社交网站。因此社会化分享是很多网站常用的功能之一，国内也有很多专业的公司在做，比较出名的包括 j*this，B*hare 等。不过很悲伤的是，这些公司的产品，无一例外的具有一个特点：奇丑无比。丑就算了，还不允许别人修改其设计，结果就是，再好的 UI 设计也毁在这些插件手里了。

莲花海

2020/01/19

6250

分享最近对网站外链跳转页面代码的一些改善

wordpress 安全

很久之前在博客分享了几篇关于外链跳转的代码或教程。如果没看过的可以先了解下：分享两种外链跳转方法，可避免权重流失。分享一个 WordPress 外链跳转教程，兼容知更鸟暗箱下载和文章索引分享知更鸟 Begin 主题外链跳转代码，兼容下载按钮和弹出层上的外链最近，有了一些灵感以及在其他博客也吸收了一些相关经验，就把现用的外链代码小改了下，感觉还不错，现在分享下，喜欢的可以试试。 ---- Ps：不喜欢啰嗦的朋友请直接从第五步开始看。一、安全加固首先，加入了在鱼叔博客看到了的防止恶意请求的简单

张戈

2018/03/21

3.3K0

相关推荐

web网页动态分享facebook和twitter

更多 >

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验