homepage

bafflingBUG的个人主页

基于Vue构建

粒子效果基于[email protected]制作

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

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

如何使用

1. 前往release下载最新的已发布版本(v2.0+)
2. 修改/api/config.json
   • title: 网站标题
   • links: 链接列表:每一个链接为一个字符串数组,数组第一个是显示的内容,第二个是链接,第三个是图标的标签(使用Font Awesome)
   • myWebSite: 本站地址
   • ICP: 网站备案号，没有请保持默认
3. 替换/static/img中的bg.XXXXX.png、logo.png、favicon.ico
   • bg.XXXXX.png: 背景图片
   • logo.png: 网站图标
   • favicon.ico: 网站头像
4. 使用nginx或Apache等架设服务器

启用Gzip

在/usr/local/nginx/conf/nginx.conf添加以下代码

http {
    gzip on;
    gzip_static on;
    gzip_min_length  1k;
    gzip_buffers     4 16k;
    gzip_http_version 1.1;
    gzip_comp_level 4;
    gzip_types text/css text/xml text/plain image/jpeg image/png image/gif image/x-icon image/svg+xml image/x-ms-bmp image/tiff application/javascript application/font-woff application/json application/pdf application/vnd.ms-fontobject audio/mpeg;
    gzip_vary on;
    gzip_disable "MSIE [1-6].";
}

gzip_static需要指定 --with-http_gzip_static_module编译选项