luigi-colella / gatsby-starter-developer-blog Goto Github PK
View Code? Open in Web Editor NEWBlog starter made with Gatbsy.js
Home Page: https://lgcolella.github.io/gatsby-starter-developer-blog
License: MIT License
Blog starter made with Gatbsy.js
Home Page: https://lgcolella.github.io/gatsby-starter-developer-blog
License: MIT License
Hi,
First of all, thanks for the great effort that you've put into this starter.
The only problem that I'm facing is that I can't use GIFs in my blog posts.
Images work fine, but GIFs show a corrupted image icon and nothing is displayed.
I tried and used gatsby-remark-copy-linked-files plugin. It displayed the GIFs but with removing all the styling in the page as well as normal images.
If you can add netlify cms to this amazing template. It will be easy to just move to the /admin of the website and post content. Thank You.
Hi,
I'm currently using your theme to build my personal blog.
But somehow I need to add Google Analytics into my blog, but, it gives me an error :
GraphQLError: Cannot query field "allMarkdownRemark" on type "Query".
. Could you please provide me about what's wrong with it?
Here's the error log when trying to deploy on netlify :
9:40:14 PM: success source and transform nodes — 0.026 s
9:40:14 PM: success building schema — 0.196 s
9:40:14 PM: error gatsby-node.js returned an error
9:40:14 PM:
9:40:14 PM: GraphQLError: Cannot query field "allMarkdownRemark" on type "Query".
9:40:14 PM:
9:40:14 PM: - debuggability.js:313 Promise._execute
9:40:14 PM: [repo]/[bluebird]/js/release/debuggability.js:313:9
9:40:14 PM:
9:40:14 PM: - promise.js:483 Promise._resolveFromExecutor
9:40:14 PM: [repo]/[bluebird]/js/release/promise.js:483:18
9:40:14 PM:
9:40:14 PM: - promise.js:79 new Promise
9:40:14 PM: [repo]/[bluebird]/js/release/promise.js:79:10
9:40:14 PM:
9:40:14 PM: - index.js:372 graphqlRunner
9:40:14 PM: [repo]/[gatsby]/dist/bootstrap/index.js:372:14
9:40:14 PM:
9:40:14 PM: - gatsby-node.js:11 Object.exports.createPages
9:40:14 PM: /opt/build/repo/gatsby-node.js:11:10
9:40:14 PM:
9:40:14 PM: - api-runner-node.js:154 runAPI
9:40:14 PM: [repo]/[gatsby]/dist/utils/api-runner-node.js:154:37
9:40:14 PM:
9:40:14 PM: - api-runner-node.js:258 resolve
9:40:14 PM: [repo]/[gatsby]/dist/utils/api-runner-node.js:258:19
9:40:14 PM:
9:40:14 PM:
9:40:14 PM: Caching artifacts
9:40:14 PM: Started saving node modules
9:40:14 PM: Started saving emacs cask dependencies
9:40:14 PM: Finished saving emacs cask dependencies
9:40:14 PM: Shutting down logging, 9 messages pending
I was trying to figure it out referring to this issue #2212 & this #2150 but still, it doesn't work in my case...
As you can see here at my gatsby-config.js :
const config = require('./config');
const plugins = require('./gatsby-config.plugins');
module.exports = {
pathPrefix: config.pathPrefix,
siteMetadata: {
// Data used by some gatsby plugins
siteUrl: config.siteUrl,
title: config.siteTitle,
description: config.siteDescription
},
plugins: [
{
resolve: 'gatsby-plugin-google-analytics',
options: {
// replace "UA-XXXXXXXXX-X" with your own Tracking ID
trackingId: "UA-965XXXX23-3",
head: true,
},
resolve: 'gatsby-plugin-facebook-analytics',
options: {
appId: "25617665XXXXX",
// Include facebook analytics in development.
// Defaults to false meaning the library will only be loaded in production.
includeInDevelopment: false,
// Include debug version of sdk
// Defaults to false meaning the library will load sdk.js
debug: false,
head: true,
// Can select your language, default will load english
language: "en_US",
},
},]
}
Running the following...
❯❯ gatsby new my-gatsby-project https://github.com/lgcolella/gatsby-starter-developer-blog
Creates this error I'm assuming it's something wrong with something hosted on npm?
Receiving objects: 100% (255/255), 8.87 MiB | 9.68 MiB/s, done.
success Created starter directory layout
info Installing packages...
npm ERR! code FETCH_ERROR
npm ERR! errno FETCH_ERROR
npm ERR! invalid json response body at https://registry.npmjs.org/@pmmmwh%2freact-refresh-webpack-plugin reason: Unexpected end of JSON input
npm ERR! A complete log of this run can be found in:
ERROR
Command failed with exit code 1: npm install
Error: Command failed with exit code 1: npm install
error.js:56 makeError
[lib]/[gatsby-cli]/[execa]/lib/error.js:56:11
index.js:114 handlePromise
[lib]/[gatsby-cli]/[execa]/index.js:114:26
task_queues.js:97 processTicksAndRejections
internal/process/task_queues.js:97:5
init-starter.js:135 install
[lib]/[gatsby-cli]/lib/init-starter.js:135:7
init-starter.js:202 clone
[lib]/[gatsby-cli]/lib/init-starter.js:202:3
init-starter.js:343 initStarter
[lib]/[gatsby-cli]/lib/init-starter.js:343:5
create-cli.js:485
[lib]/[gatsby-cli]/lib/create-cli.js:485:9
Once I go to the About page or the tags page or a particular tag, I can't use any of the links in the header.
I get links like these which all go to the 404 page
http://localhost:8000/tag/tag
http://localhost:8000/tag/about
http://localhost:8000/tag/tag/angular
Any chances of adding gatsby-plugin-i18n
support for this starter? I actually tried myself for a couple of hours, but I couldn't make it work, I'm still new to Gatsby.
I think it's way nicer to have pages/about.en.js
than pages/about/index.en.js
, same for posts.
Thank you.
Mailchimp integrations below posts
There are 17 issues with the current package.json.
Hi,
@lgcolella @traviscibot Can you please explain, how to add new tags? I am trying to add new tags but consistent error of "undefined node" is coming when app loads preview for new tag.
can you add or explain a way to switch the theme? there are two .less
files. but the way you have done this, hard to do a switch based on user input and storing it in localStorage
and do the theme switch.
any idea on this?
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.