# BasicSilenceWebsite

**Repository Path**: howardwang/BasicSilenceWebsite

## Basic Information

- **Project Name**: BasicSilenceWebsite
- **Description**: 衣服主页
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: vue
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-10-28
- **Last Updated**: 2023-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 介绍

BasicSlience 网站用 vue 框架开发的纯前端静态网站

## 编译和运行

因为在国内 npm 的源会被墙掉，所以建议使用淘宝的源，或者使用 **cnpm**, 配置参考[这里](https://npm.taobao.org/)


``` bash
# install dependencies
cnpm install

# 开发模式
cnpm run dev

# build for production with minification
cnpm run build

# build for production and view the bundle analyzer report
cnpm run build --report

# 对代码规范进行扫描
cnpm run lint
```

本地看效果，可以执行: npm run dev
浏览器中输入：http://127.0.0.1:8080
要关闭，按下: ctrl + c

修改图片链接和文字：static\data_json\index.js

## 部署

主要参考这个[链接](https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-18-04)，步骤如下

### 创建 basic_sliecne 目录
sudo mkdir -p /var/www/basic_silence/html

### 给 html 目录当前用户权限，之后就可以拷贝数据到这个目录，不然没有权限
sudo chown -R $USER:$USER /var/www/basic_silence/html

### 将编译好的网站内容复制到对应位置，注意：html 应该是 howard 这个用户的权限
cp -r  ~/Develop/BasicSilenceWebsite/dist/* /var/www/basic_silence/html/

### nginx 配置中创建这个网站的配置信息
sudo nano /etc/nginx/sites-available/basic_silence

### 修改 basic_silence 这个配置信息
### 注意：需要 sudo 要有修改权限
sudo nano /etc/nginx/sites-available/basic_silence

```sh
server {
        listen 80;
        listen [::]:80;

        root /var/www/basic_silence/html;
        index index.html index.htm;

        server_name basicsilence.com www.basicsilence;

        location / {
                try_files $uri $uri/ =404;
        }
}
```

### 创建链接，注意：必须全路径，如果是相对路径则链接会失效
sudo ln -s /etc/nginx/sites-available/basic_silence /etc/nginx/sites-enabled/

### 修改 nginx.conf 文件
### 放开 server_names_hash_bucket_size 这个字段，但是不清楚作用是什么
sudo nano /etc/nginx/nginx.conf

### 测试下看看 nginx 配置文件有没有错误
sudo nginx -t

### 重启 nginx
sudo systemctl restart nginx