yuzu/yuzu-emu.github.io
1
0
Fork 0
mirror of https://github.com/yuzu-emu/yuzu-emu.github.io.git synced 2025-06-12 00:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #183 from liushuyu/hugo

Browse source 
Generate Thumbnails for Images
This commit is contained in:
Schplee 2020-07-27 23:27:21 -07:00 committed by GitHub
parent 629a7ef406 6a97ed57ff
commit 724d1f9255
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 3316 additions and 2302 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.travis.yml
View file

@ -2,7 +2,7 @@
language: node_js language: node_js
node_js: node_js:
- "11" - "lts/erbium"
cache: yarn cache: yarn
install: install:

133
gulpfile.js
View file

@ -8,79 +8,86 @@ const sass = require('gulp-sass');
const postcss = require('gulp-postcss'); const postcss = require('gulp-postcss');
const cssnano = require('cssnano'); const cssnano = require('cssnano');
const concat = require('gulp-concat'); const concat = require('gulp-concat');
const rename = require('gulp-rename');
const imageResize = require('gulp-image-resize'); const imageResize = require('gulp-image-resize');
const parallel = require('concurrent-transform');
const os = require('os');
const browserSync = require('browser-sync').create(); const browserSync = require('browser-sync').create();
// Gulp Run Tasks // Gulp Run Tasks
gulp.task('scripts:compatdb', callback => { gulp.task('scripts:compatdb', callback => {
exec(`cd ./scripts/shared-hugo-scripts/compatdb/ && yarn install && node app.js`, (err, stdout, stderr) => { exec('cd ./scripts/shared-hugo-scripts/compatdb/ && yarn install && node app.js', (err, stdout, stderr) => {
callback(err); callback(err);
}); });
}); });
gulp.task('scripts:twitter', callback => { gulp.task('scripts:twitter', callback => {
exec(`cd ./scripts/shared-hugo-scripts/twitter/ && yarn install && node app.js`, (err, stdout, stderr) => { exec('cd ./scripts/shared-hugo-scripts/twitter/ && yarn install && node app.js', (err, stdout, stderr) => {
callback(err); callback(err);
}); });
}); });
gulp.task('scripts:wiki', callback => { gulp.task('scripts:wiki', callback => {
exec(`cd ./scripts/shared-hugo-scripts/wiki/ && yarn install && node app.js`, (err, stdout, stderr) => { exec('cd ./scripts/shared-hugo-scripts/wiki/ && yarn install && node app.js', (err, stdout, stderr) => {
callback(err); callback(err);
}); });
}); });
gulp.task('assets:images', () => { gulp.task('assets:images', () => {
const baseImages = gulp.src(`build/images/*`, {base: './'}) const baseImages = gulp.src('build/images/*', {base: './'})
.pipe(gulp.dest('./')); .pipe(gulp.dest('./'));
const jumbotronImages = gulp.src(`build/images/jumbotron/*`, {base: './'}) const jumbotronImages = gulp.src('build/images/jumbotron/*', {base: './'})
.pipe(imageResize({width: 426, height: 240, crop: true})) .pipe(imageResize({width: 426, height: 240, crop: true}))
.pipe(gulp.dest('./')); .pipe(gulp.dest('./'));
const bannerImages = gulp.src(`build/images/banners/*`, {base: './'}) const bannerImages = gulp.src('build/images/banners/*', {base: './'})
.pipe(imageResize({width: 824, height: 306, crop: false})) .pipe(imageResize({width: 824, height: 306, crop: false}))
.pipe(gulp.dest('./')); .pipe(gulp.dest('./'));
const boxartImages = gulp.src(`build/images/game/boxart/*`, {base: './'}) const boxartImages = gulp.src('build/images/game/boxart/*', {base: './'})
.pipe(imageResize({width: 328, height: 300, crop: true})) .pipe(imageResize({width: 328, height: 300, crop: true}))
.pipe(gulp.dest('./')); .pipe(gulp.dest('./'));
const iconImages = gulp.src(`build/images/game/icons/*`, {base: './'}) const iconImages = gulp.src('build/images/game/icons/*', {base: './'})
.pipe(imageResize({width: 48, height: 48, crop: true})) .pipe(imageResize({width: 48, height: 48, crop: true}))
.pipe(gulp.dest('./')); .pipe(gulp.dest('./'));
const screenshotImages = gulp.src(`build/images/screenshots/*`) const screenshotImages = gulp.src('build/images/screenshots/*')
.pipe(imageResize({width: 640, height: 360, crop: false})) .pipe(imageResize({width: 640, height: 360, crop: false}))
.pipe(gulp.dest(`build/images/screenshots/thumbs`)); .pipe(gulp.dest('build/images/screenshots/thumbs'));
const postImages = gulp.src('build/entry/*/*.png')
return merge(baseImages, jumbotronImages, bannerImages, boxartImages, iconImages, screenshotImages); .pipe(parallel(imageResize({quality: 0.8, format: 'jpg', percentage: 80})), os.cpus().length)
.pipe(rename({extname: '.png.jpg'}))
.pipe(gulp.dest('build/entry/'));
return merge(baseImages, jumbotronImages, bannerImages, boxartImages, iconImages, screenshotImages, postImages);
}); });
gulp.task('assets:js', () => { gulp.task('assets:js', () => {
return gulp.src(['src/js/**/*.js']) return gulp.src(['src/js/**/*.js'])
.pipe(concat('script.js')) .pipe(concat('script.js'))
.pipe(gulp.dest('build/js')); .pipe(gulp.dest('build/js'));
}); });
gulp.task('assets:scss', () => { gulp.task('assets:scss', () => {
const postCssOptions = [cssnano]; const postCssOptions = [cssnano];
return gulp.src('src/scss/style.scss') return gulp.src('src/scss/style.scss')
.pipe(sass().on('error', sass.logError)) .pipe(sass().on('error', sass.logError))
.pipe(postcss(postCssOptions)) .pipe(postcss(postCssOptions))
.pipe(gulp.dest('build/css')) .pipe(gulp.dest('build/css'))
.pipe(browserSync.stream()); .pipe(browserSync.stream());
}); });
gulp.task('hugo', callback => { gulp.task('hugo', callback => {
exec('hugo -s ./site/ -d ../build/ -v', (err, stdout, stderr) => { exec('hugo -s ./site/ -d ../build/ -v', (err, stdout, stderr) => {
console.log(stdout); console.log(stdout);
callback(err); callback(err);
}); });
}); });
gulp.task('final:serve', (done) => { gulp.task('final:serve', (done) => {
browserSync.init({ browserSync.init({
open: false, open: false,
server: { server: {
baseDir: 'build' baseDir: 'build'
} }
}); });
gulp.watch('src/js/**/*', gulp.series('assets:js')); gulp.watch('src/js/**/*', gulp.series('assets:js'));
gulp.watch('src/scss/**/*', gulp.series('assets:scss')); gulp.watch('src/scss/**/*', gulp.series('assets:scss'));
@ -88,34 +95,34 @@ gulp.task('final:serve', (done) => {
gulp.watch('site/**/*.md', gulp.series('hugo')); gulp.watch('site/**/*.md', gulp.series('hugo'));
gulp.watch('build/**/*.html').on('change', function(x) { gulp.watch('build/**/*.html').on('change', function(x) {
browserSync.reload(x); browserSync.reload(x);
}); });
done() done();
}); });
gulp.task('final:publish', (done) => { gulp.task('final:publish', (done) => {
fs.writeFileSync(`build/CNAME`, `${cname}`); fs.writeFileSync('build/CNAME', `${cname}`);
fs.writeFileSync(`build/robots.txt`, `Sitemap: https://${cname}/sitemap.xml\n\nUser-agent: *`); fs.writeFileSync('build/robots.txt', `Sitemap: https://${cname}/sitemap.xml\n\nUser-agent: *`);
done() done();
}); });
const cname = 'yuzu-emu.org'; const cname = 'yuzu-emu.org';
let finalCommand = null; let finalCommand = null;
if (util.env.production) { if (util.env.production) {
process.env.HUGO_ENV = 'PRD'; process.env.HUGO_ENV = 'PRD';
process.env.HUGO_BASEURL = `https://${cname}` process.env.HUGO_BASEURL = `https://${cname}`;
finalCommand = 'final:publish'; finalCommand = 'final:publish';
} else { } else {
process.env.HUGO_ENV = 'DEV'; process.env.HUGO_ENV = 'DEV';
process.env.HUGO_BASEURL = 'http://localhost:3000' process.env.HUGO_BASEURL = 'http://localhost:3000';
finalCommand = 'final:serve'; finalCommand = 'final:serve';
} }
util.log(`process.env.HUGO_ENV = '${process.env.HUGO_ENV}'`) util.log(`process.env.HUGO_ENV = '${process.env.HUGO_ENV}'`);
util.log(`process.env.HUGO_BASEURL = '${process.env.HUGO_BASEURL}'`) util.log(`process.env.HUGO_BASEURL = '${process.env.HUGO_BASEURL}'`);
gulp.task('default', gulp.series(gulp.parallel('assets:js', 'assets:scss'), 'hugo', 'assets:images', finalCommand)) gulp.task('default', gulp.series(gulp.parallel('assets:js', 'assets:scss'), 'hugo', 'assets:images', finalCommand));
gulp.task('all', gulp.series(gulp.parallel('scripts:compatdb', 'scripts:twitter', 'scripts:wiki'), gulp.parallel('assets:js', 'assets:scss'), 'hugo', 'assets:images', finalCommand)) gulp.task('all', gulp.series(gulp.parallel('scripts:compatdb', 'scripts:wiki'), gulp.parallel('assets:js', 'assets:scss'), 'hugo', 'assets:images', finalCommand));
gulp.task('content', gulp.series('hugo', finalCommand)) gulp.task('content', gulp.series('hugo', finalCommand));

21
package.json
View file

@ -4,7 +4,8 @@
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "build": "gulp all --production",
"serve": "gulp all"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
@ -17,18 +18,20 @@
}, },
"homepage": "https://github.com/yuzu-emu/yuzu-emu.github.io#readme", "homepage": "https://github.com/yuzu-emu/yuzu-emu.github.io#readme",
"dependencies": { "dependencies": {
"bulma": "0.7.2", "bulma": "0.9.0",
"cssnano": "^4.1.7", "concurrent-transform": "^1.0.0",
"gulp": "^4.0.0", "cssnano": "^4.1.10",
"gulp": "^4.0.2",
"gulp-concat": "^2.6.1", "gulp-concat": "^2.6.1",
"gulp-image-resize": "^0.13.0", "gulp-image-resize": "^0.13.1",
"gulp-postcss": "^8.0.0", "gulp-postcss": "^8.0.0",
"gulp-sass": "^4.0.2", "gulp-rename": "^2.0.0",
"gulp-sass": "^4.1.0",
"gulp-util": "^3.0.8", "gulp-util": "^3.0.8",
"merge-stream": "^1.0.1" "merge-stream": "^2.0.0"
}, },
"devDependencies": { "devDependencies": {
"browser-sync": "^2.23.5", "browser-sync": "^2.26.10",
"xo": "^0.23.0" "xo": "^0.32.1"
} }
} }

2
scripts/shared-hugo-scripts

@ -1 +1 @@
Subproject commit 03ec0b3e80312dd4878805917a865ad5e23e310e Subproject commit ccbc6671f302fe2f8ad9efcc78616ecf636888eb

4
src/scss/style.scss
View file

@ -4,7 +4,7 @@
/* 2. Set the derived variables */ /* 2. Set the derived variables */
@import "./yuzu/yuzu_before_derived.scss"; @import "./yuzu/yuzu_before_derived.scss";
@import "./node_modules/bulma/sass/utilities/derived-variables.sass"; @import "./node_modules/bulma/sass/utilities/derived-variables.scss";
@import "./yuzu/yuzu_after_derived.scss"; @import "./yuzu/yuzu_after_derived.scss";
/* 3. Misc customization of Bulma */ /* 3. Misc customization of Bulma */
@ -18,4 +18,4 @@
/* 5. Bring in other external vendor SCSS to bake in */ /* 5. Bring in other external vendor SCSS to bake in */
@import "./vendor/glide.scss"; @import "./vendor/glide.scss";
@import "./vendor/baguetteBox.min" @import "./vendor/baguetteBox.min";

5456
yarn.lock
View file

File diff suppressed because it is too large Load diff