https://github.com/vchrombie/blog-archive

https://github.com/vchrombie/blog-archive

giscus hacktoberfest

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/vchrombie/blog-archive
• Owner: vchrombie
• Created: 2022-08-04T20:07:11.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-06T20:40:56.000Z (almost 2 years ago)
• Last Synced: 2024-10-27T23:59:22.701Z (3 months ago)
• Topics: giscus, hacktoberfest
• Language: JavaScript
• Homepage: https://vchrombie.github.io/blog
• Size: 81.8 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Blog

Gatsby Blog, [vchrombie.github.io/blog](https://vchrombie.github.io/blog/blog).

Theme, https://github.com/LekoArts/gatsby-starter-minimal-blog.

Comments with [giscus](https://giscus.app//), https://github.com/vchrombie/comments/discussions.

## Setup

Prerequisites

- [nvm](https://github.com/nvm-sh/nvm)

- [node](https://nodejs.org/en/) & [npm](https://www.npmjs.com/) (you can install using nvm)

  ```shell

  $ nvm install 16

  $ node --version && npm --version

    v16.13.2

    8.1.2

  ```

- [gatsby](https://www.gatsbyjs.com/)

  ```shell

  $ npm install -g gatsby-cli

  ```

Build the site locally

```shell

$ git clone https://github.com/vchrombie/blog

$ cd blog/

$ npm install

$ gatsby develop

```

Clean the cache

```shell

$ gatsby clean

```

Deploy to github pages

```shell

$ npm run deploy

```

## Plugins

### [giscus](https://github.com/giscus/giscus-component/tree/main/packages/react)

```shell

$ npm install @giscus/react

```

post.tsx

```tsx

import {Giscus} from "@giscus/react";

...

```

### [gatsby-plugin-google-analytics](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-analytics)

```shell

$ npm install gatsby-plugin-google-analytics

```

gatsby-config.js

```js

plugins: [

  {

    resolve: `gatsby-plugin-google-analytics`,

    options: {

      trackingId: `UA-121045448-1`,

    },

  },

]

```

### [gatsby-plugin-twitter](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-twitter)

```shell

$ npm install gatsby-plugin-twitter

```

gatsby-config.js

```js

plugins: [`gatsby-plugin-twitter`]

```

### [gh-pages](https://github.com/tschaub/gh-pages)

```shell

$ npm install gh-pages --save-dev

```

gatsby-config.js

```js

module.exports = {

  pathPrefix: "/blog",

}

```

package.json

```json

{

  "scripts": {

    "deploy": "gatsby build --prefix-paths && gh-pages -d public"

  }

}

```