逝雪蓝冰

增加友情链接网站一句话描述的信息量
现在的友链独立页面,采用的是十分简陋的文字链接形式,虽说简陋,我对于这样的链接形式却也是十分满意的。如果有别人申请...
扫描右侧二维码阅读全文
06
2019/04

增加友情链接网站一句话描述的信息量

现在的友链独立页面,采用的是十分简陋的文字链接形式,虽说简陋,我对于这样的链接形式却也是十分满意的。

如果有别人申请友情链接,或者我主动申请别人的友情链接,都可以直接在博客后台独立页面中编辑,使用的是 Markdown 编辑模式,简单实用。

现在我使用的主要是表格和文字超链接形式,代码示例如下:

 > 简陋的友情链接

|友链名称|友链地址|
|:---:|:---:|
|[网站名称](https://xxx.com/)|[https://xxx.com/](https://xxx.com/)|
……

有新友链申请可以方便快捷的直接在后面添加。

现在感觉这样还不够,没有体现友情链接网站的描述信息,如果是直接显示出来,会破坏整体简洁的风格,而且也没地方放,会显得很乱很冗余邋遢。

现在就有个很好的解决方法,就是直接添加类似于图片 title 一样的文字信息,鼠标悬停在超链接上,就会显示出来。这样空间上简洁干净,信息量也上去了,你对哪个网站感兴趣,你就可以立即获得哪个网站的一句话描述信息。

想法是有了,但是这样的 Markdown 实现方法我还需要研究一下。

我在 github 网站上找到了一份 Markdown 文档:

链接

Markdown 支持两种形式的链接语法:行内式参考式两种形式。

不管是哪一种,链接文字都是用 [方括号] 来标记。

要建立一个行内式的链接,只要在方块括号后面紧接着圆括号并插入网址链接即可,如果你还想要加上链接的 title 文字,只要在网址后面,用双引号把 title 文字包起来即可,例如:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

会产生:

<p>This is <a href="http://example.com/" title="Title">
an example</a> inline link.</p>

<p><a href="http://example.net/">This link</a> has no
title attribute.</p>

参考式的链接是在链接文字的括号后面再接上另一个方括号,而在第二个方括号里面要填入用以辨识链接的标记:

This is [an example][id] reference-style link.

你也可以选择性地在两个方括号中间加上一个空格:

This is [an example] [id] reference-style link.

接着,在文件的任意处,你可以把这个标记的链接内容定义出来:

[id]: http://example.com/  "Optional Title Here"

链接内容定义的形式为:

  • 方括号(前面可以选择性地加上至多三个空格来缩进),里面输入链接文字
  • 接着一个冒号
  • 接着一个以上的空格或制表符
  • 接着链接的网址
  • 选择性地接着 title 内容,可以用单引号、双引号或是括弧包着

下面这三种链接的定义都是相同:

[foo]: http://example.com/  "Optional Title Here"
[foo]: http://example.com/  'Optional Title Here'
[foo]: http://example.com/  (Optional Title Here)

测试

  1. This is an example inline link.
  2. This is an example reference-style link.

第一种行内式与第二种参考式均无法解析出 title 内容,猜测 Typecho 默认阉割了这一部分 Markdown 功能。

后记

这个计划暂缓,待以后寻找更好方式解决。

现在使用了寒泥的 Links 插件,友情链接已全部输出到侧边栏,同时友情链接独立页面继续保留并持续更新。Links 插件很好的解决了我的需求,同时每个页面都可看到友情链接,增加了友情链接的曝光率和含金量。

标签: 超链接, 网站描述, 信息量

Last modification:April 8th, 2019 at 03:18 pm

4 comments

  1. 测试

    评论邮件通知插件测试

    1. 测试
      @测试

      微信推送评论通知

  2. 七越

    其实吧 你可以像我的友链页面一样 搞个花里胡哨的页面模板 改下css 哈哈哈

    1. 万俊华
      @七越

      模板文件,包括文章归档、友情链接、留言板、访客墙、相册、说说我都想弄,手上有几个付费主题的模板,奈何自己学艺不精,不会搞 php,css 这些,要不然我也会把网站按照自己的想法,弄得高大上(花里胡哨)!

Leave a Comment