在博客中加入Snap Shots

Snap Shots表示“花絮”的意思,在博客中可以使用Snap Shots来添加“花絮”效果。
先演示一遍效果,看是否能用:
http://www.cnblogs.com/psunny内部的链接Snap Shots效果不可用

http://www.google.cn外部的链接Snap Shots可用。

可以通过设置来达到这种效果,一般情况下,我们不需要站内链接的Snap Shots效果。

下面的图示中的图片地址和博客文章地址不属于同一站点。

基本设置

在Snap Shots中进行相关设置。

高级设置

  • Show Snap Shot Link Icon

With this option enabled, a small icon will be added at the end of your active links, signaling to your users which of your links Snap Shots and which do not.

在超链接后面加上一个小图标,表示可以通过这个超链接查看截图。就像下面这种效果。
     

  • Trigger Snap Shots on Link Icon Only

With this option enabled, the trigger hot-zone for the Snap Shots will be limited to the link icon only, which in turn will decrease the chances of your users accidentally triggering Snap Shots.

启用该选项,触发Snap Shots的热点将尽限于链接图标,从而大大减少用户不小心触发Snap Shots的机会

  • Display Large Snap Shots by Default

默认显示大的截图

  • Enable Snap Shots for External Links

With this option enabled, Snap Shots will be enabled for links pointing to pages on other sites.

启用该选项,Snap Shots将能够指向其他网站的链接(显示其他网站的截图)

  • Enable Snap Shots for Internal Links

With this option enabled, Snap Shots will be enabled for links pointing to pages on your own site. Not recommended for sites where all pages look the same, unless they have
RSS.

启用该选项,Snap Shots将能够指向自己的网站的链接。不建议所有的页面看起来都一样,除非它们有RSS.

  • Only Display Preview Shots

仅显示预览。

  • Enable Snap Shots to look for key phrases on your web site, and then add the right Snap Shots.

在Snap Shots中能够通过查找关键词,来添加正确的Snap Shots.

设置完以后,直接Continue,它会跳到如下页面,只需要输入你的站点和E-mail就可以了,同时输入两次密码,表示在这个站点进行注册。

继续Continue,到下一页就能看到javascript代码了,copy到自己的后台管理那里,就能把“花絮”效果加进来了。

在博客中加入“花絮”效果相关推荐

  1. 如何在CSDN博客中显示图片而不是链接

    之前想在发的博客里加入图片,结果试了好多次,只是在博客中显示图片链接...... 后来发现添加图片时没有选择宽度与高度,无语了...... 总结一下,希望以后遇到和我一样问题的朋友可以通过这篇博客得到 ...

  2. 装饰博客全攻略(如何在博客首页或博客中插入图片、音乐、视频等)

    一.在博客中插入图片. 以下是代码: <img src="http://图片地址" border="0" width="344" he ...

  3. 2020-04-19-如何在博客中添加视频链接

    layout title subtitle date author preview-img header-img catalog istop music-id music-idfull apserve ...

  4. 如何搜索自己CSDN博客中的文章

    如何搜索自己CSDN博客中的文章 CSDN 的搜索功能是比较弱.不像 baidu,google 等主流搜索引擎好用.要想用主流搜索引擎查找也是可以的,但也有它的缺点:收录可能不及时不全面,使用某些搜索 ...

  5. 如何在CSDN博客中插入代码块显示行号

    最近在学习java语言,想要通过写博客来记录自己的学习过程以便以后查阅,由于本人博客小白,总是在写作过程中需要插入代码片段时而无从下手,排版不忍直视,通过借鉴其他同学的博客,整理如下和大家分享. 例如 ...

  6. 如何在个人博客中插入Jsbin或者jsfiddle代码

    前言 也许在大家浏览大牛们博客时经常会看到在他们的个人博客经常会有比较炫酷的在线代码演示.例如: width="100%" height="500" src=& ...

  7. 知识就是力量:博客中实现个人微信免签收款,让知识产生价值

    源起: 写文章/博客除了记录一些容易忘记的知识以外,也会有一些创造.创意,一些个人的经验积累和心血.希望获得读者的认同和赞赏,或者是付费阅读. 前段时间就自己建立了一个静态博客,用的Hugo(我翻译叫 ...

  8. 嵌入到博客中的小动画

    abowman是个很有意思的小动画网站,而且网站还提供了可以把小动画嵌入到博客中的代码. 以下1~9动画来自abowman,10为人体时钟(hone hone clock).直接把下面代码粘贴过去,添 ...

  9. 新浪博客中插入高亮代码

    在ie浏览器里可以用,但是不知道mac有没有这个插件 原文地址:新浪博客中插入高亮代码作者:木子超-同学 一.              Sublime text 3是一个强大的代码编辑软件,强烈推荐 ...

最新文章

  1. 工具推荐:Astah Community 绘制图形
  2. android sqlite操作(2)
  3. AJAX 请求真的不安全么?
  4. ios5 中文键盘高度变高覆盖现有ui问题的解决方案(获取键盘高度的方法)
  5. android studio 如何提示方法的用法
  6. 设计模式11-桥接模式
  7. 2020 新兴技术炒作周期曲线:这 5 个趋势值得注意
  8. 基于内容的图像检索中常用的标准图像库 Benchmark databases for CBIR
  9. AngularJs angular.uppercase、angular.lowercase、angular.fromJson、angular.toJson
  10. dji大疆机器人冬令营_2019高中生机器人夏令营开营 精英高中生汇聚
  11. linux字符设备开发
  12. 从真实项目中抠出来的设计模式——第三篇:责任链模式
  13. apache gobblin mysql_incubator-gobblin-master
  14. JavaScript开发区块链只需200行代码 1
  15. ECCV 2020 论文大盘点-图像与视频分割篇
  16. HTML keygen控件
  17. Unity中使用多构造函数(转)
  18. linux read phy reg,请问如后配置嵌入式网卡LAN91C11X系列的自动协商模式(Auto-Negotiation)?...
  19. android php 项目代码混淆,Android Studio配置反混淆的实现
  20. python将文字转换成图片_使用Python脚本将文字转换为图片的实例分享

热门文章

  1. 《转》Python学习(14)-对文件的操作(一)
  2. Sublime Text3配置Node.js开发环境
  3. 十大Intellij IDEA快捷键转
  4. 在SQLserver数据库里设置作业的步骤
  5. C# GDAL 学习一
  6. Android:JNI 与 NDK到底是什么
  7. memcache安装
  8. DataTable中数据记录的统计
  9. 《Apache Kafka》学习笔记
  10. 内存、性能问题分析的利器——valgraind