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

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

一、静态网站介绍

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

二、前置准备

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

  1. 开通京东云账户,若您还未注册京东云账号,可在京东云官网进行注册

  2. 账户开通后,需要进行实名认证

  3. 购买一台或多台云主机或者轻量云主机产品;

  4. 登录轻量云主机,复制下面步骤中的命令进行执行操作;

三、安装Nginx

更新yum(可选操作,非必须执行操作)

yum upgrade

image.png

增加epel源

sudo yum install epel-release

image.png

安装Nginx

sudo yum install nginx

image.png

启动服务

sudo systemctl start nginx

image.png

确认服务状态可用

sudo systemctl status nginx

image.png

四、部署网站demo

下载静态网站demo文件

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

解压缩文件

yum install -y unzip zip
unzip my-website.zip

image.png

复制public 文件到 /usr/share/nginx/html

cd my-website
cd public
cp -R . /usr/share/nginx/html

image.png

重启使配置生效

sudo systemctl reload nginx

五、查看网站效果

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

image.png

六、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 

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值