opera7133 / blonde Goto Github PK

View Code? Open in Web Editor NEW

104.0 104.0 44.0 5.53 MB

Blonde, A simple theme using Tailwind CSS.

Home Page: https://blonde.pages.dev

License: MIT License

HTML 35.55% CSS 63.93% JavaScript 0.52%

hugo-site hugo-theme tailwind-css

blonde's Introduction

あなたは人目の訪問者です。

キリ番報告はこちら

💡 スキル / Skills

📊 統計 / Stats

blonde's People

Contributors

Stargazers

Watchers

blonde's Issues

Unable to build using Cloudflare pages

Hi,

I was able to build with Netlify, but all my stack is on Cloudflare using Cloudflare pages...which is a lot more performant in my experience. Somehow there seems to be a problem with POSTCSS

Here is the log

<html>
<body>
<!--StartFragment-->

09:46:53.061 | Cloning repository...
-- | --
09:46:54.129 | From https://github.com/RenaudDev/newWebsite
09:46:54.130 | * branch            74070b7cb2f93d0433090db88ae3e3f8b7fbba40 -> FETCH_HEAD
09:46:54.130 |  
09:46:54.174 | HEAD is now at 74070b7 Init 4
09:46:54.175 |  
09:46:57.683 | Submodule 'themes/Blonde' (https://github.com/opera7133/Blonde.git) registered for path 'themes/Blonde'
09:46:57.683 | Cloning into '/opt/buildhome/clone/themes/Blonde'...
09:46:57.684 | Submodule path 'themes/Blonde': checked out '4abdcfd60616711b5392e43da5a60aad6d85d575'
09:46:57.684 |  
09:46:57.709 | Success: Finished cloning repository files
09:46:58.300 | Installing dependencies
09:46:58.313 | Python version set to 2.7
09:47:02.309 | v12.18.0 is already installed.
09:47:03.731 | Now using node v12.18.0 (npm v6.14.4)
09:47:04.085 | Started restoring cached build plugins
09:47:04.102 | Finished restoring cached build plugins
09:47:04.827 | Attempting ruby version 2.7.1, read from environment
09:47:10.873 | Using ruby version 2.7.1
09:47:11.272 | Using PHP version 5.6
09:47:11.460 | 5.2 is already installed.
09:47:11.491 | Using Swift version 5.2
09:47:11.492 | Started restoring cached node modules
09:47:11.514 | Finished restoring cached node modules
09:47:11.771 | Installing NPM modules using NPM version 6.14.4
09:47:18.333 | npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
09:47:18.334 | npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
09:47:18.334 |  
09:47:18.335 | added 115 packages from 137 contributors and audited 116 packages in 5.649s
09:47:18.376 |  
09:47:18.377 | 26 packages are looking for funding
09:47:18.377 | run `npm fund` for details
09:47:18.377 |  
09:47:18.378 | found 0 vulnerabilities
09:47:18.378 |  
09:47:18.394 | NPM modules installed
09:47:18.795 | Installing Hugo 0.89.0
09:47:19.988 | hugo v0.89.0-ADE966B8+extended linux/amd64 BuildDate=2021-11-02T10:00:18Z VendorInfo=gohugoio
09:47:19.995 | Started restoring cached go cache
09:47:20.020 | Finished restoring cached go cache
09:47:20.197 | go version go1.14.4 linux/amd64
09:47:20.219 | go version go1.14.4 linux/amd64
09:47:20.224 | Installing missing commands
09:47:20.225 | Verify run directory
09:47:20.225 | Executing user command: git submodule update --remote --merge && npm run build
09:47:21.188 |  
09:47:21.188 | > [email protected] build /opt/buildhome/repo
09:47:21.189 | > tailwindcss -i ./themes/Blonde/assets/css/main.css -o ./themes/Blonde/assets/css/style.css && hugo --minify
09:47:21.189 |  
09:47:24.020 |  
09:47:24.021 | Done in 1268ms.
09:47:24.102 | Start building sites …
09:47:24.102 | hugo v0.89.0-ADE966B8+extended linux/amd64 BuildDate=2021-11-02T10:00:18Z VendorInfo=gohugoio
09:47:24.262 | Error: Error building site: POSTCSS: failed to transform "css/style.css" (text/css): (node:1450) ExperimentalWarning: The ESM module loader is experimental.
09:47:24.262 | internal/modules/run_main.js:54
09:47:24.263 | internalBinding('errors').triggerUncaughtException(
09:47:24.263 | ^
09:47:24.263 |  
09:47:24.263 | Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only file and data URLs are supported by the default ESM loader
09:47:24.263 | at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:720:11)
09:47:24.263 | at Loader.resolve (internal/modules/esm/loader.js:97:40)
09:47:24.263 | at Loader.getModuleJob (internal/modules/esm/loader.js:243:28)
09:47:24.263 | at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:42:40)
09:47:24.263 | at link (internal/modules/esm/module_job.js:41:36) {
09:47:24.264 | code: 'ERR_UNSUPPORTED_ESM_URL_SCHEME'
09:47:24.264 | }
09:47:24.264 | Total in 183 ms
09:47:24.273 | npm ERR! code ELIFECYCLE
09:47:24.273 | npm ERR! errno 255
09:47:24.274 | npm ERR! [email protected] build: `tailwindcss -i ./themes/Blonde/assets/css/main.css -o ./themes/Blonde/assets/css/style.css && hugo --minify`
09:47:24.274 | npm ERR! Exit status 255
09:47:24.274 | npm ERR!
09:47:24.274 | npm ERR! Failed at the [email protected] build script.
09:47:24.274 | npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
09:47:24.287 |  
09:47:24.287 | npm ERR! A complete log of this run can be found in:
09:47:24.288 | npm ERR!     /opt/buildhome/.npm/_logs/2022-06-02T13_47_24_275Z-debug.log
09:47:24.299 | Failed: build command exited with code: 255
09:47:24.993 | Failed: an internal error occurred

