我给自己做了一个导航网站
点击文章左下角 "阅读原文",体验移动端效果。
之所以想着要给自己倒腾一个导航网站,主要有几个原因:
购买了一个域名,且也备案成功了,总想折腾点跟它有关的事情。
经常在公司、家里(有时候还有其他的临时场所)更换电脑,每次同步书签(或者登陆一些导航网站)需要各种登陆,麻烦。
说干就干,从 WebStack 的开源项目开始,断断续续的折腾了好些天,终于把轮子造起来了。
![image.png 48840764-677b-4289-a823-442dcd19b9a4.png](https://oscimg.oschina.net/oscnet/48840764-677b-4289-a823-442dcd19b9a4.png)
![image.png cfa88dbd-9b31-4b8a-880b-4a854a8d70ca.png](https://oscimg.oschina.net/oscnet/cfa88dbd-9b31-4b8a-880b-4a854a8d70ca.png)
![image.png c36105ed-7a2f-4ea0-8630-eed7af899741.png](https://oscimg.oschina.net/oscnet/c36105ed-7a2f-4ea0-8630-eed7af899741.png)
![webstack-apple.png 89dff9e0-3f31-4c1d-998a-62bcef5de5ba.png](https://oscimg.oschina.net/oscnet/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 的宗旨,这是一个开源的公益项目,你可以拿来制作自己的网址导航,也可以做与导航无关的网站。
![f49a025e-0499-460e-95e7-f1382726c7fd.jpg](https://oscimg.oschina.net/oscnet/f49a025e-0499-460e-95e7-f1382726c7fd.jpg)
![f105b3eb-868b-475e-8c74-d642edfc535f.jpg](https://oscimg.oschina.net/oscnet/f105b3eb-868b-475e-8c74-d642edfc535f.jpg)
![ad7c4368-593a-475b-afd3-9cdbf672dcef.jpg](https://oscimg.oschina.net/oscnet/ad7c4368-593a-475b-afd3-9cdbf672dcef.jpg)
![f9e4cc32-408e-4f50-bf39-cd66191a2330.jpg](https://oscimg.oschina.net/oscnet/f9e4cc32-408e-4f50-bf39-cd66191a2330.jpg)
![128de684-f2c7-4b27-8694-bf7aadaa1204.jpg](https://oscimg.oschina.net/oscnet/128de684-f2c7-4b27-8694-bf7aadaa1204.jpg)
本文分享自微信公众号 - 生信科技爱好者(bioitee)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。