Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vchrombie/blog
https://github.com/vchrombie/blog
giscus
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/vchrombie/blog
- Owner: vchrombie
- License: 0bsd
- Created: 2023-03-01T20:19:29.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T02:43:09.000Z (2 months ago)
- Last Synced: 2024-10-29T03:26:55.441Z (2 months ago)
- Topics: giscus
- Language: MDX
- Homepage: https://vchrombie.github.io/blog
- Size: 162 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
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
```
`node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/post.tsx`
```tsx
import {Giscus} from "@giscus/react";
...
{children}
```
### [gatsby-plugin-google-gtag](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-google-gtag)
```shell
$ npm install gatsby-plugin-google-gtag
```
`gatsby-config.ts`
```ts
plugins: [
{
resolve: `gatsby-plugin-google-gtag`,
options: {
trackingIds: [
"G-C5Y4PDGXSR", // Google Analytics / GA
],
},
},
]
```
### [gh-pages](https://github.com/tschaub/gh-pages)
```shell
$ npm install gh-pages --save-dev
```
`gatsby-config.ts`
```ts
const config: GatsbyConfig = {
pathPrefix: `/blog`,
}
```
`package.json`
```json
{
"scripts": {
"deploy": "gatsby build --prefix-paths && gh-pages -d public"
}
}
```