# 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**: 2026-01-17

## 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)，步骤如下

```sh
# 创建 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

# 创建链接，注意：必须全路径，如果是相对路径则链接会失效
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
```

nginx 配置如下

```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;
    }
}
```