小程序开发 > 动态 >

宁波企业网站开发:在Dribbble上创建自托管与Dribbbox组合

2019-09-07 14:12:55

宁波企业网站开发:在Dribbble上创建自托管与Dribbbox组合

Dribbble在设计领域是一个受欢迎的网站,你可以分享你的在制品项目,设计,原型,甚至免费。 作为回报,你将得到反馈和批评的设计师很好将你的设计更上一层楼。

如果你想个性化如何显示你的投资组合,你可以展示你自己的域名下的照片。 来帮助你,你可以试试Dribbbox 。

Dribbbox 是一个图书馆,帮助我们在Dribbble上显示照片在自己的领域,将所有的麻烦。 让我们来看看如何设置Dribbbox展示你的艺术作品。

Dribbbox安装

我假设你的域名和服务器设置; 共享主机应能正常工作。 否则,您可以运行一个本地服务器如果你不该有一个。 如果你需要说明如何设置本地服务器ampp,读到它 在这里 。

下载ZIP包,上传内容到服务器。 包括索引。 html,配置。 js和资产文件夹。

打开 config.js 并指定用户名在Dribbble上检索你的投资组合。

宁波企业网站开发在本例中,我使用Thoriq Firdaus演示的组合。 这是你如何检索组合。

1
2
3.
4
5
dribbbox。 配置= {
  dribbble_username:“tfirdaus”,
  short_description:“一个世界级的设计师想要。”,
  email_address:“tfirdaus@helloworld.com”
}


保存它并刷新页面。

很简单,不是吗?

你的投资组合在Dribbbox

安装很简单。 你有三个列。 你的联系方式是在一个静态的侧边栏最左边。 在Dribbble上你的照片是在中间滚动列,并在右边,是观众可以看到您的项目在众目睽睽之下,一次一个。 设置是完美的只是显示这意味着公众无法喜欢评论或喜欢给你反馈。 他们无法分享你的工作。

Dribbbox已经优化了对移动设备的看法。 网站是在移动时,布局以及HTML DOM树的重建 mobile.js.. 指定窗口的宽度 mobile.js 应该在吗 索引.html 。

1
2
3.
4
5
(函数(){
    var s = document.createElement (“脚本”)
    年代。 src =“资产/ js /” + (matchMedia (”(max-width: 414 px) ")。 比赛吗?“移动” :“桌面”)+. js”
    document.head.appendChild (s)
})()

结论

Dribbbox是一个方便的库在Dribbble上展示你的照片在你自己的域名。 它非常直观的使用,即使你不知道JavaScript; 只需添加用户名和(可选)你的电子邮件地址,和你们都集。如果你不喜欢默认的演讲中,你可以通过CSS进一步个性化外观。

更多关于Hongkiat: 主机静态网站Dropbox的煎饼