首页 > 评测 > 玩派|用树莓派打造你的个人专属静态博客

玩派|用树莓派打造你的个人专属静态博客

  • 作者:liuluqqzj
  • 来源:21ic
  • [导读]
  • 吹客=Trick ; 这是评测频道打造地一个全新栏目,旨在用轻松活泼的方式让大家一起来分享开发板使用开发的技巧和心得。只要你的文章是原创的,并且有观点有干货,一切内容和题材都可以被我们所接受。投稿请至stitch-sk@hotmail.com(采用有惊喜!)

本文介绍如何在树莓派上搭建一个可以外网访问的静态博客

1. 软件硬件环境需求

硬件需求

树莓派:Raspberry-Pi 3b(当前版本),如图1.1

花生棒:内网穿透工具

路由器:不限

树莓派3b_副本.jpg

软件需求

Nginx:一款web代理服务器

Hexo:静态博客生成工具

Markdown编辑器:markdown语法编辑器,常用于博客

2. 安装博客生成工具

树莓派上可安装的静态博客工具种类繁多,此处介绍Hexo博客生成工具,Hexo具备简单易用、主题丰富等特点,被广泛应用在Github Page博客中,关于Hexo的特点,更多详情可访问Hexo官网。本文使用Hexo搭建博客,要使用Hexo建站,需要实现以下几个步骤。

步骤1 安装Git

确保你的树莓派已经安装了Git代码工具(貌似不推送到Github Page的话可不安装)

Debian: sudo apt-get install git-core

树莓派3B的Debian系统自带Git工具,可跳过此步。

步骤2 安装Node.js

Hexo的运行依赖于该语言环境,安装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安装完成后,关闭终端并重启,运行以下命令安装Node.js.

$ nvm install 4

步骤3 安装Hexo

完成上述环境需求后,即可使用npm安装Hexo.

$ npm install -g hexo-cli

步骤4 简单配置Hexo工作环境

Hexo需要一个独立的文件夹作为博客的管理空间,首先进入家目录/home/xxx/,使用mkdir Blog命令创建一个博客文件夹,得到博客的目录/home/pi/Blog/,在该目录下,输入命令:

# hexo init

等待该命令的执行,以完成博客环境的初始化,此命令只有在第一次创建博客环境时需要执行。

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

hexo目录_副本.jpg

其中博客存放在Blog/source/_posts目录下,假设当前已经有写好的文章(Hexo初始化后存在一篇HelloWorld.md文章),在Blog/下输入以下命令来生成静态博客:

# hexo g

该命令将解析生成的静态博客存放在目录/Blog/public/下。要想看到博客的网页效果,可使用以下命令:

# hexo s

执行该命令后终端打印出:

INFO Start processing

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

在本地浏览器中输入上述url即可看到静态网页,如图2-2所示:

hexo首页_副本.jpg

了解更多博客配置:参考文档

3. 安装使用web服务器

3.1 安装Nginx服务器

要想实现局域网内的博客访问,还需要实现web服务代理,考虑到树莓派性能的限制,此处选择安装一款轻量级的Web 服务器Nginx,安装命令如下:

# sudo apt-get install nginx

安装完成后启动nginx:

# sudo /etc/init.d/nginx start

完成启动后使用ifconfig查询当前树莓派的IP地址,在浏览器中输入IP地址即可看到Nginx建立的网页效果,如图3-1所示。

nginx首页_副本.jpg

Nginx的www根目录默认在 /usr/share/nginx/www/下,为了让Nginx指向Hexo解析生成的博客,需修改Nginx的配置文件。首先打开配置文件:

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

配置文件的主要内容如下:

# Default server configuration

  • 本文系21ic原创,未经许可禁止转载!

网友评论