
一個免費的,簡單的(主要)材料設計模板,用於網絡。
見演示
全部?
首先,直接從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的設計建議和精美的圖像!