對大部分同學來說,有自己的網站是很酷的事情。我還記得自己第一次親手搭建個人博客時,真的是滿滿的成就感!
但不得不說,隨著技術的發展和開源,如今現成的東西實在太多了!想要擁有個人網站,基本也都不用自己寫代碼了,幾分鐘就能輕松搞定。
下面就分享一波現成的、開箱即用的網站生成器,對于想要快速搭建個人網站、甚至是上線屬于自己產品的同學來說,絕對是非常不錯的!
開源的建站系統,小到個人博客、大到企業電商平臺,都可以輕松實現。
的強大之處在于 傻瓜式、多主題、插件豐富 。
首次使用 時,只需要免費獲取到其源碼,然后跟著引導程序安裝和可視化配置網站就好了。而且因為它的強大,現在很多云服務器都自帶了 鏡像,都不用自己安裝和部署了!
在后臺輕輕點一下,就能從 8000 多個免費主題中隨意切換:
選擇主題
最強大的還是它的插件生態,通過安裝插件,可以給你的網站添加更豐富的功能,比如投票、表單、郵件發送、第三方登錄、安全防護、搜索引擎優化等,甚至可以用 插件可視化制作頁面。
可視化制作頁面Docsify
超級好用的文檔站點生成器!
特點是使用簡單,跟著官網教程輸入兩行命令就能完成安裝和生成站點了,生成的文檔樣式也很精簡優雅,并且是響應式的,手機上看也很不錯。
效果如下:
其實我們平時看到的很多文檔和文章分享網站,都是用 docsify 生成的,不需要任何的技術含量,能夠讓我們更專注于去寫文章而非調整格式。
Dumi
阿里推出的文檔站點生成工具,也是輸入幾行命令就能得到文檔網站。
和 docsify 不同的是,Dumi 專為 組件開發 場景而生,很適合作為組件庫的文檔。可以嵌入和折疊代碼塊、提供組件在終端中的瀏覽效果等,比如下方的移動端組件庫站點:
移動端組件預覽
Dumi 生成的網站很精簡,而且封面支持自定義特性的展示,因此也很適合作為項目或產品的官方文檔。
Img Cook
阿里團隊開發的頁面生成器,運用人工智能技術,可以根據設計稿一鍵智能生成代碼!
用法很簡單,只需要上傳一份設計稿(PS、sketch、圖片等格式都可以),就能自動轉換為對應的網頁代碼文件,甚至還可以隨意編輯網頁的內容、樣式和事件!
比如我上傳一張小破站的截圖,Img Cook 自動識別出了幾個內容框,然后我就能手動修改內容數據:
利用這個原理,我們還可以隨意修改表情包底下的文字,是不是很神奇~
肯定會有同學對生成代碼的質量表示懷疑,但事實上,阿里曾經用這個工具生成了雙 11 會場的新頁面,且 90% 以上的代碼能夠直接用!恐怖如斯。
Ant Design Landing
螞蟻開發的網站首頁生成器,平臺提供了豐富的首頁模板,可以快速幫我們上線專屬網站首頁。
選中模板后,還能夠可視化地編輯頁面中的元素、添加新元素等,想怎么改就怎么改!
最爽的是,還能夠直接一鍵發布做好的網站!它利用 vercel 為我們提供了默認的可訪問域名,不需要購買域名和服務器。
(記得把生成的地址中的 "" 去掉,否則無法訪問)
騰訊兔小巢
想要做好一款產品,就要多傾聽用戶的聲音,持續接受他們的反饋并給予答復。
有了兔小巢,這一切都變得簡單了。這是騰訊提供的免費、專業的 產品反饋平臺 ,可以一鍵為我們的產品生成一個專屬的反饋論壇,從而省去了自己搭建社區的麻煩。
百度統計
想要運營好自己的網站,獲取更多的用戶,就一定要做好網站的數據統計,并且通過日常對數據進行分析,來了解用戶的行為和偏好,以持續優化自己的網站。
但自行開發網站統計功能可是非常麻煩的,需要前端埋點上報、后端收集等,哪塊兒都需要精心設計,對這方面知識不了解的同學連基本的統計功能都做不出來,更別提什么大數據分析與可視化了。
這時可以選擇 百度統計 ,超級好用的中文網站分析平臺,支持網站、APP、小程序、線下零售等各種場景,輕松滿足我們網站的數據自動采集、統計和分析需求。
用戶分析
功能強大不說,關鍵是這玩意太簡單易用了,只需一分鐘,不用寫任何代碼 ,就能輕松接入百度統計,讓它幫我們運營和分析網站啦!
One Nav
很多導航網站長的一毛一樣!基本都是下面這個樣子:
其實就是用了 One Nav 這樣一個 導航網站 主題來自動生成的,這個網站基于開源的 Web Stack 項目二次開發,提供了更好的體驗,還支持了多引擎搜索、新聞、熱榜等功能。
但美中不足的是,想直接使用全部功能的話,要交費。。。
Discuz
Discuz 是幾年前國內最知名的 PC 端開源社區軟件,但由于移動互聯網的發展,PC 社區逐漸失去高光,Discuz 的發展也停滯了。
但前段時間,騰訊將 Discuz 升級成了 Discuz! Q,是一個更適配移動端的社區軟件,依舊開源,并打通了微信生態(比如微信支付)。
無需自己開發,動動手指就能擁有一個屬于自己的社區。文章、視頻、評論、點贊、關注、知識付費等應有盡有!
社區效果后臺管理
后臺管理平臺可能是企業開發中最常見的需求了,有前臺的地方通常就有后臺,比如用戶管理、商品管理、數據分析等。
因此如今網上現成的后臺管理平臺也非常多,基本啥語言、啥框架實現的都有,比如 vue-element-admin 、react-admin 、go-admin 等,基本都是開箱即用,能省去重復搭建管理后臺的麻煩。
Vue 實現的管理后臺
最后,雖然說現成的網站真香,但對于學習編程的同學來說,自己用心做的、能學到知識的才是最好的!大家也可以參考上面的這些網站來學習。
- END-
來源 |程序員魚皮
作者 |魚皮
*請認真填寫需求信息,我們會在24小時內與您取得聯系。