apvarun / showfolio-hugo-theme Goto Github PK
View Code? Open in Web Editor NEWModern portfolio theme for your Hugo site
Home Page: https://showfolio.vercel.app/
License: MIT License
Modern portfolio theme for your Hugo site
Home Page: https://showfolio.vercel.app/
License: MIT License
How can I change the default color behind the avatar? I saw that it's used bg-red-50
in the file partial/hero.html
. I would like to use a shade of orange, but I don't know how to add it, since by default there isn't.
Hello!
I tried several services like Netlify or Vercel to deploy but everytime the build fails and says: "Error: module "showfolio" not found; either add it as a Hugo Module or store it in "/opt/build/repo/themes".: module does not exist". Before I copied the config from the exampleFolder into the root directory like said in the README. (https://github.com/blockiyt/showfolio-hugo-theme)
How can I fix this?
It would be great if you could help, tanks!
Error: add site dependencies: load resources: loading templates: "/mnt/c/Users/z3k/Desktop/zekeriyaay/themes/showfolio/layouts/partials/codepen-gallery.html:2:1": parse failed: template: partials/codepen-gallery.html:2: range can only initialize variables
When running a server locally the link to the CSS is generated correctly, however, when built on Netlify the link to the CSS includes the baseURL string. E.g:
Running local server:
localhost:1313/css/styles.css
Built on Netlify:
example.com/example.com/css/styles.css
The workaround I am currently using is to set the baseURL to "/" which fixes it but doesn't address the issue.
Hello.
Trying to use this theme for a Hugo website. It's failing to build even the sample website.
hugo serve --themesDir ../..
Start building sites …
hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): Error: Cannot find module '@fullhuman/postcss-purgecss'
Require stack:
- /var/www/html/artist-dev/themes/showfolio/assets/css/postcss.config.js
- /usr/lib/node_modules/postcss-cli/node_modules/lilconfig/dist/index.js
- /usr/lib/node_modules/postcss-cli/node_modules/postcss-load-config/src/index.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
at Function.Module._load (internal/modules/cjs/loader.js:746:27)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (internal/modules/cjs/helpers.js:93:18)
at Object.<anonymous> (/var/www/html/artist-dev/themes/showfolio/assets/css/postcss.config.js:3:18)
at Module._compile (internal/modules/cjs/loader.js:1085:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:12)
at Module.require (internal/modules/cjs/loader.js:974:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'/var/www/html/artist-dev/themes/showfolio/assets/css/postcss.config.js',
'/usr/lib/node_modules/postcss-cli/node_modules/lilconfig/dist/index.js',
'/usr/lib/node_modules/postcss-cli/node_modules/postcss-load-config/src/index.js'
]
}
Built in 388 ms
I did install npm install -g postcss-cli
I tried on both an RPi4 and an x86-64 Ubuntu 20.04 server. What should I do?
hugo v0.87.0-B0C541E4 linux/amd64 BuildDate=2021-08-03T10:57:28Z VendorInfo=gohugoio
Hi, great theme, however, I couldn't run it
hugo serve --themesDir ../..
Start building sites …
hugo v0.88.1-5BC54738 linux/amd64 BuildDate=2021-09-04T09:39:19Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css). Check your PostCSS installation; install with "npm install postcss-cli". See https://gohugo.io/hugo-pipes/postcss/
Built in 594 ms
I've tried to install the postcss-cli: npm install -g npm install postcss-cli
then another error pops up:
hugo serve --themesDir ../..
Start building sites …
hugo v0.88.1-5BC54738 linux/amd64 BuildDate=2021-09-04T09:39:19Z VendorInfo=gohugoio
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): internal/process/esm_loader.js:74
internalBinding('errors').triggerUncaughtException(
^
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'postcss' imported from /home/roger/.nvm/versions/node/v14.17.6/lib/node_modules/postcss-cli/index.js
at packageResolve (internal/modules/esm/resolve.js:664:9)
at moduleResolve (internal/modules/esm/resolve.js:705:18)
at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:819:11)
at Loader.resolve (internal/modules/esm/loader.js:89:40)
at Loader.getModuleJob (internal/modules/esm/loader.js:242:28)
at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:73:40)
at link (internal/modules/esm/module_job.js:72:36) {
code: 'ERR_MODULE_NOT_FOUND'
}
Built in 95 ms
Anyone have some tip? Sorry! I'm new in go and hugo...
cheers!
obs:
I've installed the latest hugo version (v0.88.1) using .deb package on ubuntu LTS
I like this theme! I am looking for a theme that has a light vs dark theme toggle option.
I think it would be cool if this theme supported a toggle option somewhere.
Hi Varun,
I am working on my personal website and I would love to use showfolio.
For the time being I am using CF pages to deploy the website, unfortunately it seems not working properly, in the rendering, I used this command here:
npm i && hugo -D --gc
as suggested but the results are still not great, you can see by yourself here https://23abff57.fdicarlo.pages.dev/, is it possible to point me out to which is the issue (I think on the npm) and a possible fix?
I am trying to build the site and I keep getting this error message:
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css). Check your PostCSS installation; install with "npm
install postcss-cli". See https://gohugo.io/hugo-pipes/postcss/
I read hugos documentation on hugo pipes but I don't understand how to install it or what to do with it in regards to this theme.
I'd like to add an icon for my phone, as well as email and a file icon for PDFs. I love the existing social icons, and was hoping you'd be willing to share info as to where they came from. I assume there will be other icons in the same style available there.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.