Canhua's Blog
  • Blogs
  • My GitHub Projects
  • Profile
  • Linkedin
Canhua's Blog

Add @wkocjan/gatsby-theme-intro plugin

December 01, 2021

My website page is https://licanhua.github.io/, and I'd like to add a profile page https://licanhua.github.io/profile to the existing gatsby site.

Install @wkocjan/gatsby-theme-intro

npm i @wkocjan/gatsby-theme-intro

Setup the profile folder locally

Download content folder from https://github.com/stackbit-themes/gatsby-theme-intro and put it into my content/profile Replace all the content with your profiles

Setup the plugin

Add the plugin to gatsby-config.js

    {
      resolve: "@wkocjan/gatsby-theme-intro",
      options: {
        theme: "classic",
        basePath: "/profile",
        contentPath: "content/profile"
      },
    },

Start the site and verify the change

npm run start

Component shadowing

You can use Gatsby component shadowing technique to customize the theme.. Code you want to overwrite should be placed within src/@wkocjan/gatsby-theme-intro/ directory. Please refer to the official documentation to learn more.


Profile picture

Written by Canhua Li Experienced Full Stack Engineer at Microsoft, proficient in C++, C#, JavaScript, React, AngularJS, Ruby & Rails, and .Net.

  • ← Setup my blog website with Gatsby and deploy the website to GitHub Pages
  • Issue of mixing @wkocjan/gatsby-theme-intro with gatsby-starter-blog →
© 2023, Built with Gatsby