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