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

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

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

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

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

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

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

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

dribbbox。配置= {

dribbble_username:“tfirdaus”,

short_description:“一个世界级的设计师想要。”,

email_address:“tfirdaus@helloworld.com”

}

保存它并刷新页面。

很简单,不是吗?

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

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

(函数(){

var s = document.createElement (“脚本”)

年代。 src =“资产/ js /” + (matchMedia (”(max-width: 414 px) ")。比赛吗?“移动” :“桌面”)+. js”

document.head.appendChild (s)

})()

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

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