推薦三款博客建站生成器,總有一款適合你(粉絲福利:文末免費送華爲雲服務器、手環)...

大家好,今天和大家聊聊如何又經濟又快速的搭建一款個人博客站點。目前最流行博客建站方案莫非使用wordpress,但是使用 wordpress 你需要搭建 php 環境以及 mysql 數據庫環境,購買虛擬空間或服務器之類的。今天給大家推薦的方案是一個純靜態站點的解決方案(SSG),無需服務端支持,只要站點支持靜態html,就能輕鬆部署。

靜態網站生成器的方案使您可以使用簡單的格式(例如Markdown)將網站的內容存儲在單獨的文件中,並在其他位置定義相關的標記,樣式和腳本。然後,你運行特殊命令,並將這些文件轉換爲提供給用戶的純HTML文件,這樣一個靜態站點就生成啦。廢話不多說,讓我們來看看這幾款目前比較流行的靜態網站生成器建站工具。

一、Jekyll

Jekyll官方站點:

https://jekyllrb.com/


jekyll是一個簡單的免費的Blog生成工具,類似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一個生成靜態網頁的工具,不需要數據庫支持。但是可以配合第三方服務,例如Disqus。最關鍵的是jekyll有一套標準化的github的部署流程,而且可以綁定自己的域名。

jekyll最大的亮點就是將純文本轉換爲靜態博客網站,使用起來有以下特點

1、簡單:不再需要數據庫,不需要開發評論功能,不需要不斷的更新版本——只用關心你的博客內容。

2、靜態:使用 Markdown(或 Textile)、Liquid 和 HTML & CSS 作爲源文件構建可發佈的靜態網站。

3、博客支持:支持自定義地址、博客分類、頁面、文章以及自定義的佈局設計。

如何安裝和使用?

gem install jekyll bundler 
jekyll new my-awesome-site 
cd my-awesome-site 
bundle install 
bundle exec jekyll serve

打開瀏覽器 http://localhost:4000/ 進行預覽即可

注:使用bundle install 安裝Gemfile中的依賴時,遇到長時間無響應的情況。其原因爲訪問國外鏡像源網頁鏈接:https://rubygems.org/ 速度較慢。這裏我們需要通過以下命令修改鏡像地址: 

$ bundle config mirror.https://rubygems.org/  https://gems.ruby-china.com/

二、Hugo

Hugo官方站點:

https://gohugo.io/

Hugo 功能豐富,基於 Go 語言構建的靜態站點生成器,官網自稱此框架是全球最快的網站靜態生成器,其快速的構建方式及靈活性,讓網站建設更有趣。並且其官方提供300套模板風格供你選擇。

如何安裝?
brew install hugo
hugo new site sp_demo
cd sp_demo
git init
#添加風格模板
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

完成構建後,其目錄結構如下:

接下來在 themes/ananke 修改模板配置 config.toml 文件將其指定爲 ananke 風格:

# config.toml
# ...
theme = "ananke"

接下來我們創建內容文件,網站的內容位於 content 文件夾目錄裏,我們來創建 markdown 文件

hugo new bands/metallica.md

最後我們運行站點:

hugo server -D

打開瀏覽器 http://localhost:1313  進行預覽即可


更多用法請參考官網。

三、Hexo

Hexo官方站點:

https://hexo.io/

Hexo 基於 Node.js 構建,我們可以使用 markdown 文件源作爲我們網站的內容源,其具有以下特點:

  1. 基於Node.js, 運行速度快

  2. 部署簡單

  3. 擁有豐富的第三方插件和主題

  4. 擴展性強

  5. 配置簡單,啓動運行簡單

  6. 熟悉 JavaScript 就能輕鬆運行

Hexo 如何運行和工作?

Hexo 使用 EJS,Pug或Jade 等類型定義網站模板,我們可以在模板裏定義變量,然後結合md文件,進行內容的渲染,具體的原理示意如下:

如何安裝?

1、首先我們先全局安裝,創建項目和安裝相關依賴

npm install -g hexo-cli
hexo init Demo
cd Demo
npm install

2、完成創建後,其目錄結構如下:

3、最後我們運行站點:

hexo server

打開瀏覽器  http://localhost:4000  進行預覽即可


粉絲福利

有了這些工具後,我們就可以快速搭建自己的博客了,把自己平常用到知識、遇到的坑及解決方案進行梳理和記錄,並分享給更多的人。博客內容整理好了,我們就要考慮部署網站了,這裏給大家送來 “華爲雲” 的建站福利:

前段時間,華爲雲的負責人找到我,希望我能幫助推廣下華爲雲,對於公衆號主而言,要麼給錢,要麼給福利。他們不是商務部門,只能選擇給福利。那今天的福利可就厲害了:

福利一、雲產品0元使用一個月!!!

今天免費領取華爲雲服務器,話不多說,先看效果圖。

福利二:抽獎:

一等獎:華爲榮耀手環5 籃球版

1、33、66、166、188、266……位註冊用戶,5個工作日後開獎(5月16日本週六),必須實名認證!

二等獎:華爲雲888元無門檻代金券(每100名用戶的第18、58、88…位註冊用戶可獲獎,必須實名認證!)

三等獎:華爲雲100元無門檻代金券(中獎率30%,每100位用戶前30位,必須實名認證!)

本次活動送出的華爲雲代金券,沒有任何滿減門檻,可以直接用券購買(除包週期1年及以上的產品)

是不是很給力!!!!!

總有些同學問我怎麼找服務器、在哪買服務器,這回終於給大家搞到免費的了!!!

因爲華爲雲需要審覈是否實名,所以此次抽獎沒辦法通過抽獎小程序來發送,那就按照後臺註冊順序來抽吧。具體的次序排名抽取方法,可以參考上文。

獲獎名單,將會在5月16號(本週六),另開文章公佈,絕對公開公正,不弄虛作假!感謝大家的信任。

抽獎規則:實名認證之後纔有抽獎、免費試用、使用代金券資格

參與步驟

第一步:識別下圖專屬二維碼,註冊並關聯。

重要:一定要從二維碼註冊參與(或者點擊文末閱讀原文進行參與)。這樣纔不影響後期的福利發放。

第二步:點擊右上角頭像,進行實名認證(如圖)

重要:一定要實名認證哦,否則無法領取福利

完成實名認證之後,你就完成了所有的操作步驟 接下來,就可以靜等開獎了。

免費服務器領取

想要領取免費服務器的同學,在完成抽獎步驟之後,點擊最新活動→新手福利,就可以領取了。

當然如果有購買服務器的夥伴還可以參加雲上優選活動,服務器0.7折起,1C 2G雲耀雲服務器 99元一年,像這個配置,學生做做測試,學習用已經足夠了。

除了上面掃碼,也可以點擊下方“閱讀原文”註冊參與活動。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章