京东云轻量云主机部署静态网站教程

一、静态网站介绍

静态网站是指全部由HTML（标准通用标记语言的子集）代码格式页面组成的网站，所有的内容包含在网页文件中，一般文件名均以htm、html、shtml等为后缀。

部署静态网站适合轻型的、用户访问频率低的站点，许多个人博客、公司官网等站点都会选择使用静态网站进行部署，本文以轻量云主机（Ubuntu 20.04系统）为例，介绍如何部署静态网站。

二、前置准备

正式开始部署前，您需完成如下的准备工作：

1. 开通京东云账户，若您还未注册京东云账号，可在京东云官网进行注册；
2. 账户开通后，需要进行实名认证；
3. 购买一台或多台云主机或者轻量云主机产品；
4. 登录轻量云主机，复制下面步骤中的命令进行执行操作；

三、安装Nginx

更新软件包

sudo apt update
sudo apt install nginx

启动服务， 如果启动服务报错 sudo: unable to resolve host {轻量云主机实例id}: Name or service not known， 请见下面操作步骤

sudo systemctl start nginx

可选步骤：如果上面报错，修改 /etc/hosts 文件中主机名和 IP 地址映射关系

打开 /etc/hosts 文件，并添加当前主机名（需添加实际使用的主机名）， 修改后退出 Nano，按 Ctrl + X，然后按 Y 键以确认保存修改

sudo nano /etc/hosts

再次启动服务后，确认服务状态可用

sudo systemctl status nginx

四、部署网站demo

下载静态网站demo文件

wget https://img1.jcloudcs.com/cn/iavm/tutorials/my-website.zip

解压缩文件

apt install unzip
unzip my-website.zip

复制public 文件到 /var/www/html/

cd my-website
cd public
cp -R .  /var/www/html/

重启使配置生效

nginx -s reload

五、查看网站效果

在浏览器输入主机的ip，查看静态网站效果

六、Hugo 搭建网站介绍

Hugo 是非常常用的静态网页构建及维护的工具，并且有强大的生态支持，步骤4的网站demo使用的是Hugo 进行的搭建。

Hugo搭建一个企业网站，初始化配置如下:

安装hugo （Mac）

brew install hugo

初始化Hugo站点

hugo new site quickstart

安装网站主题，本次demo使用的是: educenter-hugo

cd themes && git clone https://github.com/me-jser/educenter-hugo

使用主题并迁移实例数据，编辑 config.toml 并配置: theme = "educenter-hugo"

启动并预览效果

hugo server