我给自己做了一个导航网站

点击文章左下角 "阅读原文",体验移动端效果。

之所以想着要给自己倒腾一个导航网站,主要有几个原因:

  • 购买了一个域名,且也备案成功了,总想折腾点跟它有关的事情。

  • 经常在公司、家里(有时候还有其他的临时场所)更换电脑,每次同步书签(或者登陆一些导航网站)需要各种登陆,麻烦。

说干就干,从 WebStack 的开源项目开始,断断续续的折腾了好些天,终于把轮子造起来了。

48840764-677b-4289-a823-442dcd19b9a4.png

cfa88dbd-9b31-4b8a-880b-4a854a8d70ca.png

c36105ed-7a2f-4ea0-8630-eed7af899741.png

89dff9e0-3f31-4c1d-998a-62bcef5de5ba.png

总体说一下特点:

  • 采用了一直以来最喜欢的 hugo 部署方式,方便高效。

  • 导航的各个信息都集成在 data/webstack.yml 文件中,方便后续增删改动。

- taxonomy: 科研办公
  icon: fas fa-flask fa-lg
  list:
    - term: 生物信息
      links:
        - title: NCBI
          logo: ncbi.jpg
          url: https://www.ncbi.nlm.nih.gov/
          description: National Center for Biotechnology Information.
        - title: Bioconda
          logo: bioconda.jpg
          url: https://anaconda.org/bioconda/
          description: "Bioconda :: Anaconda.org."

    - term: 云服务器
      links:
        - title: 阿里云
          logo: 阿里云.jpg
          url: https://www.aliyun.com/
          description: 上云就上阿里云。
        - title: 腾讯云
          logo: 腾讯云.jpg
          url: https://cloud.tencent.com/
          description: 产业智变,云启未来。
  • 做了手机电脑自适应以及夜间模式。

  • 增加了搜索功能,以及下拉的热词选项(基于百度 API)。

  • 增加了一言、和风天气的 API。

最后,最重要的,秉承 WebStack 的宗旨,这是一个开源的公益项目,你可以拿来制作自己的网址导航,也可以做与导航无关的网站。


c665b373-3200-4a97-bf59-82e55ba7c178.gif


使用码云同步谷歌 Chrome 浏览器书签

2021-03-26

f49a025e-0499-460e-95e7-f1382726c7fd.jpg

为 Windows 系统替换优雅的苹果字体

2021-02-19

f105b3eb-868b-475e-8c74-d642edfc535f.jpg

Windows全能终端神器MobaXterm

2018-06-14

ad7c4368-593a-475b-afd3-9cdbf672dcef.jpg

ImageMagick 图像处理学习笔记

2020-07-17

f9e4cc32-408e-4f50-bf39-cd66191a2330.jpg

R 包初学者指南

2021-02-05

128de684-f2c7-4b27-8694-bf7aadaa1204.jpg


062fdb75-a337-484f-8128-4a1a872f4fe9.png

本文分享自微信公众号 - 生信科技爱好者(bioitee)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

posted @ 2021-07-17 08:00  章鱼猫先生  阅读(140)  评论(0编辑  收藏  举报