尋找部署靜態網頁的方法嗎?這幾個開源的靜態網站生成工具可以幫你迅速部署界面優美、功能強大的靜態網站,無需掌握復雜的 HTML 和 CSS 技能。
? 來源:linux.cn ? 作者:Ankush Das ? 譯者:Xiaobin.Liu ?
(本文字數:3396,閱讀時長大約:5 分鐘)
在尋找部署靜態網頁的方法嗎?這幾個開源的靜態網站生成工具可以幫你迅速部署界面優美、功能強大的靜態網站,無需掌握復雜的 HTML 和 CSS 技能。
技術上來講,靜態網站是指網頁不是由服務器動態生成的。HTML、CSS 和 JavaScript 文件就靜靜地躺在服務器的某個路徑下,它們的內容與終端用戶接收到的版本是一樣的。原始的源碼文件已經提前編譯好了,源碼在每次請求后都不會變化。
Linux.CN 是一個依賴多個數據庫的動態網站,當有瀏覽器的請求時,網頁就會生成并提供服務。大部分網站是動態的,你與這些網站互動時,大量的內容會經常改變。
靜態網站有一些好處,比如加載時間更短,請求的服務器資源更少、更安全(值得商榷)。
傳統上,靜態網站更適合于創建只有少量網頁、內容變化不頻繁的小網站。
然而,隨著靜態網站生成工具出現后,靜態網站的適用范圍越來越大。你還可以使用這些工具搭建博客網站。
我整理了幾個開源的靜態網站生成工具,這些工具可以幫你搭建界面優美的網站。
請注意,靜態網站不會提供很復雜的功能。如果你需要復雜的功能,那么你可以參考適用于動態網站的 最佳開源 CMS 列表。
1、Jekyll
Jekyll 是用 Ruby 寫的最受歡迎的開源靜態生成工具之一。實際上,Jekyll 是 GitHub 頁面 的引擎,它可以讓你免費用 GitHub 托管網站。
你可以很輕松地跨平臺配置 Jekyll,包括 Ubuntu。它利用 Markdown 、 Liquid (模板語言)、HTML 和 CSS 來生成靜態的網頁文件。如果你要搭建一個沒有廣告或推廣自己工具或服務的產品頁的博客網站,它是個不錯的選擇。
它還支持從常見的 CMS( 內容管理系統(Content management system))如 Ghost、WordPress、Drupal 7 遷移你的博客。你可以管理永久鏈接、類別、頁面、文章,還可以自定義布局,這些功能都很強大。因此,即使你已經有了一個網站,如果你想轉成靜態網站,Jekyll 會是一個完美的解決方案。你可以參考 官方文檔 或 GitHub 頁面 了解更多內容。
2、Hugo
Hugo 是另一個很受歡迎的用于搭建靜態網站的開源框架。它是用 Go 語言 寫的。
它運行速度快、使用簡單、可靠性高。如果你需要,它也可以提供更高級的主題。它還提供了一些有用的快捷方式來幫助你輕松完成任務。無論是組合展示網站還是博客網站,Hogo 都有能力管理大量的內容類型。
如果你想使用 Hugo,你可以參照它的 官方文檔 或它的 GitHub 頁面 來安裝以及了解更多相關的使用方法。如果需要的話,你還可以將 Hugo 部署在 GitHub 頁面或任何 CDN 上。
3、Hexo
Hexo 是一個有趣的開源框架,基于 Node.js 。像其他的工具一樣,你可以用它搭建相當快速的網站,不僅如此,它還提供了豐富的主題和插件。
它還根據用戶的每個需求提供了強大的 API 來擴展功能。如果你已經有一個網站,你可以用它的 遷移 擴展輕松完成遷移工作。
你可以參照 官方文檔 或 GitHub 頁面 來使用 Hexo。
4、Gatsby
Gatsby 是一個越來越流行的開源網站生成框架。它使用 React.js 來生成快速、界面優美的網站。
幾年前在一個實驗性的項目中,我曾經非常想嘗試一下這個工具,它提供的成千上萬的新插件和主題的能力讓我印象深刻。與其他靜態網站生成工具不同的是,你可以使用 Gatsby 生成一個網站,并在不損失任何功能的情況下獲得靜態網站的好處。
它提供了與很多流行的服務的整合功能。當然,你可以不使用它的復雜的功能,或將其與你選擇的流行 CMS 配合使用,這也會很有趣。你可以查看他們的 官方文檔 或它的 GitHub 頁面 了解更多內容。
5、VuePress
VuePress 是由 Vue.js 支持的靜態網站生成工具,而 Vue.js 是一個開源的漸進式 JavaScript 框架。
如果你了解 HTML、CSS 和 JavaScript,那么你可以無壓力地使用 VuePress。你應該可以找到幾個有用的插件和主題來為你的網站建設開個頭。此外,看起來 Vue.js 的更新一直很活躍,很多開發者都在關注 Vue.js,這是一件好事。
你可以參照他們的 官方文檔 和 GitHub 頁面 了解更多。
6、Nuxt.js
Nuxt.js 使用了 Vue.js 和 Node.js,但它致力于模塊化,并且有能力依賴服務端而非客戶端。不僅如此,它的目標是為開發者提供直觀的體驗,并提供描述性錯誤,以及詳細的文檔等。
正如它聲稱的那樣,在你用來搭建靜態網站的所有工具中,Nuxt.js 可以做到功能和靈活性兩全其美。他們還提供了一個 Nuxt 線上沙盒 ,讓你不費吹灰之力就能直接測試它。
你可以查看它的 GitHub 頁面 和 官方網站 了解更多。
7、Docusaurus
Docusaurus 是一個有趣的開源靜態網站生成工具,為搭建文檔類網站量身定制。它還是 Facebook 開源計劃 的一個項目。
Docusaurus 是用 React 構建的。你可以使用所有的基本功能,像文檔版本管理、文檔搜索和翻譯大多是預先配置的。如果你想為你的產品或服務搭建一個文檔網站,那么可以試試 Docusaurus。
你可以從它的 GitHub 頁面 和它的 官網 獲取更多信息。
8、Eleventy
Eleventy 自稱是 Jekyll 的替代品,旨在以更簡單的方法來制作更快的靜態網站。
它似乎很容易上手,而且它還提供了適當的文檔來幫助你。如果你想找一個簡單的靜態網站生成工具,Eleventy 似乎會是一個有趣的選擇。
你可以參照它的 GitHub 頁面 和 官網 來了解更多的細節。
9、Publii
Publii 是一個令人印象深刻的開源 CMS,它能使生成一個靜態網站變得很容易。它是用 Electron 和 Vue.js 構建的。如果有需要,你也可以把你的文章從 WorkPress 網站遷移過來。此外,它還提供了與 GitHub 頁面、Netlify 及其它類似服務的一鍵同步功能。
如果你利用 Publii 生成一個靜態網站,你還可以得到一個所見即所得的編輯器。你可以從 官網 下載它,或者從它的 GitHub 頁面 了解更多信息。
10、Primo
一個有趣的開源靜態網站生成工具,目前開發工作仍很活躍。雖然與其他的靜態生成工具相比,它還不是一個成熟的解決方案,有些功能還不完善,但它是一個獨特的項目。
Primo 旨在使用可視化的構建器幫你構建和搭建網站,這樣你就可以輕松編輯和部署到任意主機上。
你可以參照 官網 或查看它的 GitHub 頁面 了解更多信息。
還有很多文章中沒有列出的網站生成工具。然而,我試圖提到最好的靜態生成器,為您提供最快的加載時間,最好的安全性和令人印象深刻的靈活性。
列表中沒有你最喜歡的工具?在下面的評論中告訴我。
via: itsfoss.com
作者: Ankush Das 選題: lujun9972 譯者: lxbwolf 校對: wxy
本文由 LCTT 原創編譯, Linux中國 榮譽推出
SP.NET Maker破解版是一款十分專業的代碼自動生成工具,該軟件界面直觀,生成的代碼干凈,初學者也可輕松掌握,能夠節省大量的使用時間,并具有組織和維護代碼的過程,可從SQL服務器和其他數據庫中以C語言快速生成ASP.NET Web應用程序;軟件可以幫助用戶快速地根據數據庫連接資料來源中生成一套完整的ASP.NET程序,也可以直接從SQL Server,MySQL,PostgreSQL,Oracle或Microsoft Access數據庫快速生成C#中的ASP.NET Core 2.0 MVC Web應用程序。
功能介紹
1、支持6種數據庫類型
Linux或Windows Web服務器上的MySQL,PostgreSQL,Microsoft SQL Server,Oracle,SQLite,Microsoft Access *(*對于MS Access必須是Windows)
2、列出,添加/復制,查看,編輯,刪除,多次更新和搜索頁面
3、模態對話框
列表頁面中的添加/復制,查看,編輯,刪除,多次更新和搜索頁面
登錄,注冊,更改密碼,密碼恢復頁面
4、桌面模式的可選表格形式
5、總結報告
詳細和總結報告
簡明摘要報告
6、交叉表報告
7、Chart.js的JavaScript圖表
二維列圖
條形二維圖
餅圖2D圖表
折線圖2D
二維區域圖
甜甜圈2D圖表
多系列柱二維圖
多系列線形二維圖
多系列區域2D圖表
多系列條形二維圖
堆積柱二維圖
堆積面積二維圖
堆積條形二維圖
多系列2D單Y組合圖(列/線/面)
堆積柱二維+直線單Y軸圖表
多系列2D Dual Y組合圖(列/線/面)
8、深入報表和圖表
深入報表小號
向下鉆取圖表
9、儀表盤報告
10、報表的分組間隔
11、報告的日期時間字段過濾器
12、來自多個數據庫的鏈接表
13、具有Bootstrap和AdminLTE的響應式布局
14、手機菜單
15、異步加載JavaScript和Bootstrap Spinner
在頁面加載時異步加載JavaScript時顯示微調框
16、面包屑,矢量圖標和工具提示的工具欄
17、導出為易于打印的HTML,Word,Excel,CSV,XML,電子郵件,PDF
18、鏈接,按鈕組和按鈕下拉菜單
19、網格添加,網格編輯,內聯添加,內聯復制和內聯編輯
20、母版/明細/添加/編輯/查看和多個母版/明細
21、參照完整性,級聯刪除和級聯更新
22、插入或更新記錄之前的可選確認頁面
23、列表/編輯/查看頁面中的尋呼機
24、查看標簽和編輯標簽選項
25、格式化文本
26、文件上傳到文件夾或數據庫(支持多文件上傳到文件夾)
27、快速搜索,擴展搜索和高級搜索
28、用戶ID安全和用戶級別安全
29、用戶注冊系統
30、密碼生成器和密碼強度計
31、帶有Bootstrap和AdminLTE變量的主題
32、菜單編輯器(支持圖標)
33、多個主/明細關系
34、詳細信息預覽(僅限注冊用戶的擴展名)
35、用戶CSS(支持Sass)
36、創建,更改和刪除數據庫視圖和查詢生成器
37、用戶可選頁面大小
38、表格行顏色
39、將新選項添加到選擇列表
40、具有多個顯示和父/過濾器字段的動態選擇列表
41、下拉選擇列表
多列單選按鈕列表
多列復選框列表
選擇列表(選擇一項)/單列單選按鈕列表
選擇列表
下拉選擇列表的選項模板
42、模態查找對話框(支持搜索)
43、自動建議
44、帶有帶有更多鏈接的選項模板
45、多頁添加/編輯/查看頁面(如標簽/藥片/手風琴)
46、標簽
47、登錄頁面(支持模式對話框,登錄和驗證碼)
48、服務器事件和客戶端腳本
軟件特色
1、工具簡單,安全性高
2、構建用于添加,編輯,搜索和顯示記錄的自動代碼
3、將所需結果導出為CSV/HTML/Excel/Word/XML/PDF/電子郵件格式
4、可以實施主,細節結構
5、基于您的自定義模板或模板進行定制
6、獨特和整潔的代碼
破解教程
1、下載軟件壓縮包文件,雙擊打開“aspnetmkr.exe”,進行安裝
2、閱讀軟件的許可協議,閱讀完成后點擊我接受許可協議,必須接受協議才能繼續安裝軟件
3、點擊“Change”選擇軟件安裝位置
安裝向導默認設置的軟件默認安裝路徑為C:\Program Files (x86)\ASP.NET Maker 2020
4、確認安裝信息,無誤,點擊Next進行安裝
5、軟件安裝完成,安裝向導會提示完成軟件安裝向導,點擊Finish
6、雙擊打開ASP.NET Maker軟件,點擊Help下的Register
7、將Keygen文件下的注冊機復制到軟件文件下,雙擊打開注冊機,將1選擇到ASP.NET Maker 2020,再點擊Generate
8、將注冊機中的Name和Key復制到軟件對應位置
9、注冊碼注冊成功
10、雙擊打開ASP.NET Maker破解版軟件,如下圖軟件破解完成,可以放心使用軟件
下載地址:http://www.32r.com/soft/81477.html
理 | Jane
出品 | AI科技大本營
此前,CSDN為大家介紹一個火爆文章生成器系統 BullshitGenerator,專以生成各種奇葩、“狗屁不通”的文章,還因此上了微博熱搜,只要你在上面寫了主題,這個生成器就能給你生成“長篇大論”,能力非凡。
這一工具看似很智能,堪與 GPT 作比,但其實背后的邏輯與算法能力卻不在一個層面,仍舊不妨礙大家對這類工具的關注與嘗試。目前這個 Github 項目已經獲得 10.9k Stars ,簡直驚呆。
項目地址:
https://suulnnka.github.io/BullshitGenerator/index.html
此外,還有網友搜集整合多方信息,又搜集了不少“可實用可玩味”的工具,下面就一起來看看,有沒有你鐘意的那一個。
特效生成器
1、圖片加字效果器, 可以在一些場景圖片上刻上你想要的文字
項目地址:
https://m.photofunia.com/categories/all_effects/snow_writing
一開始被這個效果器吸引是可以做出在雪地里寫字的效果,這簡直是南方娃的福音啊,而且可以隨時浪漫一把。后來研究這個工具,豈止是「雪地」這一個場景,整個網站上支持特殊節日、特殊場景等 21 個類目下 600 多個效果的生成,著實不賴。
不過經過使用體驗,發現這個工具還不能支持中文,這么好用的工具,希望作者后續也能考慮設計與支持中文字的效果。
2、在線表情包制作器
這兩個表情包在線制作工具,擁有其中任意一個工具,從此收藏里總是滿滿的,斗圖沒慫過。
第一個網站中,已經有很多表情包,在制圖里,可以直接在已有的表情上更改文字和字體效果,然后搜圖里可以從大量中快速搜索,也有一些大家使用很多的標簽分類。
在第二個工具「斗圖啦」中,提供了很多類型的模板與素材,可以自己 DIY。
終于知道我以前從別人那偷來的表情包是出自哪了,以后我也是表情包富有者,歐耶。
項目地址:
https://www.52doutu.cn/maker/2/?order=timedown
http://www.doutula.com/maker
3、諾基亞短信圖片生成器
這一張圖瞬間把我們帶回了十幾年啊,在這個工具中,大家只需要輸入文字,這樣的效果圖就可以一鍵自動生成。
項目地址:
https://zzkia.noddl.me:8020/?from=www.shadiao.app
有了表情包、圖片文字特效,下面給大家介紹兩種特效字體制作工具。
4、特殊字體生成器,可以將文字生成其他有趣字體
項目地址:
https://igfonts.io
內容生成器
5、抽象話生成器,也可以反過來還原抽象話到拼音
現在,表情、字符、特殊符號已經成為日常交流中使用率很高的一種表達形式,它在一定程度上增加了趣味性,但是也會產生溝通交流中的理解偏差,造成不變。
而這個工具的功能就是把輸入的文本轉換成一些抽象符號,正在研發中的新功能是把一些抽象符號還原成文本,不過此功能目前還存在很多有待改進的地方,比如只能轉換由這個系統生成的抽象表達,生成的結果也不是文字,而是拼音。同時,在試用過程中還發現了一些分詞問題,以后系統還可以在 NLP 方面工作多下下功夫,加以改進與優化。
項目地址:
https://cxh.papapoi.com/?from=groupmessage
6、cp短打生成器
輸入你心目中的兩個主角,生成器中就會編撰出一段故事,從此又一網絡文學新寫手誕生了,而且是不知疲倦,可以日夜隨時在線幫你寫文,直到生成你滿意的為止。
項目地址:
https://mxh-mini-apps.github.io/mxh-cp-stories/
7、Bgm自動生成器
這個網站收集了很多自動生成的音樂,神奇的是音樂就好像沒有時長控制一般,只要你不暫停,就會一直播放;如果你按了暫停,重新播放的又會跟之前不同,每次都不一樣,就好像在某些電影情景中,一段無限播放,又帶著迷幻,詭異變化意境的 BGM。
項目地址:
https://generative.fm
有趣應用的工具
8、實用工具,幫你決定“吃什么”
每天最重要和最難的事情是什么?答:今天吃什么?明天吃什么?
解決了這個問題,想必這一天里至少解決了 50% 會引發腦殼疼的事情。想當初為了做出一個抉擇,什么猜拳、擲骰子、抽簽各種方法都用上。而下面這個網站就非常實用了,尤其是對吃什么這件事有選擇困難癥的患者來說,就是必備工具。
作者設計了一個隨機抽簽工具,就像抽獎一樣,點擊開始與停止,看系統為你選了什么午餐(or 晚餐)。菜單欄目前包含兩類,一是通過內置輸入提供的菜品作為系統數據,二是根據「附近美食」作為數據,目前這個功能還在測試中。
下次不知道吃什么,我們就隨緣吧。
項目地址:
http://mofun.c7sky.com/rnd4dinner/
9、愛豆翻牌生成器
是不是微博上私信你的“現男友”、“前老公”、“男閨蜜”、“大姐夫”從來沒收到回復?現在有一個可以“自欺欺人”的工具,讓你可以隨時翻牌他們,你想撩的他可能都在哦。
起初以為這個工具的配置類似聊天機器人,點進去發現,并沒有其他功能,你點進你家愛豆的頭像后,進入一個模擬微博私信聊天的界面,多次嘗試后發現一些語料模板的組合使用的現象,而且相似度也比較高,如果后續這個系統功能做一些智能化的功能設計與實現,想必會吸引更多的粉絲來滿足自己的幻想,現在的功能還是略顯「沙雕」了。
項目地址:
http://wb.newbfun.com/fanpai/sixin.html
其他
下面介紹的幾個在工具中內置的文字內容,每次刷新可獲得新內容的生成器。
10、干了這碗毒雞湯,現在的苦都不叫苦了
項目地址:
https://www.nihaowua.com/home.
html http://www.nows.fun
11、如何有技術的罵人?
這兩個工具分別通過引用莎士比亞和馬丁路德的作品,而且你不會白挨罵,工具會注明引用出處,告訴你被那部著作羞辱了,在線感受一下這波“高級”操作吧。
項目地址:
http://www.pangloss.com/seidel/Shaker/index.html?//@
http://ergofabulous.org/luther/?
這些工具里有大家曾經使用過的嗎?歡迎大家嘗試,可以把有趣的作品與我們分享,或者補充你知道的有意思的工具,大家一起 Happy 一下。
搶飯碗?00 后程序員來了!
微軟張若非:搜索引擎和廣告系統,那些你所不知的AI落地技術
*請認真填寫需求信息,我們會在24小時內與您取得聯系。