
一个免费的,简单的(主要)材料设计模板,用于网络。
见演示
全部?
首先,直接从Github下载最新版本。
您会出现许多文件。您想关注的内容是index.html和两个文件夹: /json和 /images。
将自己的正方形图像,您的徽标和内部 /图像扔。在index.html中,编辑cromentImage的SRC值,以指向该配置文件图像。
将“您的名字”替换为...您的名字。
用一些关于您自己的描述替换了小描述。
然后稍低一点,随意使用您专门从事的任何类型的工作更改FirstCategoryText。或者您可以将其视为原样。对我没有区别。
编辑联系按钮的HREF值。它应该等于href =“ mailto:[您的电子邮件地址]”。
在索引中也非常重要。HTML将是元数据。在Head标签内部,使用真实数据编辑元标记中的虚拟内容。
添加来自realfavicongoner.net的粉丝。
之后,打开 /json文件夹并查看links.json。应该很简单,但这里有一些解释:“名称”是将显示该特定链接的实际文本。 “颜色”是文本旁边的图标的颜色。 “图标”是Materialldesignicons.com的图标名称。确保获得图标的正确拼写(您不需要“ mdi-”部分,脚本会自动添加)。 URL是... URL。
编辑了links.json文件后,您可以转到items.json。这与links.json文件非常相似。但是,有几件事要注意。首先,您需要为每个项目提供图像。其次,您必须将所有上述图像匹配到确切的维度。我建议1920x1080。如果是1920x1081,事情会破裂。这只是我们正在使用的positalizecss框架的限制。
如果您需要在新的QuickSilver网站中删除或添加链接或工作项目,那么由于JSON实施,它非常容易。
觉得自己的网站已经准备好进行生产后,点击(形象)上传按钮!
对于ChangElogs,请查看QuickSilver的版本部分
只需分叉,做出更改/贡献,并创建拉动请求!
感谢Lumiq Creative的设计建议和精美的图像!