<!--EndFragment-->
</body>

"Recent Posts" widget displays in random order

Each time the site is built, the "Recent Posts" widget seems to display the posts in different random order on each page. Perhaps this is intended behavior but it would probably make more sense for the posts to be consistently displayed in reverse chronological order on each page.

How to set favicon

Hey, thanks for the great theme!
I wish to set favicon but was unable to find how to do it using Hugo.
Is it possible?
Thanks!

Viewport tag

It says in Google Chrome the viewport tag is missing but I actually find it in head.html. Howcome it only scores 70 on SEO i wanted to change it but i couldnt.

Server won't start....

Not sure why, but seems it looks at the C: drive, nothing there though. IMHO would be better the have postcss etc called like in other themes.

PS G:\web\Hugo\blonde> hugo server
Start building sites … 
hugo v0.88.1-5BC54738+extended windows/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 C:\Users\home-23\AppData\Roaming\npm\node_modules\postcss-cli\index.js

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/

Locally the website is working fine.
During deployment in Github pages I get this error.

I have ran both
npm install -g postcss-cli
npm install -g autoprefixer
inside the folder. I have also created the package.json file and the postcss.config.js file.

Please see here:
https://github.com/ioannakatsanou/Test.git

Change the redirection of the menu in main page

I have uploaded my github pages theme to a repository named Blog.
I have added a custom domain to my githubpages blonde theme.

I added a contact.md page to file explorer -> content -> contact.md as the example site.

I uploaded the change and I have the following issue:

https://www.customDomain.com/contact/ -> here the page contact is being displayed normally

But from home page when I click on the "Contant" button from the menu it redirects me to the following 👍
https:/www.customDomain.com/Blog/contact/ -> here the page contact page is not being displayed

do you know how to change the main page in order to redirect to /contact/ instead of /Blog/contact?

thanks

POSTCSS: failed to transform "css/styles.css" (text/css): ...test/themes/Blonde/node_modules/color/index.js:257

