每個(gè)模型都是一個(gè)單獨(dú)的HTML文件,每個(gè)文件都包含它自己的頭部和尾部,鏈接到樣式文件、圖片等。你的所有內(nèi)容,都會(huì)寫(xiě)死在HTML文件里。如果只是一兩個(gè)模型,沒(méi)有關(guān)系。但很多項(xiàng)目需要更多,如果還是用靜態(tài)頁(yè)面去做,沒(méi)有像Photoshop一樣的制作速度和可維護(hù)性。它確實(shí)比Photoshop更加真實(shí),響應(yīng)能力更強(qiáng),但是深圳網(wǎng)站設(shè)計(jì)公司通過(guò)使用靜態(tài)網(wǎng)站生成器,我們可以更好地完成這些,從而擴(kuò)大Web設(shè)計(jì)模型的優(yōu)勢(shì)。
靜態(tài)網(wǎng)站生成器(SSG)是一個(gè)通過(guò)一系列文件生成網(wǎng)站的軟件。有很多類型的SSG軟件,從生成各種非常簡(jiǎn)單的網(wǎng)站到提供各種功能應(yīng)用程序的網(wǎng)站(比如標(biāo)簽、博客文檔)。實(shí)際上SSG支持各種通用的編程語(yǔ)言。Nanoc是比較流行的SSG軟件,在它的官網(wǎng)上可以看到支持各種語(yǔ)言的SSG列表。但是,你快速搜索后又會(huì)發(fā)現(xiàn)更多的選擇。
你選擇的模板語(yǔ)言將會(huì)影響你決定使用哪一種。
模板語(yǔ)言就是可以用來(lái)創(chuàng)建模板的語(yǔ)言。反過(guò)來(lái)說(shuō),模板允許你在占位符插入其他內(nèi)容。以下面的句子為例:
在這個(gè)句子里,使用的模板語(yǔ)言叫Jinja,而{{title}}是一個(gè)變量。意思是模板系統(tǒng)將用它代表的內(nèi)容替換掉這個(gè)變量。在這個(gè)例子中,它表示書(shū)的標(biāo)題。模板也可以包含邏輯操作,比如,你可以循環(huán)數(shù)據(jù)列表來(lái)創(chuàng)建一個(gè)HTMl列表。某些情況下你可以使用這個(gè)邏輯操作,不過(guò)它會(huì)變得復(fù)雜。所以還是避免在模板使用邏輯操作。
很多靜態(tài)網(wǎng)站生成器會(huì)提供現(xiàn)成的模板系統(tǒng)。模板是很重要的,因?yàn)樗梢宰屇阍贖TML文檔中直接使用純文本標(biāo)識(shí)內(nèi)容。這使得別人很容易為你提供內(nèi)容,而不用去HTML文檔編輯它。HTML并不難,但純文本標(biāo)記會(huì)更簡(jiǎn)單。當(dāng)選擇了一個(gè)靜態(tài)網(wǎng)站生成器后,你需要檢驗(yàn)并確保你喜歡它使用的模板系統(tǒng)。
選擇一個(gè)靜態(tài)站點(diǎn)生成器
我目前使用的SSG,跟我用來(lái)創(chuàng)建樣式指南還有其他類型的文檔是同一款軟件。這對(duì)我來(lái)說(shuō)是一個(gè)很重要的因素。一旦你做一些小調(diào)查,你就會(huì)發(fā)現(xiàn)對(duì)你很重要的因素了。思考下面的內(nèi)容。
編程語(yǔ)言:如果你想擴(kuò)展SSG的功能,這是很重要的,并且有時(shí)候你需要編寫(xiě)配置文件。
模板系統(tǒng)/語(yǔ)言:這經(jīng)常跟SSG的編程語(yǔ)言結(jié)合在一起。
標(biāo)記語(yǔ)言:如果你喜歡Markdown,但是你選擇的SSG僅支持reStructuredText語(yǔ)言,那么你必須擴(kuò)展這個(gè)SSG軟件或者重新找一個(gè)。
配置:大多數(shù)SSG使用某種形式的配置文件。你必須學(xué)會(huì)一種特殊的編程語(yǔ)言去創(chuàng)建一個(gè)嗎?
易用性:記住,這僅僅是一個(gè)工具,除非真的很好,否則你也不想花時(shí)間深入鉆研它。好工具不多,而且很多時(shí)候文檔說(shuō)明都很難讀懂。所以如果你沒(méi)有其他資源,你還是先基于自己的情況快速上手吧。網(wǎng)站設(shè)計(jì)公司本文關(guān)于“網(wǎng)站設(shè)計(jì)靜態(tài)網(wǎng)站生成器的使用”的知識(shí)就介紹分享到這里,謝謝關(guān)注,博納網(wǎng)絡(luò)編輯整理。