Nginx+Hexo搭建个人博客

• 配置Hexo环境

• • 安装Hexo
  • 安装主题

• 用Nginx进行反向代理

• • Linux下安装nginx
  • 更改nginx配置进行代理

配置Hexo环境

安装Hexo

sudo apt-get install npm #这是安装npm，如果自己机器上有则跳过
sudo npm install cnpm -g #等下我们需要用npm装一些东西，它默认采用国外镜像所以有点慢，我们用它下载淘宝镜像cnpm
sudo cnpm install hexo-cli -g #安装hexo支持
mkdir blog #新建项目文件夹
cd blog #进入文件夹
hexo init #生成项目
hexo clean #清除缓存
hexo g #编译
hexo s #运行

现在打开浏览器访问localhost:4000便能看见博客网站了
效果如下

安装主题

我们可以看出现在这个博客是有些单调的，它采用的是hexo官方默认主题landscape，我们可以去github找找看有没有新的主题，我找的apollo。

#安装apollo所需依赖
cnpm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
#建立主题目录
mkdir themes/apollo
#将主题克隆到这个目录
git clone https://github.com/pinggod/hexo-theme-apollo.git themes/apollo

打开一级目录下的_config.yml文件，找到theme,将后面的参数从landscape改为apollo。
然后清理缓存重新编译运行。重新访问自己的博客就可以看到效果了。

用Nginx进行反向代理

Linux下安装nginx

博客搭好之后你可能就要想想该怎么把它部署到公网上去了。不然只有自己能看见。网上常见的办法是撸github的羊毛，但平时访问github的速度有多慢你也知道，借助它来开放博客的体验如何真的很难说。如果你有一台××云服务器，那就不一样了。好，我假定你有。
第一件事是干什么呢？
下载安装nginx
这个我就不教你了，根据自己操作系统的种类上网搜索一下。
装好之后我们要更改一个文件，在windwos下是nginx.conf，Linux下是default,后者一般在/etc/nginx/sites-enabled目录下，打开是这样的。

##
# You should look at the following URL's in order to grasp a solid understanding
# of Nginx configuration files in order to fully unleash the power of Nginx.
# https://www.nginx.com/resources/wiki/start/
# https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
# https://wiki.debian.org/Nginx/DirectoryStructure
#
# In most cases, administrators will remove this file from sites-enabled/ and
# leave it as reference inside of sites-available where it will continue to be
# updated by the nginx packaging team.
#
# This file will automatically load configuration files provided by other
# applications, such as Drupal or Wordpress. These applications will be made
# available underneath a path with that package name, such as /drupal8.
#
# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
##

# Default server configuration
#
server {
	listen 80 default_server;
	listen [::]:80 default_server;

	# SSL configuration
	#
	# listen 443 ssl default_server;
	# listen [::]:443 ssl default_server;
	#
	# Note: You should disable gzip for SSL traffic.
	# See: https://bugs.debian.org/773332
	#
	# Read up on ssl_ciphers to ensure a secure configuration.
	# See: https://bugs.debian.org/765782
	#
	# Self signed certs generated by the ssl-cert package
	# Don't use them in a production server!
	#
	# include snippets/snakeoil.conf;

	root /var/www/html;

	# Add index.php to the list if you are using PHP
	index index.html index.htm index.nginx-debian.html;

	server_name _;
	
	location / {
		proxy_pass http://localhost:4000;
	}	

	#location / {
		# First attempt to serve request as file, then
		# as directory, then fall back to displaying a 404.
	#	try_files $uri $uri/ =404;
	#}

	# pass PHP scripts to FastCGI server
	#
	#location ~ \.php$ {
	#	include snippets/fastcgi-php.conf;
	#
	#	# With php-fpm (or other unix sockets):
	#	fastcgi_pass unix:/var/run/php/php7.0-fpm.sock;
	#	# With php-cgi (or other tcp sockets):
	#	fastcgi_pass 127.0.0.1:9000;
	#}

	# deny access to .htaccess files, if Apache's document root
	# concurs with nginx's one
	#
	#location ~ /\.ht {
	#	deny all;
	#}
}


# Virtual Host configuration for example.com
#
# You can move that to a different file under sites-available/ and symlink that
# to sites-enabled/ to enable it.
#
#server {
#	listen 80;
#	listen [::]:80;
#
#	server_name example.com;
#
#	root /var/www/example.com;
#	index index.html;
#
#	location / {
#		try_files $uri $uri/ =404;
#	}
#}

你需要做的是将原先的location模块注释掉，改成像我这样的。我们讲讲这个模块

	location / {
		proxy_pass http://localhost:4000;
	}	

/后面的东西其实是对服务地址的匹配，要是什么都没有，就代表直接代理proxy_pass后面的这个地址。

怎么就代理了呢？代理是什么意思？
代理分正向代理和反向代理，这一波操作叫做反向代理。
刚刚我们讲了为什么要代理，因为hexo的服务是无法对公网开放的，所以我们用上了能对公网开放的的nginx。让用户可以用nginx作为跳板，来访问我们的博客，譬如你有一台公网IP为xxx.xx.xxx.xx的服务器，你的nginx采用80端口对公网开放，世界上任何一个人打开浏览器访问xxx.xx.xxx.xx可能是这样的效果

但是现在当你设置了这三行代理（改完之后要重启nginx服务），那么你再访问xxx.xx.xxx.xx，它就被指向了你服务器上的localhost:4000，所以，别人就能看见你的博客了。顾名思义，这就是一个简单的反向代理。