首頁(yè) > 評(píng)測(cè) > 玩派|用樹(shù)莓派打造你的個(gè)人專(zhuān)屬靜態(tài)博客

玩派|用樹(shù)莓派打造你的個(gè)人專(zhuān)屬靜態(tài)博客

  • 作者:liuluqqzj
  • 來(lái)源:21ic
  • [導(dǎo)讀]
  • 吹客=Trick ; 這是評(píng)測(cè)頻道打造地一個(gè)全新欄目,旨在用輕松活潑的方式讓大家一起來(lái)分享開(kāi)發(fā)板使用開(kāi)發(fā)的技巧和心得。只要你的文章是原創(chuàng)的,并且有觀點(diǎn)有干貨,一切內(nèi)容和題材都可以被我們所接受。投稿請(qǐng)至stitch-sk@hotmail.com(采用有驚喜!)

本文介紹如何在樹(shù)莓派上搭建一個(gè)可以外網(wǎng)訪(fǎng)問(wèn)的靜態(tài)博客

1. 軟件硬件環(huán)境需求

硬件需求

樹(shù)莓派:Raspberry-Pi 3b(當(dāng)前版本),如圖1.1

花生棒:內(nèi)網(wǎng)穿透工具

路由器:不限

樹(shù)莓派3b_副本.jpg

軟件需求

Nginx:一款web代理服務(wù)器

Hexo:靜態(tài)博客生成工具

Markdown編輯器:markdown語(yǔ)法編輯器,常用于博客

2. 安裝博客生成工具

樹(shù)莓派上可安裝的靜態(tài)博客工具種類(lèi)繁多,此處介紹Hexo博客生成工具,Hexo具備簡(jiǎn)單易用、主題豐富等特點(diǎn),被廣泛應(yīng)用在Github Page博客中,關(guān)于Hexo的特點(diǎn),更多詳情可訪(fǎng)問(wèn)Hexo官網(wǎng)。本文使用Hexo搭建博客,要使用Hexo建站,需要實(shí)現(xiàn)以下幾個(gè)步驟。

步驟1 安裝Git

確保你的樹(shù)莓派已經(jīng)安裝了Git代碼工具(貌似不推送到Github Page的話(huà)可不安裝)

Debian: sudo apt-get install git-core

樹(shù)莓派3B的Debian系統(tǒng)自帶Git工具,可跳過(guò)此步。

步驟2 安裝Node.js

Hexo的運(yùn)行依賴(lài)于該語(yǔ)言環(huán)境,安裝Node.js的最佳方式是使用nvm,首先輸入以下兩條命令:

cURL:

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

nvm安裝完成后,關(guān)閉終端并重啟,運(yùn)行以下命令安裝Node.js.

$ nvm install 4

步驟3 安裝Hexo

完成上述環(huán)境需求后,即可使用npm安裝Hexo.

$ npm install -g hexo-cli

步驟4 簡(jiǎn)單配置Hexo工作環(huán)境

Hexo需要一個(gè)獨(dú)立的文件夾作為博客的管理空間,首先進(jìn)入家目錄/home/xxx/,使用mkdir Blog命令創(chuàng)建一個(gè)博客文件夾,得到博客的目錄/home/pi/Blog/,在該目錄下,輸入命令:

# hexo init

等待該命令的執(zhí)行,以完成博客環(huán)境的初始化,此命令只有在第一次創(chuàng)建博客環(huán)境時(shí)需要執(zhí)行。

初始化完成后Hexo生成了一系列的文件目錄,如圖2-1所示:

hexo目錄_副本.jpg

其中博客存放在Blog/source/_posts目錄下,假設(shè)當(dāng)前已經(jīng)有寫(xiě)好的文章(Hexo初始化后存在一篇HelloWorld.md文章),在Blog/下輸入以下命令來(lái)生成靜態(tài)博客:

# hexo g

該命令將解析生成的靜態(tài)博客存放在目錄/Blog/public/下。要想看到博客的網(wǎng)頁(yè)效果,可使用以下命令:

# hexo s

執(zhí)行該命令后終端打印出:

INFO Start processing

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

在本地瀏覽器中輸入上述url即可看到靜態(tài)網(wǎng)頁(yè),如圖2-2所示:

hexo首頁(yè)_副本.jpg

了解更多博客配置:參考文檔

3. 安裝使用web服務(wù)器

3.1 安裝Nginx服務(wù)器

要想實(shí)現(xiàn)局域網(wǎng)內(nèi)的博客訪(fǎng)問(wèn),還需要實(shí)現(xiàn)web服務(wù)代理,考慮到樹(shù)莓派性能的限制,此處選擇安裝一款輕量級(jí)的Web 服務(wù)器Nginx,安裝命令如下:

# sudo apt-get install nginx

安裝完成后啟動(dòng)nginx:

# sudo /etc/init.d/nginx start

完成啟動(dòng)后使用ifconfig查詢(xún)當(dāng)前樹(shù)莓派的IP地址,在瀏覽器中輸入IP地址即可看到Nginx建立的網(wǎng)頁(yè)效果,如圖3-1所示。

nginx首頁(yè)_副本.jpg

Nginx的www根目錄默認(rèn)在 /usr/share/nginx/www/下,為了讓Nginx指向Hexo解析生成的博客,需修改Nginx的配置文件。首先打開(kāi)配置文件:

# sudo vim /etc/nginx/sites-available/default

配置文件的主要內(nèi)容如下:

# Default server configuration

  • 本文系21ic原創(chuàng),未經(jīng)許可禁止轉(zhuǎn)載!

網(wǎng)友評(píng)論

  • 聯(lián)系人:巧克力娃娃
  • 郵箱:board@21ic.com
  • 我要投稿
  • 歡迎入駐,開(kāi)放投稿

熱門(mén)標(biāo)簽
項(xiàng)目外包 more+