├── .hugo_build.lock ├── .gitmodules ├── data ├── friendlinks.yml ├── headers.yml └── webstack.yml ├── README.md ├── content └── about.md ├── .github └── workflows │ └── HugoAction.yml └── config.toml /.hugo_build.lock: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitmodules: -------------------------------------------------------------------------------- 1 | [submodule "themes/WebStack-Hugo"] 2 | path = themes/WebStack-Hugo 3 | url = https://github.com/shenweiyan/WebStack-Hugo.git 4 | -------------------------------------------------------------------------------- /data/friendlinks.yml: -------------------------------------------------------------------------------- 1 | - title: NavPage 导航 2 | url: https://github.com/NavPage 3 | description: Navigation Page Themes 4 | - title: 维燕的知识花园 5 | url: https://weiyan.cc/ 6 | description: 个人博客 7 | -------------------------------------------------------------------------------- /data/headers.yml: -------------------------------------------------------------------------------- 1 | - item: 首页 2 | icon: fa fa-home 3 | link: "./" 4 | 5 | - item: 作者 6 | icon: fa fa-book 7 | link: https://weiyan.cc/ 8 | 9 | - item: 关于 10 | icon: fa fa-cog 11 | link: "" 12 | list: 13 | - name: 教程 14 | url: https://github.com/shenweiyan/Knowledge-Garden/discussions/10 15 | - name: 源码 16 | url: https://github.com/shenweiyan/WebStack-Demo 17 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | > [!NOTE] 2 | > **2025年05月17日：本项目已经迁移至 ，本仓库暂停更新！** 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /content/about.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "关于网站" 3 | date: 2020-07-28T19:27:08+08:00 4 | draft: false 5 | --- 6 | 7 | #### 这是 Hugo 版 WebStack 主题 8 | 9 | 本项目是基于**纯静态**的网址导航网站 [webstack.cc](https://github.com/WebStackPage/WebStackPage.github.io) 制作的 [Hugo](https://gohugo.io/) 主题，其中部分代码参考了以下几个开源项目：