hugo v0.89.0-DEV+extended linux/amd64 BuildDate=unknown
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): /home/yubao/Project/Website/test/themes/Blonde/node_modules/color/index.js:257
                        lum[i] = (chan <= 0.039_28) ? chan / 12.92 : ((chan + 0.055) / 1.055) ** 2.4;
                                          ^^^^^

SyntaxError: Invalid or unexpected token
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (/home/yubao/Project/Website/test/themes/Blonde/node_modules/tailwindcss/lib/util/pluginUtils.js:25:37)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
Built in 479 ms

Deploy in Gitlab CI/CD a lightweight image

Any help / documentation to deploy with Gitlab CI/CD will be appreciated.

Subsidiary question : Are all the packages useful ?

Thank you very much

thumbnail's width and height problem

Hello how i can change the width and height of the thumbnails in the home page i tried to modify the summary.html file but it didn't work

Disqus not working

Hey does anyone got Disqus to work in this theme? I've tried inlude shortName inside config.toml, is there any configuration that I missed out?

Toggle DarkMode on Live

Hey,
first up, thank you for the theme.

I got the following issue that the theme toggle on my live site doesnt respond. In the Local Storage the Value of the KeyPair gets toggled, but the display doesnt change. On my local setup it works.
What could I miss on my live setup?
The console doesnt output anything, maybe you have an idea

I saw in the code that basically the icons get removed and added and the value of 'theme' gets set.

Other things:

I also set the variable 'darkmode' to 'light' in my config.toml
Disabled adblock
disabled Dark Reader
tried Chrome and Firefox

Thanks

Yaml and Toml Front Matter Format issue

Hello again :) im facing a problem with the front matter the tags, categories and time are not visible on posts if you are using YAML as a format is there anyway you can make the theme support yaml too

Dependabot can't parse your package-lock.json

Dependabot couldn't parse the package-lock.json found at /package-lock.json.

The error Dependabot encountered was:

Dependabot::DependencyFileNotParseable

View the update logs.

Add a random / popular posts widget to the sidebar

Hey can you add a random / popular posts widget to this theme, i tried to add it myself but im still new to tailwind css in one of my websites i use this code to show random posts link to the code

New Feature - Add website logo

Hello,

Thank you for creating this wonderful theme, would you please consider the feature of adding a logo to the top banner?

Thanks again

PS: here is my site https://black-electronics.com/

Bug - Theme dark/light mode is not persistent

Hello,

When the users changes the default theme mode, it works only for current page, when a new page or post is opened, the theme reverts back to the mode set in the config file.

Best,
Hemal

difficulty with installation

I am having some difficulty with the installation of the repo. Here are the steps I took

git clone https://github.com/opera7133/Blonde 
cd Blonde/exampleSite
mkdir themes
cd themes
git clone https://github.com/opera7133/Blonde 
cd ..

sudo npm install -g postcss postcss-cli autoprefixer

npm install
hugo server

From here I get the following error:

Start building sites …
Built in 970 ms
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): TypeError: Object.entries(...).flatMap is not a function
    at flattenColorPalette (/home/esquires/tmp/Blonde/exampleSite/node_modules/tailwindcss/lib/util/flattenColorPalette.js:8:83)
    at /home/esquires/tmp/Blonde/exampleSite/node_modules/tailwindcss/lib/plugins/divideColor.js:27:53
    at plugins.forEach.plugin (/home/esquires/tmp/Blonde/exampleSite/node_modules/tailwindcss/lib/util/processPlugins.js:69:5)
    at Array.forEach (<anonymous>)
    at _default (/home/esquires/tmp/Blonde/exampleSite/node_modules/tailwindcss/lib/util/processPlugins.js:63:11)
    at /home/esquires/tmp/Blonde/exampleSite/node_modules/tailwindcss/lib/processTailwindFeatures.js:64:54
    at LazyResult.runOnRoot (/home/esquires/tmp/Blonde/exampleSite/node_modules/postcss/lib/lazy-result.js:333:16)
    at LazyResult.runAsync (/home/esquires/tmp/Blonde/exampleSite/node_modules/postcss/lib/lazy-result.js:385:26)

