IT人都欠自已一个Lable Page

平时, 你是不是喜欢将一些工作或者技术的网站都会Mark一下。慢慢,自已收藏的标签越来越多。收藏后去查找的比较麻烦,而且不是很方便。

 

下面的文章是介绍我自已是怎么实现一个简单的Lable Page。

 

比如我的 Lable Page 示例( 真实的就不暴露了,涉及敏感信息。  ̄□ ̄||  )

        

1. 自已动手DIY

思路:
          1. 先用Markdown生成一个简单html页面(带列表的)

           MD文件源码:

#### SVN信息 ####

- [svnMaia](http://xxxx.xxx.xxx/) (xxxxxxx / xxxxx)

#### git信息 ####
- [gerrit](http://xxxx.xxx/#/q/status:open) (  xxxxx / xxxxx  )



|     姓名	|   联系方式|  分机号   |
| :-------- | --------:| :------: |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三	   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
| 张三   |   133XXXXXXXXX |  3131  |
                              

     导出源码

       

          2. 修改生成的页面源码

          将 ' h4 ' 到 'ul' 标签的代码 套在  'div' 里面。 

          在样式标签中,添加如下样式:

div {
  margin: 0px;
  padding: 0px 30px 0px 0px;
  float: left;
}

          3. 根据需求调整页面结构

         略。(*^▽^*)

 

2. 直接修改我模板

        查看模板源码,将li中的a的地址和标签内容自定义修改(需要一点的html+css基础)

        Lable Page

3. 按照你自已的想法DIY

         略。(*^▽^*)

 

posted on 2018-07-20 17:44  Luis、Yang、  阅读(218)  评论(0编辑  收藏  举报

导航