danielkellyio / awake-template Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
When you try to add a file via Netlify CMS in a blog post it sets the featureImage
key without a leading /
which will cause the image to not be found.
Netlify CMS will set the below key:
featureImage: uploads/purge-css-hero.jpg
However, it will only work if it is set like below:
featureImage: /uploads/purge-css-hero.jpg
After installation and running npm run dev
it is giving error in console: TypeError: Cannot read property 'toLowerCase' of undefined
And also posts not loading, newsletter is not getting collapsed on click.
I tried to upgrade PostCSS but looks like it needs migration, I tried to upgrade it but it doesn't work as expected, I am still new in this tech.
I just deploy the repo into Netlify, its great and I am very impressed. But there is an issue with adding Categories. I can edit 2 existing categories, but when I try to add a new category, I receive this error:
Failed to persist entry: Error: Collection must have a field name that is a valid entry identifier, or must have identifier_field
set
I should mention that this does NOT happen when adding new post.
Regards
Got this error on Netlify when I attempted to go to https://vibrant-bassi-82afc8.netlify.com/admin/#/ )the forked repo of Awake I' transforming into my blog.
What am I missing Daniel?
I was trying to update all the outdated modules and its been 2 days fighting all the dependencies. I cannot debug the code without updating the underlying modules first and its impossible to develop with this template otherwise. Any plans to update this template with lastes?
I want to change the navbar to full screen overlay navbar. Can you give me some nutrition to improve my web...
best regards.
When the page loads, blog posts and categories will have their a hrefs
set to /undefined until posts have been loaded. When using a SEO analyzer for example that will trigger a 404 error and as a result a lower SEO score.
Hi, thank you for this great template.
When navigating to a single category page, like http://localhost:3000/categories/about-awake
, I'm getting the following duplicate key error from Vue:
[Vue warn]: Duplicate keys detected: '[object Object]'. This may cause an update error.
I think this is happening because in pages/categories/_single.vue
, in the sidebar, you have a v-for="cat in allCats"
followed by :key="cat"
, cat being an object. The key is being treated as a string, though, thus being seen as [object Object]
.
Replacing that with :key="cat.slug"
(as an example, I'm assuming the slug is unique) should do the trick.
Let me know if you could use a hand, I can work on that simple fix and submit a PR.
I can't seem to change the default colours for the theme. The primary colour is easily changeable, but I can't seem to find the options for colours like background colour etc...
Thanks!
An uploaded image that is 300x300 pixels across and used in a blogpost will be enlarged (accounting for ratio) to match the length of the text box. This causes the presented image to appear grainy and pixelated, when it should be presented at it's relative size.
Im somewhat new to Nuxtjs, but i was wondering if it is possible to use .vue files for the blog posts instead of .md files?
When i got my custom domain on netlify, all the lazy loading stuff stopped working.. The console says CORs problem:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://customdomain.com/api/posts/page-1.json. (Reason: CORS request did not succeed).
Since the DNS is still propagating, i can't actually test with my domain.. but it should work with the domain.netlify.app either right?
I've added the Netlify attribute to the form and am constantly experiencing this pattern:
-- Go to main page of website and navigate to contact page
-- URL is ~/contact
-- Fill out form, submit, get 404 error, go "back to our site" which brings back to contact page
-- URL gets adjusted to ~/contact/
-- Images don't load (show spinning graphic), fill out form and it successfully submits
hello! I am trying to install Awake locally on my machine, but after installing all dependencies, I can't make it run, receiving the error message below:
> [email protected] dev
> npm run before-build && nuxt -o && npm run after-build
> [email protected] before-build
> node -r esm ./build-tools/beforeBuild.js
node:internal/modules/cjs/loader:998
throw err;
^
Error: Cannot find module 'esm'
Require stack:
- internal/preload
at Module._resolveFilename (node:internal/modules/cjs/loader:995:15)
at Module._load (node:internal/modules/cjs/loader:841:27)
at Module.require (node:internal/modules/cjs/loader:1061:19)
at Module._preloadModules (node:internal/modules/cjs/loader:1336:12)
at loadPreloadModules (node:internal/process/pre_execution:597:5)
at prepareMainThreadExecution (node:internal/process/pre_execution:104:3)
at node:internal/main/run_main_module:10:1 {
code: 'MODULE_NOT_FOUND',
requireStack: [ 'internal/preload' ]
}
Node.js v18.11.0
Node installed properly. Could you let me know what is missing? Thanks in advance!
Hi,
I am having getting a 404 error when I refresh a page (/about for example).
I'm looking to modify the destination email for the contact form under the default "contact us" page.
I would have anticipated that this would be located in awake-template/components/ContactForm.vue , though this only modifies the visible elements.
newsletter: { on: false, heading: 'Subscribe to Our Newsletter', btnText: 'Subscribe', // Can be the form action on a mail chimp form, a hubspot form, // or any other url you want to post the form data to mailchimp: { on: true, formAction: 'https://danielkelly.us3.list-manage.com/subscribe/post?u=d3c2e762b66a2353d0bc29bf3&id=2abeaa06e0' }, custom: { on: false, formAction: '' } },
Can't I just set on:false to disable that?
Thank you for an amazing project. I am definitely using this template. I had an issue when I tried to add any new categories or posts. The uploaded image doesn't show up on the post. Seems like it is not able to find the post. Can you please take a look at it?
Just clone the default project, deploy on netlify and add a new category and post.
Let me know if you need any more details.
The extra line (line 17) is causing the post cards and pages to have incorrect Published On date (it's backdating it with 1 month). Maybe it's intentional, or maybe it's a typo, but wanted to report it.
The only reason I noticed this is because I am getting all sorts of errors in my google search console and other SEO site crawling tools. Is there a config that I can modify so it does not prepend the "/" upon refresh? I was looking at helper.js just earlier.
I have really enjoyed working with this project so far. Thank you for open sourcing it!
I'm pretty sure the analytics feature is broken... I tried looking into it myself but wasn't able to find anything. Would you be able to replicate?
https://testpygj.netlify.app/built-for-speed/
I posted some code snippets and used code block for syntax highlight and dark background. but it doesn't seem to be working. I see plan code block(no syntax highlight) with a grey background. in fact in the preview, it is the same(I mean no syntax highlighting) but in the editor, I can see the desired behaviour. (See the attached screenshot for the reference)
I tried markdown code formatting as well, but no luck.
GET https://awake-template.netlify.com/api/posts/page-3.json 404
On the home page, loading related posts, etc. I thought it was perhaps a modification I made, but on the demo site it's the same issue.
Hi, how are you?
This is a great theme. Thank you.
Could you kindly add Dark Mode with a toggle and an option to use dark mode(or light mode) as default?
Have a great day.
I have no idea what I'm doing. I love your blog layout (Thank you for making it).
I want to use IPFS but can't. Below is the deploy report from Fleek.
Deploy started at 10:43:21 PM 07/16/2021
10:43:22 PM 07/16/2021: Deploy started
10:43:23 PM 07/16/2021: Docker image: 'fleek/nuxtjs'
10:43:23 PM 07/16/2021: Build command: 'npm install && npm run build && npm run export'
10:43:23 PM 07/16/2021: Triggering build execution...
10:44:10 PM 07/16/2021: npm WARN old lockfile
10:44:10 PM 07/16/2021: npm WARN old lockfile The package-lock.json file was created with an old version of npm,
10:44:10 PM 07/16/2021: npm WARN old lockfile so supplemental metadata must be fetched from the registry.
10:44:10 PM 07/16/2021: npm WARN old lockfile
10:44:10 PM 07/16/2021: npm WARN old lockfile This is a one-time fix-up, please be patient...
10:44:10 PM 07/16/2021: npm WARN old lockfile
10:44:38 PM 07/16/2021: npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
10:44:38 PM 07/16/2021: npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
10:44:39 PM 07/16/2021: npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
10:44:39 PM 07/16/2021: npm WARN deprecated [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
10:44:40 PM 07/16/2021: npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
10:44:42 PM 07/16/2021: npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
10:44:43 PM 07/16/2021: npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
10:44:45 PM 07/16/2021: npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
10:44:47 PM 07/16/2021: npm WARN deprecated [email protected]: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
10:44:47 PM 07/16/2021: npm WARN deprecated [email protected]: this library is no longer supported
10:44:49 PM 07/16/2021: npm WARN deprecated [email protected]: This loader has been deprecated. Please use eslint-webpack-plugin
10:44:50 PM 07/16/2021: npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
10:44:51 PM 07/16/2021: npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
10:44:53 PM 07/16/2021: npm WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
10:44:53 PM 07/16/2021: npm WARN deprecated @nuxt/[email protected]: please migrate to ufo npm package
10:44:56 PM 07/16/2021: npm WARN deprecated [email protected]: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
10:44:56 PM 07/16/2021: npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (debug-js/debug#797)
10:44:56 PM 07/16/2021: npm WARN deprecated [email protected]: Critical security vulnerability fixed in v0.21.1. For more information, see axios/axios#3410
10:45:00 PM 07/16/2021: npm WARN deprecated [email protected]: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
_siteConfig.js modified using:
// Newsletter Subscribe newsletter: { on: false, heading: 'Subscribe to Our Newsletter', btnText: 'Subscribe', // Can be the form action on a mail chimp form, a hubspot form, // or any other url you want to post the form data to mailchimp: { on: false, formAction: 'https://danielkelly.us3.list-manage.com/subscribe/post?u=d3c2e762b66a2353d0bc29bf3&id=2abeaa06e0' }, custom: { on: false, formAction: '' } },
produces this
I am trying to use an image for the og:image meta tag on blog posts, but is doesn't work, I think because of the hash-renaming of the feature image on a blog post.
The tag looks like this
<meta data-n-head="true" data-hid="og:image" property="og:image" content="https://www.domain.com/uploads/image.jpg">
But that returns a 404-error because the image is renamed to hash-size and has the path of "/_nuxt/uploads/646f87d-1280.jpg" - or is it me that do it wrong?
The date of the posts is shown as one month before the actual post.
For example in the code, the month of the post "Built For Speed" is August, however, on the website, it shows up as July
The only reason I noticed this is because I am getting all sorts of errors in my google search console and other SEO site crawling tools. Is there a config that I can modify so it does not prepend the "/" upon refresh? I was looking at helper.js just earlier.
I have really enjoyed working with this project so far. Thank you for open sourcing it!
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
12:29:31 PM: This can impact web performance.
12:29:31 PM: Assets:
12:29:31 PM: uploads/5b1d547-1414.jpg (249 KiB)
12:29:31 PM: uploads/d330c24-1800.jpg (382 KiB)
12:29:31 PM: uploads/d4269c0-1800.jpg (257 KiB)
12:29:31 PM: uploads/1eb175a-1800.jpg (256 KiB)
12:29:31 PM: Hash: 984c95675bba487ade09
Currently nuxt-responsive-loader doesn't support SVG and the images will show "image not found".
Is there a way to include SVG images in posts without it being processed by nuxt-responsive-loader?
Hi Daniel, I have problems to insert YouTube videos directly in the Rich Tex editor, in the preview it shows the player, but when performing the deploy it only shows the iframe code, is it a limitation of the template?
I'm getting
ERROR Cannot find module 'sharp'
when I run npm run dev
when i try to create a new category it says: Failed to persist entry: Error: Collection must have a field name that is a valid entry identifier, or must have identifier_field
set
When navigating between posts or categories, the page page will render and display before the transition animation starts.
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.