Any ideas on what I might be doing wrong? Thanks!

Issue with Pagination

Hi,

When trying to build the site I get the following error on Ubuntu (latest version). The error from AWS Amplify is below (I also get the same error running hugo on MacOs:

Error: Error building site: failed to render pages: render of "home" failed: "/codebuild/output/src378285393/src/thetestlabs.io/themes/Blonde/layouts/_default/list.html:12:32": execute of template failed: template: _default/list.html:12:32: executing "main" at <.Paginate>: error calling Paginate: 'pager size' must be a positive integer

I've taken a look at list.html but don't know enough about this to pick up on what it might be. In the config file, I've set the paginate parameter to 10 as follows, and I've also left it blank so that it can pick up the default value:

[params]
paginate = 10

how to add google adsense code?

None of article pages are loading

Please fix.

On console some error about raw githubusercontent of eth-phishing-test or some such thing.

Please check and fix ASAP.

Thanks.

Error: add site dependencies: load resources: loading templates in summary.html:18: unclosed action

Hi, I've been using the theme Blonde for longer than a year now, and recently I started getting the error related to postcss-cli. Thus, I have just updated the theme and follow again all the instructions that you have now in the README.

Now I have a different error:

 [email protected] start
> concurrently npm:watch:*

[watch:*tw] 
[watch:*tw] > [email protected] watch:tw
[watch:*tw] > tailwindcss -i ./themes/Blonde/assets/css/main.css -o ./themes/Blonde/assets/css/style.css --watch
[watch:*tw] 
[watch:*hugo] 
[watch:*hugo] > [email protected] watch:hugo
[watch:*hugo] > hugo server
[watch:*hugo] 
[watch:*hugo] Error: add site dependencies: load resources: loading templates: "/home/teoten/Code/WebApps/Rwhitedwarf-blog/themes/Blonde/layouts/_default/summary.html:18:1": parse failed: template: _default/summary.html:18: unclosed action
[watch:*hugo] npm run watch:hugo exited with code 255
[watch:*tw] 
[watch:*tw] Rebuilding...
[watch:*tw] Done in 3694ms.

Appears when running npm run start locally on hugo v 0.80.0. When run on my server on render.com with Hugo v0.104.1 the error is more complex and longer: if I run npm run start the process would run endlessly with no end and no rendering. If instead I executed hugo --gc --minify" it ends with Build failed` and the last part of the error is

Error: Error building site: failed to render pages: render of "taxonomy" failed: "/opt/render/project/src/themes/Blonde/layouts/_default/baseof.html:7:4": execute of template failed: template: _default/list.html:7:4: executing "_default/list.html" at <partial "head.html" .>: error calling partial: "/opt/render/project/src/layouts/partials/head.html:17:51": execute of template failed: template: partials/head.html:17:51: executing "partials/head.html" at <postCSS (dict "config" "./assets/css/postcss.config.js")>: error calling postCSS: no Resource provided in transformation

Any ideas what can I be doing wrong?

これってフルスクラッチで作ったんですか？

Error: Error building site

hey guys,
i run this command hugo server -D
but, i get this output:

sosha@Sosha-Laptop:~/blonde$ hugo server -D
Built in 12365 ms
Error: Error building site: failed to render pages: render of "home" failed: "/home/sosha/blonde/themes/Blonde/layouts/_default/list.html:8:32": execute of template failed: template: _default/list.html:8:32: executing "main" at <.Paginate>: error calling Paginate: 'pager size' must be a positive integer

i went something wrong?

Add a search bar to the theme

Hell. can you add a search bar feature to the widgets in this theme it doesn't have to be an internal search engine just a #search bar that take you to google something like this one in this theme Mainroad theme
demo site to check it : https://mainroad-demo.netlify.app/

limit the number of tags shown in the tags widget

hello is there anyway we can limit the number of tags shown on the widget,

New Feature - social media icons

Hi, first of all, I would like to thank you for this excellent theme.. I've tried a lot of them, but, in my opinion, it's one of the best of all of them (simple, useful, nice display in PC and cell phones)...it has everything you need, except for social media contact..

I'd be very pleased if you add social media icons to the main menu, or to the posts, or both..

Thank you!!!

Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): warn - As of Tailwind CSS v3.0, `coolGray` has been renamed to `gray`.

Hi!

First time user of Hugo. On my first install I ran into this error. I do not know much about node and Tailwind unfortunately.

From https://gohugo.io/getting-started/quick-start/:

followed step 1
followed step 2

From https://themes.gohugo.io/themes/blonde/:

followed Prerequisites
followed installation method 1
did npm install
copied themes/Blonde/exampleSite/config.toml to overwrite root config.toml (to be identical, no changes)

Running hugo server results in:

hugo v0.90.1+extended darwin/amd64 BuildDate=unknown
Error: Error building site: POSTCSS: failed to transform "css/styles.css" (text/css): warn - As of Tailwind CSS v3.0, `coolGray` has been renamed to `gray`.
warn - Update your configuration file to silence this warning.
Error: ENOENT: no such file or directory, stat '/Users/XXXX/golang/src/bitbucket.org/XXXX/YYYY/hugo-website/stdin'

MacOS 12.0.1
npm 16.5.0

The second title(?) of the blog seems to be forcibly lowercased

Note "H"atta and "h"atta in the pic. I guess it's Tailwind CSS's handling, but not sure.

Extra Space in layouts/post/single.html

https://github.com/opera7133/Blonde/blob/master/layouts/post/single.html#L34

href="{{ " categories" | absURL}}/{{ . | urlize }}">{{ . }}</a></span>

It generates url that looks like base/%20catergories/<category> which invalid.

Removing the space fixes the ussue. Same problem with tags on
https://github.com/opera7133/Blonde/blob/master/layouts/post/single.html#L16

White flash in Dark Mode

(Some) times, when I refresh the page or open another page, the white theme flashes up and quickly after it changes to black theme. It's not big of a deal, but maybe it only needs a one liner or so to fix...

Thanks a lot for the theme! Sorry i am not so versed in theme editing ... maybe i find fix though..

Default dark mode

Doesn't appear to have a documented method for defaulting to "dark mode" for first time visitors.

error Paginate: 'pager size' must be a positive integer

i have a problem:
[watch:*hugo] Error: Error building site: failed to render pages: render of "home" failed: "/home/azureuser/baida/themes/Blonde/layouts/_default/list.html:12:32": execute of template failed: template: _default/list.html:12:32: executing "main" at <.Paginate>: error calling Paginate: 'pager size' must be a positive integer
help me, please!

No menu is visible on some window widths

This happens when viewport is ca. 650 - 762 px wide. It can be seen in the demo.

Widgets display out of order on post pages

Reordering the widgets using the params.widgets.widgets parameter in the config.toml file yields the correct ordering of widgets on the home (list?) page, but not on the post pages.

My hunch is that it has to do with the code in layouts/_default/list.html having the following:

  {{ if .Site.Params.widgets.display }}
    {{ partial "widgets.html" . }}
  {{ end }}

While layouts/_default/single.html has:

        {{ if .Site.Params.widgets.display }}
        <div class="hidden lg:block lg:col-span-1">
            {{ partial "widgets/search.html" . }}
            {{ partial "widgets/archive.html" . }}
            {{ partial "widgets/category.html" . }}
            {{ partial "widgets/tags.html" . }}
            {{ partial "widgets/recent.html" . }}
        </div>
        {{ end }}

But I am not familiar enough with the code to be sure. If I am correct though, I imagine it is a simple fix.

opera7133 / blonde Goto Github PK

blonde's Introduction

💡 スキル / Skills

📊 統計 / Stats

blonde's People

Contributors

Stargazers

Watchers

Forkers

blonde's Issues

Recommend Projects

Recommend Topics

Recommend Org