很早就看到这个回答，也受益匪浅，所以今天也来分享自己发现很好用的搜索引擎。&br&在百度上的广告越来越多，Google 打不开的情况下，迫切需要找到一个好用的的搜索引擎来代替，所以今天为大家搜寻了这些很棒的搜索引擎。&br&&br&&br&&p&Bing ? &a href=&//link.zhihu.com/?target=http%3A//cn.bing.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&cn.bing.com&/a&&/p&&p&Bing 是由微软公司推出的网络搜索引擎，和百度、Google 类似，它除了网页搜索，还有图片，视频，同时也有学术，词典，地图等等，它几乎没有广告，它的主页每天都有一张高清图片，每天看着都不会烦，在百度上的广告越来越多，Google 打不开的情况下，Bing 作为一个不错的替代品。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-45ad8bb8c84de14d6b3f2ee3daf289ec_b.jpg& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic1.zhimg.com/v2-45ad8bb8c84de14d6b3f2ee3daf289ec_r.jpg&&&/figure&&br&&p&DuckDuckGo ? &a href=&//link.zhihu.com/?target=https%3A//duckduckgo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&duckduckgo.com&/a&&/p&&p&DuckDuckGo 是一个很特殊的网络搜索引擎，他和Google、Bing 这些不一样，他不会追踪、搜寻用户的信息，这对用户来说可以安个心了。它简洁的界面，让人看了很舒服，还有自定义设置网页的主题，所有的结果都会显示来源网站的Icon，可以点击来自某个网站的更多结果，还有很多小功能都是很人性化的，这样的搜索引擎值得一试。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-20aafbcd8c5_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic2.zhimg.com/v2-20aafbcd8c5_r.png&&&/figure&&br&&p&SimilarWeb ? &a href=&//link.zhihu.com/?target=https%3A//www.similarweb.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.similarweb.com&/a&&/p&&p&SimilarWeb 是一个类似网站查询网站，当然这也是它的一个基本功能，它也有很多更强大的功能，比如搜索Google，它可以查询出Google 旗下在App Store 和Google Play 下的App，还可以看到这个网站的用户的覆盖率和用户标签。反正它的强大，也不是我一言半语能描述清楚的，还是你自己去体验一下把。同时它也有Chrome 插件可以使用。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-ec02b83a3fb0571acaefadd_b.png& class=&content_image&&&/figure&&br&&p&快搜 ? &a href=&//link.zhihu.com/?target=http%3A//so.chongbuluo.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&so.chongbuluo.com/&/span&&span class=&invisible&&&/span&&/a&&/p&&p&快搜是一个搜索引擎汇集网站，你用它来搜Google 搜的东西了，它还汇集了多种网站，不管你是要学术搜索，高清图片搜索，它提供了几十种可以搜索，或者想看各个行业的数据，用它都可以的；用它还可以磁力链搜索，别告诉我你听不懂。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-4f3dc17d57c007f96fec64_b.png& data-rawwidth=&1322& data-rawheight=&878& class=&origin_image zh-lightbox-thumb& width=&1322& data-original=&https://pic1.zhimg.com/v2-4f3dc17d57c007f96fec64_r.png&&&/figure&&br&&p&WolframAlpha ? &a href=&//link.zhihu.com/?target=http%3A//www.wolframalpha.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&wolframalpha.com&/a&&/p&&p&WolframAlpha 是一款在线自动问答系统，它可以计算各种算术，还有数据分析，物理，艺术等等各个行业的查询，比如你查询一个城市，它会出来和这个城市相关数据，它在地图的位置，人口，机场，著名的公司，它就像一个只能的机器人，你想知道关一个东西的所有信息，它都能告诉你。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-0b7ea37d802dba35bbf5b3_b.png& class=&content_image&&&/figure&&br&&p&知乎 ? &a href=&https://www.zhihu.com/& class=&internal&&www.zhihu.com&/a&&/p&&p&知乎是一个社会化问答网站，它的slogan：与世界分享你的知识、经验和见解。在知乎上，你会发现很专业的回答，视野会更开阔；不管在各个领域，你都能看到让你赞不绝口的回答。还有很多攻略，简介，生活小常识，你在知乎上都能找到满意的结果，想要搜索知乎的内容，可以使用搜狗搜索。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-70aac9abcf7dcdafa647dc24_b.png& data-rawwidth=&1349& data-rawheight=&1102& class=&origin_image zh-lightbox-thumb& width=&1349& data-original=&https://pic1.zhimg.com/v2-70aac9abcf7dcdafa647dc24_r.png&&&/figure&&br&&p&TinEye ? &a href=&//link.zhihu.com/?target=https%3A//www.tineye.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&www.tineye.com&/a&&/p&&p&TinEye 是一个图片搜索网站（以图搜图）。它的资料库已收录了20亿张图像，你可以通过上传图片和网页图片网址来搜索，它甚至还支持GIF 搜索，它还提供不同浏览器的插件，安装之后，当浏览图片时，只需右键即可查询类似的图片了。登录之后，它还会保存你的上传的图片记录。谷歌、百度也同时提供类似的服务。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-9ba22380ffe2239a76aaddca720b7a2e_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic3.zhimg.com/v2-9ba22380ffe2239a76aaddca720b7a2e_r.png&&&/figure&&br&&p&互联网档案馆 ?
&a href=&//link.zhihu.com/?target=https%3A//archive.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&archive.org&/a&&/p&&p&互联网档案馆是一个可以搜索免费图书、电影、软件、音乐、网站的网站，它上面收录了几百万的免费资源，它也是以一个非营利来运营的。你可以根据不同类型的来查找，它的首页也罗列出了很多受欢迎的种类，而且收录了很多历史数据，在搜索结果都会显示它的详细信息。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-0f3fadba21dcefd85a56cce_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic3.zhimg.com/v2-0f3fadba21dcefd85a56cce_r.png&&&/figure&&br&&p&&a href=&image.google.com&&Google 以图搜图&/a&&/p&&p&Google 图片是Google 推出的一款图片搜索服务，当然它也有以图搜图的功能，你可以从本地上传图片文件或者网页中复制的图片网址，当然直接把图片直接拖拽到输入框也OK 的。它还有人脸识别功能，如果你上传的是一个明星，它会给出这个明星的其他图片，他还能根据图片识别出关键词。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-2f5edf69bebdfbee7c7bd7fb3d3b96c2_b.png& data-rawwidth=&2880& data-rawheight=&1660& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic3.zhimg.com/v2-2f5edf69bebdfbee7c7bd7fb3d3b96c2_r.png&&&/figure&&br&&p&&a href=&//link.zhihu.com/?target=http%3A//shitu.baidu.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&百度识图&/a&&/p&&p&考虑到中国的特殊情况，还好百度也推出了和Google 图片一样强大的以图搜图功能，让我们也能体验到这么棒的功能，同时它还有浏览器插件，可以让你随时随地发现网页中图片的类似图片。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-4e2cb1bea6d7d65aa3fc_b.png& data-rawwidth=&2880& data-rawheight=&1660& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&https://pic1.zhimg.com/v2-4e2cb1bea6d7d65aa3fc_r.png&&&/figure&&br&&br&&br&&p&----------------&/p&&p&欢迎关注我的公众号：&b&高效率工具搜罗&/b&（ID: &b&gongju006&/b&）&/p&&p&有好多&b&效率工具 &/b&和&b&实用App &/b&等着你。&/p&
很早就看到这个回答，也受益匪浅，所以今天也来分享自己发现很好用的搜索引擎。 在百度上的广告越来越多，Google 打不开的情况下，迫切需要找到一个好用的的搜索引擎来代替，所以今天为大家搜寻了这些很棒的搜索引擎。 Bing ? Bing 是由微软…
&figure&&img src=&https://pic4.zhimg.com/v2-aa0798089bdc0f4ee3c1c0b_b.jpg& data-rawwidth=&680& data-rawheight=&249& class=&origin_image zh-lightbox-thumb& width=&680& data-original=&https://pic4.zhimg.com/v2-aa0798089bdc0f4ee3c1c0b_r.jpg&&&/figure&&h2&&b&0. 前言&/b&&/h2&&p&之前我们写过很多代码，但几乎都是在自己的电脑上运行的。如果别人要看，也只能在电脑上演示，或者把代码发给他运行。&/p&&p&而在学习 web 开发，比如 Django、Flask、webpy 等框架的过程中，我们会有将网站上线的需求，用来测试或展示。&/p&&p&如何可以让我们写的网站通过互联网来访问呢？&/p&&p&本篇文章就将介绍如何免费且快速的在 &b&PythonAnywhere&/b& 上部署自己的 Django 网站。与 PythonAnywhere 类似的免费平台还有 &b&Heroku&/b&，&b&Openshift&/b& 等，收费平台有&b&阿里云&/b&、&b&亚马逊 AWS&/b&、&b&微软 Azure&/b& 等。&/p&&p&本文包括两部分：&/p&&ol&&li&直接在 PythonAnywhere 新建项目&/li&&li&在 PythonAnywhere 上部署已有项目&/li&&/ol&&h2&&b&1. 部署前须知&/b&&/h2&&p&&b&1.1 部署环境&/b&&/p&&p&针对本次部署的一些说明：&/p&&ul&&li&Python 版本：3.5&/li&&li&Django 版本：1.10&/li&&li&数据库采用 Django 自带的 sqlite3&/li&&/ul&&p&&b&1.2 遇到问题怎么办&/b&&/p&&p&由于每个人的部署环境，代码量不一样，所以部署的过程中很可能会出现问题，所以在此贴出两个英语版本教程，可以结合本教程来看：&/p&&p&&i&&a href=&https://link.zhihu.com/?target=https%3A//tutorial.djangogirls.org/en/deploy/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Deploy! · Django Girls Tutorial&/a&&/i&&/p&&p&&i&&a href=&https://link.zhihu.com/?target=https%3A//help.pythonanywhere.com/pages/DeployExistingDjangoProject& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Deploying an existing Django project on PythonAnywhere&/a&&/i&&/p&&p&同时，PythonAnywhere 也提供了论坛，遇到错误时不妨在论坛上搜索一下错误信息，论坛地址如下：&/p&&p&&i&&a href=&https://link.zhihu.com/?target=https%3A//www.pythonanywhere.com/forums/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Forums : PythonAnywhere&/a&&/i&&/p&&p&PythonAnywhere 支持常用的 Python web 框架：Django、web2py、Flask、Bottle，也可以手动配置，还提供 MySQL 支持。免费账户可以创建一个项目，虽然在性能和流量上有限制，但作为学习用足够了。&/p&&h2&&b&2. 新建 PythonAnywhere 项目&/b&&/h2&&p&在 PythonAnywhere 上新建项目并运行的过程十分简单，在此贴出流程图，查看教程或自己动手部署时做到心中有数。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-93af210cb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&585& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-93af210cb_r.jpg&&&/figure&&p&&b&2.1 注册登录&/b&&/p&&p&这个没啥特别的地方，不赘述。PythonAnywhere 网站：&/p&&p&&i&&a href=&https://link.zhihu.com/?target=http%3A//www.pythonanywhere.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Host, run, and code Python in the cloud: PythonAnywhere&/a&&/i&&/p&&p&&b&2.2 新建 web-app&/b&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-83d083fd432dc163d3335800ebe75f5d_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&315& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic1.zhimg.com/v2-83d083fd432dc163d3335800ebe75f5d_r.jpg&&&/figure&&p&然后按照提示依次选择框架和版本，完成配置：&/p&&p&&b&next&/b& -& &b&django&/b& -& &b&Python3.5&/b& -& &b&next&/b&&/p&&p&&b&2.3 修改 urls 和 views 文件&/b&&/p&&p&这是新建项目最关键的一步。这里我们新增一条对网站根目录路径的响应处理，返回一个包含字符“hello,world”的网页。&/p&&p&进入 Files 分页：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-b1af1bdec8ff7827feafe2d2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&477& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-b1af1bdec8ff7827feafe2d2_r.jpg&&&/figure&&p&如下图所示修改urls文件：&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-95cfc9ccaeabb_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&467& data-rawheight=&277& class=&origin_image zh-lightbox-thumb& width=&467& data-original=&https://pic4.zhimg.com/v2-95cfc9ccaeabb_r.jpg&&&/figure&&p&新建 views.py 文件后，添加如下代码：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a15c1afb79a9c2cdcaaf26ae0a2f07c2_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&495& data-rawheight=&212& class=&origin_image zh-lightbox-thumb& width=&495& data-original=&https://pic1.zhimg.com/v2-a15c1afb79a9c2cdcaaf26ae0a2f07c2_r.jpg&&&/figure&&p&&b&2.4 运行&/b&&/p&&p&完成修改之后，需要点击一下 Reload 重新载入修改后的网站。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-9bdc9329bfe_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&438& data-rawheight=&227& class=&origin_image zh-lightbox-thumb& width=&438& data-original=&https://pic1.zhimg.com/v2-9bdc9329bfe_r.jpg&&&/figure&&p&下面是见证奇迹的时刻！ &/p&&p&打开你注册时设定的网址，将会看到如下图所示的页面：&/p&&figure&&img src=&https://pic1.zhimg.com/v2-ad2ccb2ce711ac0c5745b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&377& data-rawheight=&196& class=&content_image& width=&377&&&/figure&&p&以上，就是新建项目的整个过程。如果在此基础上增加页面，只需要对 urls.py、views.py 进行修改，必要时增加 models.py。基本上就是将本地开发搬到网页上操作。了解过 Django MTV 模式的同学是不是觉得很简单呢？&/p&&h2&&b&3. 部署已有项目到PythonAnywhere&/b&&/h2&&p&接下来再讲一讲如何将已有的 Django 项目部署到 PythonAnywhere 上。这个要稍微麻烦一些，依然先上流程图：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-dc60b3cbb323d943ed5ab_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&593& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-dc60b3cbb323d943ed5ab_r.jpg&&&/figure&&p&&b&3.1 注册登录&/b& &/p&&p&同 2.1&/p&&p&&b&3.2 新建 bash 控制台&/b&&/p&&p&我们需要将 GitHub 上的代码克隆过来，所以在 Consoles（控制台）下我们新建一个 bash 控制台。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7b8e2e2dadb248faf5fbbb1564acfd37_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&575& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-7b8e2e2dadb248faf5fbbb1564acfd37_r.jpg&&&/figure&&p&点击 bash 进入一个类似 cmd 的操作界面。&/p&&p&&br&&/p&&p&&b&3.3 从 GitHub 上传代码&/b&&/p&&p&PythonAnywhere 上已经预装好了 git，所以只需在 bash 控制台下，使用 git clone 命令将 GitHub 的代码上传到服务器。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&git clone https://your.github.site
&/code&&/pre&&/div&&p&对 git 操作有疑问的可以看看这份《git - 简明指南》：&i&&a href=&https://link.zhihu.com/?target=http%3A//rogerdudler.github.io/git-guide/index.zh.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&git - the simple guide - no deep shit!&/a&&/i&&/p&&p&&b&3.4 建立虚拟环境&/b&&/p&&p&继续在 bash 控制台下操作。代码示例如下：&/p&&p&进入项目文件夹&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&cd mysite
virtualenv --python=python3.5 myvenv
source myvenv/bin/activate
&/code&&/pre&&/div&&p&其中 mysite 是你的项目名，myvenv 是你的虚拟环境目录名。&/p&&p&&b&3.5 下载所需安装包&/b&&/p&&p&接下来，使用 pip 下载项目中使用到的库，最基本的就是 django。&/p&&p&注意：每个人的项目中安装的库可能不一样，所以一定记得将所有项目中用到的库都下载。比如处理图片（如添加头像）用到的 Pillow，操作 MySQL 使用到的 pymysql 等。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&pip install django
pip install pillow
&/code&&/pre&&/div&&p&&b&3.6 迁移数据库并创建管理员账户&/b&&/p&&p&创建数据表。当然需要预先配置好 MySQL 并建好库。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&python manage.py migrate
&/code&&/pre&&/div&&p&创建管理员，按要求输入账户及密码。&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&python manage.py createsuperuser
&/code&&/pre&&/div&&p&到此，关于 bash 控制台的操作告一段落。&/p&&p&&b&3.7 修改 setting文件&/b&&/p&&p&进入到 Files 栏目中，编辑 settings.py 文件，修改其中的 ALLOWED_HOST 值，把你项目的域名添加进去。&/p&&p&修改示例：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&ALLOWED_HOSTS = ['username.pythonanywhere.com']
&/code&&/pre&&/div&&figure&&img src=&https://pic3.zhimg.com/v2-bb60abd5d800d48b13dc8ad2e9c73392_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&253& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-bb60abd5d800d48b13dc8ad2e9c73392_r.jpg&&&/figure&&p&注意：使用 MySQL 的同学还需要修改 settings.py 中 DATABASE 的设置。&/p&&p&&b&3.8 新建 Web-app&/b&&/p&&p&进入 Web 栏目，选择&/p&&p&&b&Add a new webapp&/b& -& &b&next&/b& -& &b&Manual Configuration&/b& -& &b&Python3.5&/b& -& &b&next&/b&&/p&&p&比较重要的两步截图如下：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-e10d45fa3c46cff03cbc7_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&536& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic3.zhimg.com/v2-e10d45fa3c46cff03cbc7_r.jpg&&&/figure&&p&&b&3.9 配置 WSGI&/b& &/p&&ol&&li&按照要求填写正确的项目文件夹&/li&&li&修改 WSGI 文件&/li&&/ol&&p&修改 WSGI 配置文件，注意填写正确的 path 路径。&/p&&p&&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-be72fe72eec4_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&164& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic4.zhimg.com/v2-be72fe72eec4_r.jpg&&&/figure&&p&以下图中的信息为例，settings文件的完整路径为：&br&&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&/home/zx576/zxsite_v0.3/mysite/settings.py
&/code&&/pre&&/div&&p&那么在文件中应该如下图所示填写&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-9a278b64ccd_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&598& data-rawheight=&313& class=&origin_image zh-lightbox-thumb& width=&598& data-original=&https://pic1.zhimg.com/v2-9a278b64ccd_r.jpg&&&/figure&&p&&b&3.10 其他的 web 设置&/b&&/p&&p&最后我们再设置一下虚拟环境路径，以及静态文件路径，本地项目中有 media 文件的小伙伴仍需要设置 media 路径。&/p&&p&结果如下图所示：&/p&&figure&&img src=&https://pic3.zhimg.com/v2-71cda03b0e0b_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&589& data-rawheight=&536& class=&origin_image zh-lightbox-thumb& width=&589& data-original=&https://pic3.zhimg.com/v2-71cda03b0e0b_r.jpg&&&/figure&&p&&b&3.11 展示&/b&&/p&&p&最后“&b&Reload&/b&”一下，就开开心心去查看自己的网站吧！&/p&&p&下面是小编的半成品（捂脸逃：&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f958c6e471d10bc954f3cba_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&640& data-rawheight=&638& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&https://pic2.zhimg.com/v2-f958c6e471d10bc954f3cba_r.jpg&&&/figure&&p&&b&3.12 总结&/b&&/p&&p&以上就是将已有项目部署到 PythonAnywhere 的整个流程，回顾整个流程，拢共分三步：&/p&&ol&&li&上传代码&/li&&li&配置代码&/li&&li&配置环境&/li&&/ol&&p&都是不难的知识，但每一步都有一些细节需要我们去认真对待，最后才能搭出自己的网站。&/p&&p&&br&&/p&&p&魔鬼在细节，编程之事大抵如此。&/p&&p&&br&&/p&&p&在公众号『Crossin的编程教室』（crossincode）里回复 &b&部署&/b&，可查看演示博客网站（仿 WordPress）及参考 Django 项目代码。&/p&&p&&br&&/p&&p&2016 即将过去。祝大家新年有新的收获！&br&&/p&&p&&br&&/p&&p&&br&&/p&&p&&u&其他文章及回答：&/u&&/p&&p&&br&&/p&&p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&学习编程的过程中可能会走哪些弯路，有哪些经验可以参考？ - Crossin 的回答&/a&&/p&&p&&a href=&https://www.zhihu.com/question//answer/& class=&internal&&你是如何自学 Python 的？ - Crossin 的回答&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&今天，你抢到票了吗 - Crossin的编程教室 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&Python 与 Excel 不得不说的事 - Crossin的编程教室 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&Python-Excel 模块哪家强？- Crossin的编程教室 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&爆款游戏《贪吃蛇大作战》的 Python 实现 - Crossin的编程教室 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&NBA 举办编程马拉松 - 数据分析时代的到来 - Crossin的文章 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&想用 Python 做数据分析？先玩玩这个再说 - Crossin的文章 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&用 Python 实现你的量化交易策略 - Crossin的文章 - 知乎专栏&/a&&/p&&p&&a href=&https://zhuanlan.zhihu.com/p/& class=&internal&&Python 抓取网页乱码原因分析 - Crossin的编程教室 - 知乎专栏&/a&&/p&&p&&b&Crossin的编程教室&/b& &/p&&p&&br&&/p&&p&微信ID：crossincode&/p&&p&论坛：&a href=&https://link.zhihu.com/?target=http%3A//bbs.crossincode.com& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Crossin的编程教室&/a&&/p&&figure&&img src=&https://pic4.zhimg.com/5b58c0ecafdc5d85c857_b.jpg& data-caption=&& data-size=&normal& data-rawwidth=&258& data-rawheight=&258& class=&content_image& width=&258&&&/figure&&p&&/p&
0. 前言之前我们写过很多代码，但几乎都是在自己的电脑上运行的。如果别人要看，也只能在电脑上演示，或者把代码发给他运行。而在学习 web 开发，比如 Django、Flask、webpy 等框架的过程中，我们会有将网站上线的需求，用来测试或展示。如何可以让我们写的…
&figure&&img src=&https://pic1.zhimg.com/v2-c7c54336efa30f98a35faad247c3da87_b.jpg& data-rawwidth=&440& data-rawheight=&389& class=&origin_image zh-lightbox-thumb& width=&440& data-original=&https://pic1.zhimg.com/v2-c7c54336efa30f98a35faad247c3da87_r.jpg&&&/figure&&p&&CSS设计奖& 每年颁发给设计优秀的网站，在保证功能性和可用性的前提下，最大限度的在网站设计方面有所创新。今年，有32个网站获此殊荣，请点击以下网址欣赏。&/p&&h2&&b&01 亚历山大·罗谢作品集&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.alexandrerochet.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&alexandrerochet.com/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&法国艺术总监和设计师亚历山大·罗谢的作品集。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-cdfe07fcff93f_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-cdfe07fcff93f_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&h2&&b&02 因为回忆&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.because-recollection.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&because-recollection.com&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&从结实音乐至今已有十年， 对于这个周年纪念日，通过一个互动的旅程可以勾起对音乐的全部回忆。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-4d5d43bfcf2c7c651c4585_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-4d5d43bfcf2c7c651c4585_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&h2&&b&03 优选品牌&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=https%3A//bonnemarque.se/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&bonnemarque.se/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&优选品牌是“从制造者的混乱中诞生”中诞生的新品牌。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f50b7a747115acbe02f87d15f7b9cb23_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-f50b7a747115acbe02f87d15f7b9cb23_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&h2&&b&04 骑士的挑战&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=https%3A//cavalierchallenge.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&cavalierchallenge.com/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&姿势和平衡是创建骑士系列游戏平台的的第一个挑战。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-d7afa95bcf91cf26f9e57c_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-d7afa95bcf91cf26f9e57c_r.jpg&&&/figure&&p&&br&&/p&&h2&05 音弦冲浪者&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//chordsurfer.redbull.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&chordsurfer.redbull.com&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&发现一个音乐和欢乐的世界，冲浪到红牛电视的节日，使用WebGL技术实现无限赛跑。&br&&/p&&figure&&img src=&https://pic1.zhimg.com/v2-0d346d851dc06a0f0f3b1c_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-0d346d851dc06a0f0f3b1c_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&06 崩溃&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.cssdesignawards.com/woty2016/collapse& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&cssdesignawards.com/wot&/span&&span class=&invisible&&y2016/collapse&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&崩溃是社会的终结模拟器，使用真实数据来创建个性化的体验。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-909cffc2e6f_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-909cffc2e6f_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&h2&&b&07 匡威钻石&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//counterclimate.converse.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&counterclimate.converse.com&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&大都市是一个霓虹灯环状，未来的反乌托邦世界。&br&&/p&&figure&&img src=&https://pic4.zhimg.com/v2-190a1ae6ea95adebab531363_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-190a1ae6ea95adebab531363_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&08 加密使命&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.cryptarismission.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&cryptarismission.com/&/span&&span class=&invisible&&&/span&&/a&（需翻墙）&/b&&/p&&p&加密是美国军方的最需要的STEM技能，以WebGL游戏进行测试。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-7eef11d8b958ecdba7573_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-7eef11d8b958ecdba7573_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&h2&&b&09 在地狱中颤抖&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//falter.madebywild.com/%23en& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&falter.madebywild.com/#&/span&&span class=&invisible&&en&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&你敢看看镜子，体验过今天的生活地狱吗？&/p&&figure&&img src=&https://pic3.zhimg.com/v2-e5d6f7d05d99eb142d693fbdffbb26ce_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-e5d6f7d05d99eb142d693fbdffbb26ce_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&10 美丽的菲利波&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.filippobello.com/en/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&filippobello.com/en/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&贝洛：虚拟体验超越了已知的界限。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-520eb30158fcbe95b40ca_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-520eb30158fcbe95b40ca_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&11 空洞&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//hollow.org.uk/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&hollow.org.uk/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&漫步在森林的世界里，用空心探索地球的历史。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-95e57f6afbf_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-95e57f6afbf_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&12 猎人在我们中间&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//dev.weareglow.com/syfy_hunters/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&dev.weareglow.com/syfy_&/span&&span class=&invisible&&hunters/&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&利用WebGL和Three JS等Web技术，Glow与Syfy合作创建了一个互动体验，将猎人的世界带入生活。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-5ce6ea43a186b712add04aaaaebcb574_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-5ce6ea43a186b712add04aaaaebcb574_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&13 IFLY 50&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=https%3A//www.ifly50.com/en_cn/50& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&ifly50.com/en_cn/50&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&为了庆祝 &IFLY KLM& 杂志标志性的第五十版，我们创造了极致的旅行收藏！&/p&&figure&&img src=&https://pic3.zhimg.com/v2-fd66f73c071db91d20479a_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-fd66f73c071db91d20479a_r.jpg&&&/figure&&p&&br&&/p&&h2&14 INRA70年&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//70ans.inra.fr/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&70ans.inra.fr/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&信息和通信技术70周年，通过互动之旅探索农业研究的国家研究所历史。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-0ed7749cedc3d_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-0ed7749cedc3d_r.jpg&&&/figure&&p&&br&&/p&&h2&15 珍妮·约翰内森作品集&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.jennyjohannesson.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&jennyjohannesson.com/&/span&&span class=&invisible&&&/span&&/a&&/b& （&b&需翻墙）&/b&&/p&&p&珍妮·约翰内森的作品集，由珍妮在加州设计，阿里斯蒂德Benoist在法国完成。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-750f5e83d20_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-750f5e83d20_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&16 2016年KIKK文化节&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.kikk.be/2016/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&kikk.be/2016/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&KIKK是一个国际数字和创意文化节。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-f1da671e799cdf_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-f1da671e799cdf_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&17 Kontra K在你身边&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//andeinerseite.video/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&andeinerseite.video/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&第一人称的实时动作和移动体验，让你用一个手指完成刺杀。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-491de47f84b0c_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-491de47f84b0c_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&18 最后的高卢&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//lederniergaulois.nouvelles-ecritures.francetv.fr/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&lederniergaulois.nouvelles-ecritures.francetv.fr&/span&&span class=&invisible&&/&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&通过创新和身临其境情景，体验 “最后的传奇与盖尔” 的故事。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-e95f4f2d3dd6_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-e95f4f2d3dd6_r.jpg&&&/figure&&p&&br&&/p&&h2&19 基因座&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.locus-solus.it/en/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&locus-solus.it/en/&/span&&span class=&invisible&&&/span&&/a&（需翻墙）&/b&&/p&&p&一点点的盖·奥伦蒂愿景收集在一个限量版由Exteta，它风靡与60年代，在那里的颜色满足设计，任何事情都可以发生！&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e687a6a3e35fa77ed0ce78_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-e687a6a3e35fa77ed0ce78_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&20 明实验室&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=https%3A//minglabs.com/en& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&minglabs.com/en&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&明，光明的意思。明实验室的工作，是两个最强大的光源（太阳和月亮）的融合 。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-1f8cf72f1b4aa189e5603_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-1f8cf72f1b4aa189e5603_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&21 现在你看我2&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.nowyouseeme.movie/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&nowyouseeme.movie/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&越接近，越看不到。 通过滚轮控制缩放，展示各种幻想场景。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-f8acc627bc44e0bff6e22a79a8fb3ff9_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-f8acc627bc44e0bff6e22a79a8fb3ff9_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&22 克丘亚语Lookbook2016&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//lookbook.quechua.com/spring-summer-2016/en& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&lookbook.quechua.com/sp&/span&&span class=&invisible&&ring-summer-2016/en&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&通过互动之旅探索南非克丘亚语2016年新春/夏季系列！&/p&&figure&&img src=&https://pic3.zhimg.com/v2-7ae243b933d9ea56f9df674ba4d40cea_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-7ae243b933d9ea56f9df674ba4d40cea_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&23 RESN&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//resn.co.nz/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&resn.co.nz/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&RESN是一个创造性的数字机构。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-a9e13fbf73e06c58b69b22f5df20b390_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-a9e13fbf73e06c58b69b22f5df20b390_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&24 七山自然的组合&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.sevenhillswholefoods.com/experience/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&sevenhillswholefoods.com&/span&&span class=&invisible&&/experience/&/span&&span class=&ellipsis&&&/span&&/a&&/b&&/p&&p&探索七山旅程：沉浸和情感之旅，介绍七山意识和关心质量和相关人员。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-56acf035a4a72f5e181d0ba59feb115f_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-56acf035a4a72f5e181d0ba59feb115f_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&25 空间顾问&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.space-advisor.ca/en/%23& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&space-advisor.ca/en/&/span&&span class=&invisible&&#&/span&&/a&&/b&&/p&&p&空间顾问是纪录片 “超越地球” 的互动体验版：新空间的开始。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-fc3eb22ed18025_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-fc3eb22ed18025_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&26 春夏2016&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//springsummer.dk/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&springsummer.dk/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&我们通过品牌服务，数字故事，引人入胜的内容和丰富的购物体验建立强大的品牌。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-7cac74cd48e1d3e4086a_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-7cac74cd48e1d3e4086a_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&27 SyFy：魔术师&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.brakebillsu.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&brakebillsu.com/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&一个互动网站，展示了新的SyFy系列“魔术师”，每次一集播出时解锁特殊的神奇内容。&/p&&figure&&img src=&https://pic2.zhimg.com/v2-3fe31b9689f59_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-3fe31b9689f59_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&28 时代&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=https%3A//thefwa.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&thefwa.com/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&所有新的时代，是进化还是革命？ 一个3年的过程，创造最好的时代。&/p&&figure&&img src=&https://pic1.zhimg.com/v2-e77fb9deb84_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic1.zhimg.com/v2-e77fb9deb84_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&29 电影任务&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=https%3A//www.valerian.bnpparibas/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&valerian.bnpparibas/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&电影任务使你沉浸在电影式的体验中：瓦莱里安和千行星的城市。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-2dd1d6c8bb6ba64fcf6a2d60e528c92e_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-2dd1d6c8bb6ba64fcf6a2d60e528c92e_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&30 VHS 复古看守者&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//retrominder.tv/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&retrominder.tv/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&90秒挑战你的复古文化。&br&&/p&&figure&&img src=&https://pic2.zhimg.com/v2-d089f791e74619adf3ffd_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic2.zhimg.com/v2-d089f791e74619adf3ffd_r.jpg&&&/figure&&p&&br&&/p&&h2&&b&31 战争1996&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//www.warof1996.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&warof1996.com/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&互动WebGL经验，探讨1996年战争对促进电影的影响，独立日：复活。&/p&&figure&&img src=&https://pic3.zhimg.com/v2-bd380fd93217a6eaecf12c8cfaeb38a6_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic3.zhimg.com/v2-bd380fd93217a6eaecf12c8cfaeb38a6_r.jpg&&&/figure&&p&&br&&/p&&p&&br&&/p&&h2&&b&32 WAAARK&/b&&/h2&&p&&b&网址：&a href=&http://link.zhihu.com/?target=http%3A//waaark.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&waaark.com/&/span&&span class=&invisible&&&/span&&/a&&/b&&/p&&p&法国创意网络工作室出品。&/p&&figure&&img src=&https://pic4.zhimg.com/v2-d49ab123c3f542af7ab54d720b6dac4f_b.jpg& data-caption=&& data-rawwidth=&1068& data-rawheight=&646& class=&origin_image zh-lightbox-thumb& width=&1068& data-original=&https://pic4.zhimg.com/v2-d49ab123c3f542af7ab54d720b6dac4f_r.jpg&&&/figure&&p&&br&&/p&&p&——————————————————————————————————————————&/p&&p&我们不是干货的生产者，我们只是优秀的搬运工&/p&&p&&br&&/p&&p&感谢原作者的辛勤归纳&/p&
"CSS设计奖" 每年颁发给设计优秀的网站，在保证功能性和可用性的前提下，最大限度的在网站设计方面有所创新。今年，有32个网站获此殊荣，请点击以下网址欣赏。01 亚历山大·罗谢作品集网址：法国艺术总监和设计师亚历山大·罗谢的作品…
宁愿用百度学术也不愿意用我KEG实验室的 &a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ArnetMiner&/a& 吗？虽然人已经毕业多年，但还是要借这个问题坚定不移的推广一下ArnetMiner，绝对是CS领域的第一学术搜索引擎，别说百度学术了，在很多方面连Google Scholar也是轻松秒杀啊。&br&&br&1. 刚进入一个领域，你最要紧的是了解这个领域顶会、牛人和经典文章吧，比如搜一下Semantic Web （&a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/search/9%3Fq%3Dsemantic%web& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Search 'semantic web'&/a&），你会得到这样的结果。&br&&figure&&img src=&https://pic3.zhimg.com/c24a2f999f2ed835fef2_b.jpg& data-rawwidth=&2040& data-rawheight=&1404& class=&origin_image zh-lightbox-thumb& width=&2040& data-original=&https://pic3.zhimg.com/c24a2f999f2ed835fef2_r.jpg&&&/figure&&br&除了能够得到相关的论文，还能够基于话题模型抽取出最权威的领域专家和顶会，给你最全的行业领域指引啊。&br&&br&2. 每个细分领域的牛人也就那么几个，紧跟牛人的步伐就能紧跟学术的潮流啊，所以多看看牛人的研究趋势和最新成果吧，好吧，来个最牛的例子，UIUC的韩老板（&a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/person/jiawei-han-745329.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Jiawei Han - Professor&/a&）。&br&&figure&&img src=&https://pic2.zhimg.com/4a242ae25644d4aeda89c28b39fd08fd_b.jpg& data-rawwidth=&994& data-rawheight=&1410& class=&origin_image zh-lightbox-thumb& width=&994& data-original=&https://pic2.zhimg.com/4a242ae25644d4aeda89c28b39fd08fd_r.jpg&&&/figure&
左上角的profile由他们的个人主页语义抽取，右上角的social network是学术合作的关系和分析出的师生关系，中间的曲线是基于话题模型根据作者文章抽取出的此人的研究方向变化曲线。最下面就是该专家发过的文章啦，最新最全，一目了然。当然还有一些细节，大家可以自己去体会。&br&&br&3. 什么？不知道一个领域的牛人都有谁，不相信我们推荐的牛人的客观权威度？那给你一个客观的权威排序列表，按照H-index排的总权威了吧。给一个data mining领域的排序结果（&a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/ranks/author/hindex/89& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Experts ranked by hindex&/a&）。&br&&figure&&img src=&https://pic2.zhimg.com/cf0e243e1e3d_b.jpg& data-rawwidth=&1286& data-rawheight=&1388& class=&origin_image zh-lightbox-thumb& width=&1286& data-original=&https://pic2.zhimg.com/cf0e243e1e3d_r.jpg&&&/figure&&br&&br&Philip Yu，Jiawei Han，嗯嗯，都是学术界的大老板啊。还有一个有意思的是Rising Star（&a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/ranks/author/risingstar/89& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Experts ranked by risingstar&/a&），就是学术界冉冉升起的新星，当时做的这个排序模型是专门发现学术新人的，居然排出来了很多曾经的师兄师姐，甚是佩服，希望有一天你也能出现在Rising Star ranklist里面哦。&br&&br&4. 还不够震撼，不够好玩吗，那试试“学术地理搜索”呗（&a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/geo& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AMiner - Academic Researcher Social Network Search&/a&）&br&&figure&&img src=&https://pic2.zhimg.com/bab604ae96d3fd_b.jpg& data-rawwidth=&1904& data-rawheight=&1150& class=&origin_image zh-lightbox-thumb& width=&1904& data-original=&https://pic2.zhimg.com/bab604ae96d3fd_r.jpg&&&/figure&&br&展现了学术牛人们的地理位置分布。没错哦，CS领域最牛的国家就是美、欧、中、香港啦，哦，中间那个貌似是以色列。&br&&br&还有CS领域的全历史演进图，可以看到从最开始的模式识别，分出神经网络、图像处理、机器人技术，再到后来的机器学习、机器视觉、自然语言处理，再到后来的深度学习、概率图模型等等等等，你可以去了解每个阶段的发展历史！&br&&figure&&img src=&https://pic2.zhimg.com/dee24aaeb7a2c81e5ca3101_b.jpg& data-rawwidth=&1980& data-rawheight=&1198& class=&origin_image zh-lightbox-thumb& width=&1980& data-original=&https://pic2.zhimg.com/dee24aaeb7a2c81e5ca3101_r.jpg&&&/figure&&br&5. 只有分析和挖掘也不够，还是要有一些实实在在的便捷功能，比如提供每篇文章的BIBTEX，甚至是paper的pdf，随便找一篇（&a href=&//link.zhihu.com/?target=http%3A//arnetminer.org/publication/scalable-and-robust-construction-of-topical-hierarchies-4001020.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scalable and Robust Construction of Topical Hierarchies.&/a&）绝对是CS研究僧们的福音不是吗。&br&&figure&&img src=&https://pic4.zhimg.com/e5f53be50cbb_b.jpg& data-rawwidth=&1964& data-rawheight=&1310& class=&origin_image zh-lightbox-thumb& width=&1964& data-original=&https://pic4.zhimg.com/e5f53be50cbb_r.jpg&&&/figure&&br&&br&细节的地方太多太多了，很多很实用很有趣的功能等大家自己去发现吧。自己也确实在参与Arnetminer的开发过程中受益良多，最后祝唐杰老师所在的KEG实验室早日跻身世界数据挖掘领域的顶级实验室。&br&&br&PS: 评论中有很多兄弟姐妹们提了很多很宝贵的意见，我觉得特别好，希望大家能够多提意见，多拍砖，我到时候集中发给唐老板，说不定你的建议就可以体现在下一版中了。。。汗，越来越像做广告了。。不过真没啥利害关系，只是很热爱之前的工作，也希望能给为大家开启学术研究领域的另一片小天地。
宁愿用百度学术也不愿意用我KEG实验室的
吗？虽然人已经毕业多年，但还是要借这个问题坚定不移的推广一下ArnetMiner，绝对是CS领域的第一学术搜索引擎，别说百度学术了，在很多方面连Google Scholar也是轻松秒杀啊。 1. 刚进入一个领域，你最要…
&p&我来罗列一下近几年对我设计帮助很大的国内外网站，希望对题主有帮助：&/p&&p&1、素材网站&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//www.iconfinder.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iconfinder - 850,000+ free and premium icons&/a&
非常棒的国外图标网站，可以找图标灵感，或者购买感觉不错的图标。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//thenounproject.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Noun Project&/a&
也是非常棒的国外图标网站，重点在于都是免费的扁平化图标，可以下载svg进行再创造哦。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.flaticon.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free vector icons&/a&
也是免费的矢量扁平化图标网站，谁用谁知道。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.epicpxls.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&EpicPxls&/a& 另外一个很棒的图标免费素材网站，很多优秀图标素材可以下载。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//subtlepatterns.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Subtle Patterns&/a&
纹理素材网站，多用纹理素材，可以给你的设计加分哦！&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//pixelbuddha.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Psds, premium icons & free web design resources for designers ?EUR” latest freebies by PixelBuddha.&/a&
里面的素材都是可以免费下载的源文件，而且质量还不错。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//iconstore.co/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&https://iconstore.co&/a&
同样非常棒的素材网站，而且大多数是免费的哟。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.1001freedownloads.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Download Free Vectors, Photos, Icons, PSDs and more&/a& 免费素材网站，内容非常多。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//uifest.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&uifest.com/&/span&&span class=&invisible&&&/span&&/a& 这里的素材也非常棒，有收费有免费的。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.ui8.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI8 — The marketplace for design resources&/a&
很棒的国外素材网站，素材质量不错，大多都收费，小部分免费的素材可以下载学习。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//store.mockupzone.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mockup Zone&/a&
Mockup的素材网站，有收费也有免费的。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.textures.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Textures.com&/a&
纹理素材网站，很多材质的纹理都可以在这里找到哦。&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//cn.freeimages.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Over 388,119 Free Photos and Textures&/a&
免费图片素材库，数量很多。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//unsplash.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Unsplash | High-Resolution Photos&/a&
很有个性的高质量免费图片素材网站，个人非常喜欢，还有chrome插件安装，可以有事没事看看。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.gratisography.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Gratisography: Free high-resolution photos&/a&
免费图片素材网站，还不错。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.lifeofpix.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Life Of Pix - Free Stock Photos & Images&/a&
不错的免费图片素材网站。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//pixabay.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free Images - Pixabay&/a& 免费素材网站，数量比较多。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.pexels.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free stock photos ?· Pexels&/a&
同样是免费的图片素材网站，哈哈。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//wallpaperswide.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WallpapersWide.com&/a&
高清壁纸素材网站，数量很多。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.vecteezy.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Download Free Vector Art, Stock Graphics & Images&/a&
老牌免费素材网站，数量也很多。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//designstub.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Designstub | Download Bootstrap Templates & Themes&/a&
针对Bootstrap框架的免费模版素材（静态化HTML页面，正在学习Bootstrap或者响应式设计的小伙伴可以参考）。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.baianat.com/resources/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&baianat.com/resources/&/span&&span class=&invisible&&&/span&&/a&
最近备受关注的国外设计团队，有很多很棒的素材和创意，而且大多数免费分享了出来。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//facebook.design/index.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&facebook.design/index.h&/span&&span class=&invisible&&tml&/span&&span class=&ellipsis&&&/span&&/a& Facebook的设计博客，有很多高质量素材源文件下载，以及干货文章。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//500px.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The Premier Photography Community / 500px&/a&
很棒的图片网站，不多说了。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.flickr.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&flickr.com/&/span&&span class=&invisible&&&/span&&/a&
同样也是高知名度图片网站，不多说了。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.invisionapp.com/tethr& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TETHR – The Most Beautiful iOS Design Kit Ever Made&/a&
非常棒的一套设计界面素材，免费下载源文件。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.invisionapp.com/do& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Free to-do app UI kit for Photoshop and Sketch&/a&
同样来自invision的设计界面素材，免费下载源文件，质量也很高。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//sketchrepo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sketch Repo - Free, high quality Sketch resources&/a&
Sketch免费素材网站，素材质量不错，可以参考学习。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//psdrepo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PSD Repo - Free quality PSDs available for download&/a&
sketchrepo的同胞兄弟，同样是免费高质量素材。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/adobe-fonts/source-han-sans/tree/release& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&adobe-fonts/source-han-sans&/a& 思源黑体官方下载地址。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/adobe-fonts/source-han-serif/tree/release/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&adobe-fonts/source-han-serif&/a& 思源宋体官方下载地址。&/li&&/ul&&p&&br&&/p&&p&2、设计创意参考&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//dribbble.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - Show and tell for designers&/a&
追波，不多说。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.behance.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Behance&/a&
不多说。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.deviantart.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DeviantArt - The largest online art gallery and community&/a&
也很有名，不多说了。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.pinterest.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&pinterest.com/&/span&&span class=&invisible&&&/span&&/a& 素材创意大集合，非常棒的网站，也很有名，不赘述了。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//tumblr.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sign up | Tumblr&/a&
灰常有名了，有很多优秀的设计作品在上面。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.zcool.com.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&站酷 (ZCOOL)&/a&
国内设计比较有名的网站，不多说。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//ui.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UI中国&/a&
虽然注册用户量和知名度不如站酷，但是专攻UI领域，感觉还不错。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//huaban.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&花瓣网&/a&
国内的pinterest，虽然是山寨的，但是因为速度快所以用起来还是不错的。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//themeforest.net/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Website Templates&/a&
themeforest 知名度非常高的模版销售网站，从上面可以看到很多目前国外流行的页面风格、动效，创意也非常不错。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.elegantthemes.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&WordPress Themes Loved By Over 317k Customers&/a&
elegantthemes 国外很有名的wordpress模版设计团队，创意十足，不过可惜的是最近不思进取，一直没有太大创新，还在售卖一年多前就发布的模版，不过他们的blog可以看看，对wordpress开发有很大帮助。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//yootheme.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Home - YOOtheme&/a&
也是非常棒的国外网站模版设计公司，包括wordpress和joomla!，设计简洁有想法，还有他们推出的前端框架 &a href=&//link.zhihu.com/?target=http%3A//getuikit.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&UIkit&/a&（类似Bootstrap），有兴趣的朋友可以了解一下。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//reeoo.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Reeoo - web design inspiration and website gallery&/a&
很棒的网页设计参考网站，可以按照颜色筛选，更新勤快，创意十足。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.awwwards.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Awwwards - Website Awards&/a&
非常有名的网页设计创意参考网站。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.materialup.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&materialup.com/&/span&&span class=&invisible&&&/span&&/a&
Material Design相关设计作品的参考网站。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//100daysui.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&100 Days UI - FREEMIUM RESOURCES&/a&
一个Dribbble牛人的每日一设作品，有源文件下载和HTML代码实现哦！绝壁学习极品。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//sebastien-gabriel.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sebastien Gabriel&/a&
谷歌设计大神个人网站，他的文章《How I joined Google》曾脍炙人口，其他设计类的文章也很有参考价值。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//dejan-markovic.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dejan Markovic&/a&
国外一个设计师的个人网站，内容涵盖自己的作品从产品分析到最后设计成型的过程解析，很有参考价值。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//studio.uxpin.com/ebooks/%3F_ga%3D1.3621604& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&e-Books&/a& UXPIN推出的免费设计e-Books，可以看看。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//snorpey.github.io/triangulation/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&image triangulation experiment&/a& 快速将图片处理成low poly效果的工具网站。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//coolors.co/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Coolors&/a& 快速取色，并且能够自动生成色彩层级的工具。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//webgradients.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&webgradients.com/&/span&&span class=&invisible&&&/span&&/a& 轻量的渐变配色网站，配色很有逼格。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//material.io/color/%23%21/%3Fview.left%3D0%26view.right%3D0& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Color Tool - Material Design&/a& Material Design官方的配色工具，可以通过取色快速查看界面整体效果。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//sketchfab.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sketchfab - Your 3D content on web, mobile, AR, and VR.&/a& Sketchfab-全球知名的 3D 设计模型在线展示平台。 &br&&/li&&/ul&&p&&br&&/p&&p&3、前端／动效／用户体验&/p&&ul&&li&&a href=&//link.zhihu.com/?target=http%3A//tympanus.net/codrops/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Codrops | Useful resources and inspiration for creative minds&/a&
由于鄙人是从前端开发转的UI设计，所以一直对前端各种效果都情有独钟，其中Codrops就是我几年以来基本上隔三差五就会去逛的网站，创意十足，动效酷炫，每周集锦很有意思，强烈推荐，关键在于所有动效都是可以免费下载使用的！&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//codyhouse.co/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&codyhouse.co/&/span&&span class=&invisible&&&/span&&/a&
也是非常棒的一个前端动效网站，Codrops经常会收录它的一些好作品。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//tutorialzine.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Tutorialzine&/a&
同样有很多好玩的前端效果和知识，但是更新并不勤快，可以偶尔看看。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/trending/css& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Trending CSS repositories on GitHub today · GitHub&/a&
github就不用多说了吧？我会经常到trending里筛选CSS/HTML/Javascript的语言分类来看看是否有最新的好玩的前端作品，这里应该算是全球开源代码最领先的地方了。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.goodui.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GoodUI&/a&
通俗易懂的UI设计准则，很有意思。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//medium.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Medium&/a&
里面有很多很棒的设计类文章，值得参考。&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//codepen.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&CodePen&/a& 很棒的前端网站，可以直接预览前端效果和使用代码。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//fontawesome.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Font Awesome, the iconic font and CSS toolkit&/a& 最早的开源免费字体图标库，以前用Bootstrap+FontAwesome基本上就能搭建一个像模像样的网站，图标种类繁多，使用方便。&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//wappalyzer.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Wappalyzer&/a& 可以查看当前网页的前端技术使用情况，非常方便。&br&&/li&&/ul&&p&&br&&/p&&p&不管有多好的设计素材网站，最重要的还是自己多看、多思考、多练习，这样才能不断进步，与君共勉。&/p&&p&======
更新分割线：感谢大家的支持，新增了一些设计工具类网站：）
======&/p&&p&4、工具类&/p&&ul&&li&&a href=&//link.zhihu.com/?target=https%3A//tinypng.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&tinypng.com/&/span&&span class=&invisible&&&/span&&/a& 在线压缩PNG/JPG图片网站，能够大幅度减小图片尤其是PNG图片的size，方便好用。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//icomoon.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Icon Font & SVG Icon Sets ? IcoMoon&/a&
字体图标管理／生成网站，功能强大，国内的iconfont应该是参考它做的。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//iconfont.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iconfont-阿里巴巴矢量图标库&/a& icomoon虽然很棒，但是国内访问速度还是成问题，所以现在还是比较常用iconfont，也挺好用的。&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//guideguide.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GuideGuide&/a&
Photoshop必装的参考线插件神器，谁用谁知道。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//rightfontapp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RightFont - The future of font manager software for Mac OS X&/a&
非常棒的字体管理软件，能够快速加载字体，并且快速在设计稿中引入矢量图标，个人感觉比在设计稿中使用iconfont方便。&br&&/li&&li&&a href=&//link.zhihu.com/?target=http%3A//www.sketchapp.com/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sketch - Professional Digital Design for Mac&/a&
Sketch，Mac下的UI设计神器，制作UI界面快速简单，而且正版也不贵，缺点是没有Windows版本。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//github.com/utom/sketch-measure& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&github.com/utom/sketch-&/span&&span class=&invisible&&measure&/span&&span class=&ellipsis&&&/span&&/a& Sketch measure，Sketch中必装的插件，能够导出设计稿的HTML文件供前端实时查看，免去了切图的烦恼，还能切换设备分辨率，非常方便。&br&&/li&&li&&a href=&//link.zhihu.com/?target=https%3A//www.flinto.com/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&flinto.com/&/span&&span c