Open in app

Sign In

Write

Sign In

ThunderMiracle
ThunderMiracle

3 Followers

Home

About

Mar 22, 2022

Add copy button to your GatsbyJS blog’s code block

Adding code block to technical blog is a common UseCase. By using GatsbyJS, it’s quite easy. What you have to do is just install gatsby-transformer-remark and gatsby-remark-prismjs. Then modify your gatsby-config.js, add following settings like this: module.exports = { plugins: [ {…

Gatsbyjs

5 min read

Add copy button to your GatsbyJS blog’s code block
Add copy button to your GatsbyJS blog’s code block
Gatsbyjs

5 min read


Mar 7, 2022

Use GitHub Actions to deploy GatsbyJS to Netlify

CI/CD for my site: thundermiracle.com used Netlify’s build service, but has recently moved to Github Actions. The kicker is the using of renovate which causes the lack of build minutes, and the GatsbyJS build issue after version up in Netlify build service. tl;dr I built a simple Github Action for deploying…

Gatsbyjs

6 min read

Use GitHub Actions to deploy GatsbyJS to Netlify
Use GitHub Actions to deploy GatsbyJS to Netlify
Gatsbyjs

6 min read


May 6, 2021

How to add search function to a multilingual GatsbyJS site with Algolia

GatsbyJS is a great tool for building blog or document sites. It’s fast, well-documented, easy to study, and powered by GraphQL. As all we know, https://reactjs.org/ is made with GatsbyJS. And of course, for a documentation site, searching experience is a very important part. Gatsby give us a simple guide…

Gatsbyjs

3 min read

How to add search function to a multilingual GatsbyJS site with Algolia
How to add search function to a multilingual GatsbyJS site with Algolia
Gatsbyjs

3 min read


Jun 7, 2019

Deploy Static Sites to Netlify by Circle-CI

Back in the 90s’ of the web, about all sites were static. But as web users grow, we want to display rich contents. Then comes up the new architecture — [Front -> Server -> DB] like LAMP (Linux, Apache, MySQL, PHP). WordPress is the one of the most famous. But…

JavaScript

4 min read

Deploy Static Sites to Netlify by Circle-CI
Deploy Static Sites to Netlify by Circle-CI
JavaScript

4 min read


Feb 26, 2019

Auto-load all stories in storybook by storybook-loader

It is always said that documentation is as important as source code’s quality. Without neat and tidy documentations, we’ll even forget how/why/what about the code we wrote couple of months before. As components library grows bigger and bigger, storybook (https://storybook.js.org/) came out to take over the documentation problem. storybook is…

React

3 min read

Auto-load all stories in storybook by storybook-loader
Auto-load all stories in storybook by storybook-loader
React

3 min read

ThunderMiracle

ThunderMiracle

3 Followers

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech