Open in app
Home
Notifications
Lists
Stories

Write
ThunderMiracle
ThunderMiracle

Home

Mar 22

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

Mar 7

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

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

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…

Java Script

4 min read

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

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
ThunderMiracle

ThunderMiracle

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Knowable