Comments (8)
Yeah that seems to have worked!
In your gatsby-config.js, remove the plugin from gatsbyRemarkPlugins
and add remarkPlugins
to your gatsby-plugin-mdx
options
remarkPlugins: [
[require('gatsby-remark-vscode').remarkPlugin, {
theme: `Cobalt2`,
extensions: [`theme-cobalt2`],
}]
],
from gatsby-remark-vscode.
Hey folks, gave it a try after reading @graysonhicks suggestions
Check it out if you would like: #185
from gatsby-remark-vscode.
I don’t currently have the bandwidth to update this for Gatsby 4, but gladly review a PR for it.
from gatsby-remark-vscode.
@andrewbranch Maybe someone from the Gatsby user collective can help ?
from gatsby-remark-vscode.
I bet you can bypass all the gatsby stuff and just use the remark plugin directly. I'm trying this right now. Anyone else have success?
from gatsby-remark-vscode.
I think this may be from using fs
to load the schema here. Could be as simple as require
'ing the schema:
https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v3-to-v4/#bundling-external-files
https://www.gatsbyjs.com/docs/reference/release-notes/migrating-source-plugin-from-v3-to-v4/#5-bundling-external-files
from gatsby-remark-vscode.
Yeah that seems to have worked!
In your gatsby-config.js, remove the plugin from
gatsbyRemarkPlugins
and addremarkPlugins
to yourgatsby-plugin-mdx
optionsremarkPlugins: [ [require('gatsby-remark-vscode').remarkPlugin, { theme: `Cobalt2`, extensions: [`theme-cobalt2`], }] ],
Where unable to make this approach work. Might be me wrongly configuring webpack 5 :')
Same issue both when resolving all the packages or just ignoring them like so
exports.onCreateWebpackConfig = ({ actions }) => {
actions.setWebpackConfig({
resolve: {
fallback:{
fs: false,
os: false,
path: false,
zlib: false,
crypto: false,
stream: false,
constants: false,
module: false
}
}
})
}
Something i noticed:
warn ./node_modules/gatsby-remark-vscode/src/processExtension.js
Critical dependency: require function is used in a way in which dependencies cannot be statically extracted
warn ./node_modules/gatsby-remark-vscode/src/processExtension.js
Critical dependency: the request of a dependency is an expression
warn ./node_modules/gatsby-remark-vscode/src/utils.js
Critical dependency: the request of a dependency is an expression
And of course: The page where i try to add the plugin
https://github.com/N0K0/gatsby-garden
from gatsby-remark-vscode.
Yeah that seems to have worked!
In your gatsby-config.js, remove the plugin from
gatsbyRemarkPlugins
and addremarkPlugins
to yourgatsby-plugin-mdx
optionsremarkPlugins: [ [require('gatsby-remark-vscode').remarkPlugin, { theme: `Cobalt2`, extensions: [`theme-cobalt2`], }] ],
It works but I cant change theme in here
Gatsby version: 4.5.4
"gatsby-remark-vscode": "^3.3.1",
resolve: `gatsby-plugin-mdx`,
options: {
extensions: [".mdx", ".md"],
remarkPlugins: [
require("gatsby-remark-vscode").remarkPlugin,
{
theme: {
default: "Solarized Light",
dark: "Monokai Dimmed",
},
extensions: ["Kotlin"],
},
],
from gatsby-remark-vscode.
Related Issues (20)
- option to show line numbers by default
- Feature request: Support for plaintext within inline code and consider plain text as default when no marker is set
- Version 3 Fails with ‘UNHANDLED REJECTION createNodeId is not a function’ HOT 3
- Not able to add additional languages HOT 2
- Clear tutorial or documentation how to add new language HOT 11
- Multiple language registrations can have the same scope/config
- Feature request: Title Header for the Script Name HOT 1
- Add horizontal scroll, have problems with longer code HOT 1
- sv language support HOT 1
- highlighting doesn't working with custom MDXProvider, MDXRenderer HOT 3
- Table layout causes diff and line highlight errors HOT 3
- Update for gatsby v3 HOT 11
- Passing arbitrary props directly with code fence options HOT 4
- Non-Gatsby Remark Plugin in MDSveX HOT 2
- When used without gatsby, injects styles when neither code spans nor code blocks have been found
- How to use the GitHub VSCode theme HOT 2
- Remove Gatsby peer dependencies HOT 3
- How to add Language Support for extensions not on NPM? HOT 1
- Comments in highlighted sections are stripped
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-remark-vscode.