html网页添加友链,如何为typecho添加独立友链页面

做了博客，自然也要添加一些友链，和大佬们推动一下交流，顺便再多蹭些访问量。但是怎样添加友链却是一个令人困惑的问题，尤其是对于typecho来说，实在不容易，更不用去提这些没有友链相关配置的typecho主题了typecho怎么增加友链，更难！

基本需求

友链页面大致还要满足下边的三个条件：

添加更改便于改格式，导出数据便于式样幽美、好看探求过程

在我用的主题中，作者没有提供非常便于的友链添加方法。而插件又是不或许用的，一个小功能再去用插件、数据库，太耗费了！

起初想的是在typecho中直接放置类似的静态页面，div、a格式哪些的直接写好，再添加至模版旁边，需要使用时就直接使用模版。但同时也带给了一个更改不易的瓶颈——typecho文章底下没有实质内容，添加、修改不方便。

于是尝试把直接讲到文章底下，以后还要更改时就可以直接更改了。

typecho可以用！！！+html+！！！的格式嵌入html文档，但生成的html给人一种分裂的觉得。而typcho的markdown编辑器竟然解读不了 标签 ，我总不能为typecho换个解析器吧(parsedown了解一下)！没办法，不用 了，改用吧！

于是我决定只使文章中记录数据，至于样式表哪些的后期处理。我把这个处理过程放在了用户的客户端旁边，用一小段js脚本去处理。会php的同学也可以自己改一改，放到服务器里面处理。

基本思路

友链数据的储存放在独立页面的内容上面，并以 和 两标签做标记，方便定位。

从第一个 开始，以连续的四个 为一组友链单位，分别储存 网站名、网站地址、网站字体跟网站阐述。再利用js将其整合成html语句块并配以显示款式，添加至ul块的旁边，最后将ul块删掉或移除。

我的代码

#