本篇純粹只講hostingranking.cn網站的技術架構，也就是怎么做到的，達到什么效果。至于它是什么，為什么要做暫且不說，另篇會分享。

技術組成

首先hostingranking.cn是基于ghost博客平臺而構建的，ghost最強大的部分就是可以最大限度的讓你DIY網站，能力特別強。如下是技術組成圖：

技術講解

運行環境用途

Ghost	Nodejs	博客平臺，可供主題創作的環境，博客管理，SEO等一系列可插拔的功能
JQuery	Javascript	前端js交互
handlebar	-	網頁模板
spring boot	java	提供后端服務，連接第三方服務
typeform		第三方問卷調查服務
mailchimp		第三方郵件服務

主要功能

ghost主題制作，呈現網站基本內容

個性化主機推薦

博客

ghost主題制作

ghost主題制作非常簡單，只要你會寫js+html+css即可制作，另外最好要學會handlebar模板語言，會讓你制作主題事半功倍，入門制作教程參考我另一篇文章：https://cmlanche.com/2018/08/...

個性化主機推薦

基本流程如下

采用typeform來制作表單

開啟typeform的webhook，意思就是當客戶提交表單的時候，會往這個webhook url發送一個post請求，來告訴你有用戶提交了，以及提交的數據。

spring boot是我們的后端服務，專門用來制作webhook接口的，不要把webhook想的很神圣，沒什么難的，webhook接口其實就是一個普通接口，只是它被用來處理webhook發送來的數據罷了。

spring boot收到typeform提交的問卷信息后，去調用mailchimp的api，創建郵件，發送給客戶。

活動圖如下

我最終通過spring Boot接收webhook傳遞過來的不同數據，生成不同的推薦結果。

你可以在hostingranking.cn的實現效果，看自己是否能收到郵件，收到的是什么。

typeform

強大的問卷調查產品，體驗無與倫比，生成的文件簡單簡潔，完整的api支撐，對剛起步的新手產品免費支持，更重要的是，支持中文！在國內訪問暢通無阻！下圖是我hostingranking.cn產品涉及到的問卷設計：

mailchimp

世界上最常用的郵箱市場營銷工具，好處如下：

完全的開放，完整的api支持，支持用zapper連接上百款常用產品

中國訪問速度還可以，用api調用無礙

誠意滿滿的新手產品扶助計劃，幫助新產品達到足夠規模再收費！

按照上面說的個性化功能，當你提交問卷之后，我的mailchimp后臺會看到發送狀態，以及打開和點擊的狀態，如下圖：

一點吐槽：看到typeform和mailchimp，我想國外的東西做的真是開放，各種api都支持，反觀國內，則各種保護，就比如知乎、博客園、segmentfault等都是不開放api的，這點讓我覺得國內還不夠開放。

博客

博客功能是ghost內置的核心功能，目前我沒有在hostingranking.cn中開放，因為博客頁面和詳情頁面的功能還沒做好，等做好了再貼圖了。

先用我的個人博客網站代替了：https://cmlanche.com (托管在github pages上的)

附

hostingranking.cn網站托管在Vultr主機上，買的最低配的VPS，每個月5美金

如果你要買它的主機并且你的主要客戶在大陸的話，你一定要買日本的主機，不要買美國和新加坡的，因為日本的平均ping值是最低的，大約一百多，新加坡的主機會繞過日本再到中國，慢一些，而美國的大概兩三百。

總結

以上是生活随笔為你收集整理的hostingranking.cn·基于ghost的轻量技术架构整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。