10 | 11 | - [https://github.com/liutongxu/liutongxu.github.io](https://github.com/liutongxu/liutongxu.github.io) 12 | - [https://github.com/iplaycode/webstack-hugo](https://github.com/iplaycode/webstack-hugo) 13 | 14 |
15 | 16 | 主题安装后，将 exampleSite 目录下的文件复制到 hugo 站点根目录，根据需要把 config.toml 的一些信息改成自己的，导航的网址信息可通过 data 目录下 webstack.yml 修改。 17 | 18 | 这是一个开源的公益项目，你可以拿来制作自己的网址导航，也可以做与导航无关的网站。 19 | 20 | WebStack 有非常多的魔改版本，这是其中一个。如果你对本主题进行了一些个性化调整，欢迎来本项目中 issue 分享一下！ 21 | 22 |
23 | 24 | #### 主题开源地址 25 | 26 | [https://github.com/shenweiyan/webstack-hugo](https://github.com/shenweiyan/webstack-hugo) 27 | 28 |
29 | 30 | #### 主题演示地址 31 | 32 | - [https://nav.bioitee.com](https://nav.bioitee.com) 33 | - [https://shenweiyan.github.io/webstack-hugo](https://shenweiyan.github.io/webstack-hugo) 34 | -------------------------------------------------------------------------------- /.github/workflows/HugoAction.yml: -------------------------------------------------------------------------------- 1 | name: Hugo Actions # 名字自取 2 | 3 | on: 4 | push: 5 | branches: 6 | - main # 这里的意思是当 main 分支发生 push 的时候，运行下面的 jobs 7 | 8 | jobs: 9 | deploy: 10 | runs-on: ubuntu-latest # 在什么环境运行任务 11 | steps: 12 | - uses: actions/checkout@v4 # 引用actions/checkout这个action，与所在的github仓库同名 13 | with: 14 | submodules: recursive # Fetch Hugo themes (true OR recursive) 获取submodule主题 15 | fetch-depth: 0 # Fetch all history for .GitInfo and .Lastmod 16 | 17 | - name: Pull & update submodules recursively 18 | run: | 19 | git submodule update --init --recursive 20 | git submodule update --recursive --remote 21 | - name: Commit 22 | run: | 23 | git config user.email "weiyanshum@gmail.com" 24 | git config user.name "shenweiyan" 25 | git add --all 26 | git commit -m "Update submodules" || echo "No changes to commit" 27 | git push 28 | 29 | - name: Setup Hugo # 步骤名自取 30 | uses: peaceiris/actions-hugo@v2 # hugo官方提供的action，用于在任务环境中获取hugo 31 | with: 32 | hugo-version: '0.137.0' # 获取指定版本的hugo 33 | 34 | - name: Build 35 | run: hugo # 使用 hugo 构建静态网页 36 | 37 | - name: Deploy To Bioit-top # 部署至当前仓库的其他分支 38 | uses: peaceiris/actions-gh-pages@v3 # 一个自动发布github pages的action 39 | with: 40 | #external_repository: shenweiyan/WebStack-Demo # 发布到哪个repo, 不填写则默认发布到当前仓库 41 | personal_token: ${{ secrets.PERSONAL_ACCESS_TOKEN }} 42 | publish_dir: ./public 43 | publish_branch: gh-pages 44 | force_orphan: true 45 | cname: webstack-demo.weiyan.cc 46 | full_commit_message: ${{ github.event.head_commit.message }} 47 | -------------------------------------------------------------------------------- /config.toml: -------------------------------------------------------------------------------- 1 | baseURL = "https://shenweiyan.github.io/WebStack-Demo" 2 | languageCode = "zh-CN" 3 | title = "WebStack-Hugo 网址导航" 4 | theme = "WebStack-Hugo" 5 | preserveTaxonomyNames = true 6 | disablePathToLower = true 7 | hasCJKLanguage = true 8 | publishDir = "public" # 站点静态文件保存目录 9 | 10 | 11 | [params] 12 | author = "shenweiyan" 13 | description = "Webstack-Hugo 网址导航 | Hugo 主题 BY Bio IT 爱好者" 14 | upload = "" # 左侧导航栏的"网站提交" 15 | about = "https://github.com/shenweiyan/Knowledge-Garden/discussions/10" # 左侧导航栏的"关于导航"页面(./about) 16 | repository = "https://github.com/shenweiyan/WebStack-Demo" 17 | enablePreLoad = true # 网站完全打开前预加载动画 18 | textPreLoad = "Hugo 网址导航主题" # 预加载的动画文字, 只有当enablePreLoad=true时生效 19 | expandSidebar = false # 默认展开左侧边导航栏 20 | logosPath = "assets/images/logos" # 网站每个导航地址logo存放地址 21 | defaultLogo = "assets/images/logos/default.webp" # logo图片资源不存在或者错误时, 默认显示的logo; 该参数如为空,将会一直加载对应的logo,直至成功 22 | nightMode = false # 默认站点为深色(夜间)模式 23 | yiyan = true # 默认启用一言服务 24 | fancybox = true # 使用 Fancybox 实现图片灯箱/放大功能 25 | 26 | [params.seo] 27 | baiduhmid = 'efccc04cb44fc49faddac5676190b369' # 百度统计 hm.src 的 ID 28 | baiduSiteVer = 'codeva-cCAOSG8MBO' # 百度HTML标签验证(baidu-site-verification) 29 | tj51laid = '' # 51.LA 网站统计 30 | tj51lack = '' 31 | GoogleAdsClient = '' # Google AdSense 32 | 33 | [params.qweather] 34 | key = "085791e805a24491b43b06cf58ab31e7" 35 | 36 | [params.images] 37 | favicon = "assets/images/bi-favicon.png" 38 | searchImageL = "assets/images/bg-dna.jpg" # 搜索部分浅色背景图 39 | searchImageD = "assets/images/bg-dna.jpg" # 搜索部分深色背景图 40 | logoExpandLight = "assets/images/bi-expand-dark.png" 41 | logoExpandDark = "assets/images/bi-expand-light.png" 42 | logoCollapseLight = "assets/images/bi.png" 43 | logoCollapseDark = "assets/images/bi.png" 44 | 45 | [markup.goldmark.renderer] 46 | unsafe = true 47 | 48 | [params.footer] 49 | copyright = '本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：shen@weiyan.cc
© 2021 - {year} By [WebStack-Hugo](https://github.com/shenweiyan/WebStack-Hugo) | [Bio IT 爱好者](https://www.bioitee.com/) | [粤ICP备16023717号](http://beian.miit.gov.cn/)
' 50 | -------------------------------------------------------------------------------- /data/webstack.yml: -------------------------------------------------------------------------------- 1 | --- 2 | 3 | - taxonomy: 常用推荐 4 | icon: far fa-star 5 | links: 6 | - title: 语雀 7 | logo: 语雀.webp 8 | url: https://www.yuque.com/ 9 | description: 专业的云端知识库。 10 | - title: QQ 邮箱 11 | logo: qq邮箱.png 12 | url: http://mail.qq.com/ 13 | description: 腾讯 QQ 邮箱。 14 | - title: 开源中国 15 | logo: 开源中国.jpg 16 | url: https://www.oschina.net/ 17 | description: 中文开源技术交流社区。 18 | - title: 公众号平台 19 | logo: 微信公众号.png 20 | url: https://mp.weixin.qq.com/ 21 | description: 再小的个体也有自己的品牌。 22 | - title: GitHub 23 | logo: github.png 24 | url: https://github.com/ 25 | description: GitHub 开源社区。 26 | - title: 搜狗微信 27 | logo: 搜狗微信.jpg 28 | url: https://weixin.sogou.com/ 29 | description: 搜狗微信搜索，一搜即达。 30 | - title: 知乎 31 | logo: 知乎.png 32 | url: https://www.zhihu.com/ 33 | description: 知乎社区。 34 | - title: V2EX 35 | logo: v2ex.jpg 36 | url: https://www.v2ex.com/ 37 | description: V2EX 创意工作者的社区。 38 | - title: 关注我们 39 | logo: 关注.jpg 40 | url: https://www.bioitee.com 41 | qrcode: qrcode.jpg 42 | description: 微信公众号：BioIT 爱好者！ 43 | 44 | 45 | - taxonomy: 科研办公 46 | icon: fas fa-flask fa-lg 47 | list: 48 | - term: 生物信息 49 | links: 50 | - title: NCBI 51 | logo: ncbi.jpg 52 | url: https://www.ncbi.nlm.nih.gov/ 53 | description: National Center for Biotechnology Information. 54 | - title: Bioconda 55 | logo: bioconda.jpg 56 | url: https://anaconda.org/bioconda/ 57 | description: "Bioconda :: Anaconda.org." 58 | - title: CPAN 59 | logo: cpan.jpg 60 | url: https://metacpan.org/ 61 | description: Search the CPAN. 62 | - title: Galaxy Project 63 | logo: galaxy_project.png 64 | url: https://galaxyproject.org/ 65 | description: Galaxy Community Hub. 66 | - title: R Project 67 | logo: r-project.jpg 68 | url: https://www.r-project.org/ 69 | description: https://www.r-project.org 70 | - title: Bioconductor 71 | logo: bioconductor.jpg 72 | url: http://www.bioconductor.org/ 73 | description: http://www.bioconductor.org 74 | - term: 云服务器 75 | links: 76 | - title: 阿里云 77 | logo: 阿里云.jpg 78 | url: https://www.aliyun.com/ 79 | description: 上云就上阿里云。 80 | - title: 腾讯云 81 | logo: 腾讯云.webp 82 | url: https://cloud.tencent.com/ 83 | description: 产业智变，云启未来。 84 | - title: 华为云 85 | logo: 华为云.png 86 | url: https://www.huaweicloud.com/ 87 | description: 提供云计算服务+智能，见未来-华为云。 88 | - title: 云筏科技 89 | logo: 云筏.png 90 | url: https://www.cloudraft.cn/ 91 | description: 你的生信科研好选择。 92 | - title: 极云普惠云电脑 93 | logo: 极云普惠云电脑.png 94 | url: https://www.ji-cloud.cn/ 95 | description: 云电脑-云游戏-手机变电脑软件。 96 | - title: 青椒云 97 | logo: 青椒云.jpg 98 | url: https://www.qingjiaocloud.com/ 99 | description: 云桌面,一站式云电脑服务平台。 100 | - term: 办公学习 101 | links: 102 | - title: 有道词典 103 | logo: 有道词典.png 104 | url: https://www.youdao.com/ 105 | description: 免费，即时的多语种在线翻译。 106 | - title: 有道翻译 107 | logo: 有道词典.png 108 | url: http://fanyi.youdao.com/ 109 | description: 有道翻译。 110 | - title: 谷歌翻译 111 | logo: 谷歌翻译.jpg 112 | url: https://translate.google.cn/ 113 | description: 谷歌翻译。 114 | - title: ProcessOn 115 | logo: ProcessOn.png 116 | url: https://www.processon.com/ 117 | description: 免费在线作图、实时协作。 118 | 119 | 120 | - taxonomy: 悠闲娱乐 121 | icon: fas fa-film fa-lg 122 | list: 123 | - term: 影音视频 124 | links: 125 | - title: 腾讯视频 126 | logo: 腾讯视频.png 127 | url: http://v.qq.com/ 128 | description: 腾讯视频，海量视频在线观看。 129 | - title: 优酷 130 | logo: 优酷.png 131 | url: http://www.youku.com/ 132 | description: 优酷 - 这个世界很酷。 133 | - title: 爱奇艺 134 | logo: 爱奇艺.png 135 | url: https://www.iqiyi.com/ 136 | description: 爱奇艺在线视频。 137 | - title: 哔哩哔哩 138 | logo: 哔哩哔哩.png 139 | url: https://www.bilibili.com/ 140 | description: Bilibili 视频弹幕网站。 141 | - title: QQ 音乐 142 | logo: QQ音乐.jpg 143 | url: https://y.qq.com/ 144 | description: QQ 音乐，在线听歌。 145 | - title: 网易云音乐 146 | logo: 网易云音乐.jpg 147 | url: https://music.163.com/ 148 | description: 163 网易云音乐。 149 | - term: 游戏竞技 150 | links: 151 | - title: 百度贴吧 152 | logo: 百度贴吧.jpg 153 | url: ttps://tieba.baidu.com/index.html 154 | description: 百度贴吧。 155 | - title: 台服战地 156 | logo: 战地之王.png 157 | url: https://ava.mangot5.com/ava/index 158 | description: 台服 AVA 战地之王。 159 | 160 | 161 | - taxonomy: 素材资源 162 | icon: far fa-folder-open fa-lg 163 | list: 164 | - term: 网盘资源 165 | links: 166 | - title: 百度网盘 167 | logo: 百度网盘.jpg 168 | url: http://pan.baidu.com/ 169 | description: https://pan.baidu.com/. 170 | - title: 阿里云盘 171 | logo: 阿里云盘.png 172 | url: https://www.aliyundrive.com/ 173 | description: 阿里云盘，你的数字世界。 174 | - title: 天翼云盘 175 | logo: 天翼云盘.jpg 176 | url: https://cloud.189.cn/ 177 | description: 家庭云|网盘|文件备份|资源分享。 178 | - title: 坚果云 179 | logo: 坚果云.png 180 | usrl: https://www.jianguoyun.com/ 181 | description: 坚果云官网。 182 | - term: 图标素材 183 | links: 184 | - title: Iconfinder 185 | logo: Iconfinder.png 186 | url: https://www.iconfinder.com 187 | description: 2,100,000+ free and premium vector icons. 188 | - title: iconfont 189 | logo: iconfont.png 190 | url: http://www.iconfont.cn/ 191 | description: 阿里巴巴矢量图标库。 192 | - title: iconmonstr 193 | logo: iconmonstr.png 194 | url: https://iconmonstr.com/ 195 | description: Free simple icons for your next project. 196 | - title: Icon Archive 197 | logo: iconarchive.png 198 | url: http://www.iconarchive.com/ 199 | description: Search 590,912 free icons. 200 | - title: FindIcons 201 | logo: FindIcons.png 202 | url: https://findicons.com/ 203 | description: Search through 300,000 free icons. 204 | - title: IcoMoonApp 205 | logo: IcoMoonApp.png 206 | url: https://icomoon.io/app/ 207 | description: Icon Font, SVG, PDF & PNG Generator. 208 | - title: easyicon 209 | logo: easyicon.png 210 | url: http://www.easyicon.net/ 211 | description: PNG、ICO、ICNS格式图标搜索、图标下载服务。 212 | - title: flaticon 213 | logo: flaticon.png 214 | url: https://www.flaticon.com/ 215 | description: 634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. 216 | - title: UICloud 217 | logo: UICloud.png 218 | url: http://ui-cloud.com/ 219 | description: The largest user interface design database in the world. 220 | - title: Material icons 221 | logo: Materialicons.png 222 | url: https://material.io/icons/ 223 | description: Access over 900 material system icons, available in a variety of sizes and densities, and as a web font. 224 | - title: Font Awesome Icon 225 | logo: fontawesomeicon.png 226 | url: https://fontawesome.com/icons/ 227 | description: The complete set of 675 icons in Font Awesome. 228 | - title: ion icons 229 | logo: ionicons.png 230 | url: http://ionicons.com/ 231 | description: The premium icon font for Ionic Framework. 232 | - title: Simpleline Icons 233 | logo: simplelineicons.png 234 | url: http://simplelineicons.com/ 235 | description: Simple line Icons pack. 236 | - term: 图标设计 237 | links: 238 | - title: Iconsfeed 239 | logo: iconsfeed.png 240 | url: http://www.iconsfeed.com/ 241 | description: iOS icons gallery. 242 | - title: iOS Icon Gallery 243 | logo: iosicongallery.png 244 | url: http://iosicongallery.com/ 245 | description: Showcasing beautiful icon designs from the iOS App Store. 246 | - title: World Vector Logo 247 | logo: worldvectorlogo.png 248 | url: https://worldvectorlogo.com/ 249 | description: Brand logos free to download. 250 | - title: Instant Logo Search 251 | logo: InstantLogoSearch.png 252 | url: http://instantlogosearch.com/ 253 | description: Search & download thousands of logos instantly. 254 | - term: 平面素材 255 | links: 256 | - title: freepik 257 | logo: freepik.png 258 | url: https://www.freepik.com/ 259 | description: More than a million free vectors, PSD, photos and free icons. 260 | - title: wallhalla 261 | logo: wallhalla.png 262 | url: https://wallhalla.com/ 263 | description: Find awesome high quality wallpapers for desktop and mobile in one place. 264 | - title: 365PSD 265 | logo: 365PSD.png 266 | url: https://365psd.com/ 267 | description: Free PSD & Graphics, Illustrations. 268 | - title: Medialoot 269 | logo: Medialoot.png 270 | url: https://medialoot.com/ 271 | description: Free & Premium Design Resources — Medialoot. 272 | - title: 千图网 273 | logo: qiantu.png 274 | url: http://www.58pic.com/ 275 | description: 专注免费设计素材下载的网站. 276 | - title: 千库网 277 | logo: qianku.png 278 | url: http://588ku.com/ 279 | description: 免费 png 图片背景素材下载。 280 | - title: 我图网 281 | logo: wotu.png 282 | url: http://www.ooopic.com/ 283 | description: 我图网，提供图片素材及模板下载，专注正版设计作品交易。 284 | - title: 90 设计 285 | logo: 90sheji.png 286 | url: http://90sheji.com/ 287 | description: 电商设计（淘宝美工）千图免费淘宝素材库。 288 | - title: 昵图网 289 | logo: nipic.png 290 | url: http://www.nipic.com/ 291 | description: 原创素材共享平台。 292 | - title: 懒人图库 293 | logo: lanrentuku.png 294 | url: http://www.lanrentuku.com/ 295 | description: 懒人图库专注于提供网页素材下载。 296 | - title: 素材搜索 297 | logo: sousucai.png 298 | url: http://so.ui001.com/ 299 | description: 设计素材搜索聚合。 300 | - title: PS 饭团网 301 | logo: psefan.png 302 | url: http://psefan.com/ 303 | description: 不一样的设计素材库！让自己的设计与众不同！ 304 | - title: 素材中国 305 | logo: sccnn.png 306 | url: http://www.sccnn.com/ 307 | description: 免费素材共享平台。 308 | - term: 字体资源 309 | links: 310 | - title: Google Font 311 | url: https://fonts.google.com/ 312 | logo: googlefont.png 313 | description: Making the web more beautiful, fast, and open through great typography. 314 | - title: Typekit 315 | url: https://typekit.com/ 316 | logo: typekit.png 317 | description: Quality fonts from the world’s best foundries. 318 | - title: 方正字库 319 | url: http://www.foundertype.com/ 320 | logo: Fondertype.png 321 | description: 方正字库官方网站。 322 | - title: 字体传奇网 323 | url: http://ziticq.com/ 324 | logo: ziticq.png 325 | description: 中国首个字体品牌设计师交流网。 326 | - title: 私藏字体 327 | url: http://sicangziti.com/ 328 | logo: sicangziti.png 329 | description: 优质字体免费下载站。 330 | - title: Fontsquirrel 331 | url: https://www.fontsquirrel.com/ 332 | logo: fontsquirrel.png 333 | description: FREE fonts for graphic designers. 334 | - title: Urban Fonts 335 | url: https://www.urbanfonts.com/ 336 | logo: UrbanFonts.png 337 | description: Download Free Fonts and Free Dingbats. 338 | - title: Lost Type 339 | url: http://www.losttype.com/ 340 | logo: losttype.png 341 | description: Lost Type is a Collaborative Digital Type Foundry. 342 | - title: FONTS2U 343 | url: https://fonts2u.com/ 344 | logo: fonts2u.png 345 | description: Download free fonts for Windows and Macintosh. 346 | - title: Fontex 347 | url: http://www.fontex.org/ 348 | logo: fontex.png 349 | description: Free Fonts to Download + Premium Typefaces. 350 | - title: FontM 351 | url: http://fontm.com/ 352 | logo: FontM.png 353 | description: Free Fonts 354 | - title: My Fonts 355 | url: http://www.myfonts.com/ 356 | logo: MyFonts.png 357 | description: Fonts for Print, Products & Screens. 358 | - title: Da Font 359 | url: https://www.dafont.com/ 360 | logo: dafont.png 361 | description: Archive of freely downloadable fonts. 362 | - title: OnlineWebFonts 363 | url: https://www.onlinewebfonts.com/ 364 | logo: OnlineWebFonts.png 365 | description: WEB Free Fonts for Windows and Mac / Font free Download. 366 | - title: Abstract Fonts 367 | url: http://www.abstractfonts.com/ 368 | logo: abstractfonts.png 369 | description: Abstract Fonts (13,866 free fonts). 370 | 371 | 372 | - taxonomy: 开发设计 373 | icon: fas fa-tools fa-lg 374 | list: 375 | - term: 图形创意 376 | links: 377 | - title: photoshop 378 | url: https://www.adobe.com/cn/products/photoshop.html 379 | logo: photoshop.png 380 | description: Photoshop不需要解释 381 | - title: Affinity Designer 382 | url: https://affinity.serif.com/ 383 | logo: AffinityDesigner.png 384 | description: 专业创意软件 385 | - title: Illustrator 386 | url: https://www.adobe.com/cn/products/illustrator/ 387 | logo: Illustrator.png 388 | description: 矢量图形和插图。 389 | - title: indesign 390 | url: http://www.adobe.com/cn/products/indesign.html 391 | logo: INDESIGN .png 392 | description: 页面设计、布局和出版。 393 | - title: cinema-4d 394 | url: https://www.maxon.net/en/products/cinema-4d/overview/ 395 | logo: cinema4d.png 396 | description: Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free. 397 | - title: 3ds-max 398 | url: https://www.autodesk.com/products/3ds-max/overview 399 | logo: 3dsmax.png 400 | description: 3D modeling, animation, and rendering software 401 | - title: Blender 402 | url: https://www.blender.org/ 403 | logo: blender.png 404 | description: Blender is the free and open source 3D creation suite. 405 | - term: 界面设计 406 | links: 407 | - title: Sketch 408 | url: https://sketchapp.com/ 409 | logo: sketchapp.png 410 | description: The digital design toolkit 411 | - title: Adobe XD 412 | url: http://www.adobe.com/products/xd.html 413 | logo: ADOBEXDCC.png 414 | description: Introducing Adobe XD. Design. Prototype. Experience. 415 | - title: invisionapp 416 | url: https://www.invisionapp.com/ 417 | logo: invisionapp.png 418 | description: Powerful design prototyping tools 419 | - title: marvelapp 420 | url: https://marvelapp.com/ 421 | logo: marvelapp.png 422 | description: Simple design, prototyping and collaboration 423 | - title: Muse CC 424 | url: https://creative.adobe.com/zh-cn/products/download/muse 425 | logo: MuseCC.png 426 | description: 无需利用编码即可进行网站设计。 427 | - title: figma 428 | url: https://www.figma.com/ 429 | logo: figma.png 430 | description: Design, prototype, and gather feedback all in one place with Figma. 431 | - term: 在线配色 432 | links: 433 | - title: khroma 434 | url: http://khroma.co/generator/ 435 | logo: khroma.png 436 | description: Khroma is the fastest way to discover, search, and save color combos you'll want to use. 437 | - title: uigradients 438 | url: https://uigradients.com 439 | logo: uigradients.png 440 | description: Beautiful colored gradients. 441 | - title: gradients 442 | url: http://gradients.io/ 443 | logo: gradients.png 444 | description: Curated gradients for designers and developers. 445 | - title: Coolest 446 | url: https://webkul.github.io/coolhue/ 447 | logo: Coolest.png 448 | description: Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff. 449 | - title: webgradients 450 | url: https://webgradients.com/ 451 | logo: webgradients.png 452 | description: WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. 453 | - title: grabient 454 | url: https://www.grabient.com/ 455 | logo: grabient.png 456 | description: 2017 Grabient by unfold. 457 | - title: thedayscolor 458 | url: http://www.thedayscolor.com/ 459 | logo: thedayscolor.png 460 | description: The daily color digest 461 | - title: flatuicolors 462 | url: http://flatuicolors.com/ 463 | logo: flatuicolors.png 464 | description: Copy Paste Color Pallette from Flat UI Theme. 465 | - title: coolors 466 | url: https://coolors.co/ 467 | logo: coolors.png 468 | description: The super fast color schemes generator! 469 | - title: colorhunt 470 | url: http://www.colorhunt.co/ 471 | logo: colorhunt.png 472 | description: Beautiful Color Palettes. 473 | - title: Adobe Color CC 474 | url: https://color.adobe.com/zh/create/color-wheel 475 | logo: AdobeColorCC.png 476 | description: Create color schemes with the color wheel or browse thousands of color combinations from the Color community. 477 | - title: flatuicolorpicker 478 | url: http://www.flatuicolorpicker.com/ 479 | logo: flatuicolorpicker.png 480 | description: Best Flat Colors For UI Design. 481 | - title: trianglify 482 | url: http://qrohlf.com/trianglify-generator/ 483 | logo: trianglify.png 484 | description: Trianglify Generator. 485 | - title: klart 486 | url: https://klart.co/colors/ 487 | logo: klart.png 488 | description: Beautiful colors and designs to your inbox every week. 489 | - title: vanschneider 490 | url: http://www.vanschneider.com/colors 491 | logo: vanschneider.png 492 | description: Color Claim was created in 2012 by Tobias van Schneider with the goal to collect & combine unique colors for my future projects. 493 | - term: 在线工具 494 | links: 495 | - title: tinypng 496 | url: https://tinypng.com/ 497 | logo: tinypng.png 498 | description: Optimize your images with a perfect balance in quality and file size. 499 | - title: goqr 500 | url: http://goqr.me/ 501 | logo: goqr.png 502 | description: create QR codes for free (Logo, T-Shirt, vCard, EPS). 503 | - title: ezgif 504 | url: https://ezgif.com 505 | logo: ezgif.png 506 | description: simple online GIF maker and toolset for basic animated GIF editing. 507 | - title: Android 9 patch 508 | url: http://inloop.github.io/shadow4android/ 509 | logo: Android9patch.png 510 | description: Android 9-patch shadow generator fully customizable shadows. 511 | - title: screen sizes 512 | url: http://screensiz.es/ 513 | logo: screensizes.png 514 | description: Viewport Sizes and Pixel Densities for Popular Devices. 515 | - title: svgomg 516 | url: https://jakearchibald.github.io/svgomg/ 517 | logo: svgomg.png 518 | description: SVG 在线压缩平台。 519 | - title: 稿定抠图 520 | url: https://www.gaoding.com 521 | logo: gaoding.png 522 | description: 免费在线抠图软件,图片快速换背景-抠白底图。 523 | 524 | - term: 谷歌插件 525 | links: 526 | - title: wappalyzer 527 | url: https://www.wappalyzer.com/ 528 | logo: wappalyzer.png 529 | description: Identify technology on websites. 530 | - title: Panda 531 | url: http://usepanda.com/ 532 | logo: usepanda.png 533 | description: A smart news reader built for productivity. 534 | - title: sizzy 535 | url: https://sizzy.co/ 536 | logo: sizzy.png 537 | description: A tool for developing responsive websites crazy-fast. 538 | - title: csspeeper 539 | url: https://csspeeper.com/ 540 | logo: csspeeper.png 541 | description: Smart CSS viewer tailored for Designers. 542 | - title: insight 543 | url: http://insight.io/ 544 | logo: insight.png 545 | description: IDE-like code search and navigation, on the cloud. 546 | - title: mustsee 547 | url: http://mustsee.earth/ 548 | logo: mustsee.png 549 | description: Discover the world's most beautiful places at every opened tab. 550 | 551 | 552 | - taxonomy: 资讯学习 553 | icon: fas fa-pencil-alt fa-lg 554 | list: 555 | - term: 资讯书籍 556 | links: 557 | - title: 微信读书 558 | url: https://weread.qq.com/ 559 | logo: 微信读书.jpg 560 | description: 微信读书电脑版。 561 | - title: 书栈网 562 | url: https://www.bookstack.cn/ 563 | logo: 书栈网.jpg 564 | description: IT 互联网开源编程书籍免费阅读与下载。 565 | - term: 博客论坛 566 | links: 567 | - title: Inoreader 568 | url: https://www.inoreader.com/ 569 | logo: inoreader.jpg 570 | description: 重新掌控你的新闻订阅源。 571 | - title: Hacker News 572 | url: https://news.ycombinator.com/ 573 | logo: hacker-news.jpg 574 | description: 一家关于计算机黑客和创业公司的社会化新闻网站。 575 | - title: 经管之家 576 | url: https://bbs.pinggu.org/ 577 | logo: 经管之家.jpg 578 | description: 国内活跃的经济、管理、金融、统计在线教育和咨询网站。 579 | - title: 阮一峰的网络日志 580 | url: http://www.ruanyifeng.com/blog/ 581 | logo: 阮一峰.png 582 | description: 阮一峰，科技爱好者周刊。 583 | - title: 酷壳 584 | url: https://www.coolshell.cn/ 585 | logo: '' 586 | description: 酷 壳 – CoolShell。 587 | - term: 设计规范 588 | links: 589 | - title: Design Guidelines 590 | url: http://designguidelines.co/ 591 | logo: designguidelines.png 592 | description: Design Guidelines — The way products are built. 593 | - title: Awesome design systems 594 | url: https://github.com/alexpate/awesome-design-systems 595 | logo: awesome_design_systems.png 596 | description: A collection of awesome design systems. 597 | - title: Material Design 598 | url: https://material.io/guidelines/ 599 | logo: Material_Design.png 600 | description: Introduction - Material Design. 601 | - title: Human Interface Guidelines 602 | url: https://developer.apple.com/ios/human-interface-guidelines 603 | logo: human_interface_guidelines.png 604 | description: Human Interface Guidelines iOS. 605 | - title: Photoshop Etiquette 606 | url: http://viggoz.com/photoshopetiquette/ 607 | logo: photoshopetiquette.png 608 | description: PS礼仪-WEB设计指南。 609 | - term: 视频教程 610 | links: 611 | - title: Photoshop Lady 612 | url: http://www.photoshoplady.com/ 613 | logo: PhotoshopLady.png 614 | description: Your Favourite Photoshop Tutorials in One Place. 615 | - title: doyoudo 616 | url: http://doyoudo.com/ 617 | logo: doyoudo.png 618 | description: 创意设计软件学习平台。 619 | - title: 没位道 620 | url: http://www.c945.com/web-ui-tutorial/ 621 | logo: web_ui_tutorial.png 622 | description: WEB UI免费视频公开课。 623 | - title: 慕课网 624 | url: https://www.imooc.com/ 625 | logo: imooc.png 626 | description: 程序员的梦工厂（有UI课程）。 627 | 628 | --------------------------------------------------------------------------------