MatthiesenXYZ
/
astro-hashnode
1
0
Fork 0
Code Issues Pull Requests Packages Releases 9 Activity
astro-hashnode/package
History
create-issue-branch[bot] d86777fdae
feat: ✨ Chore: add imports for user Customizations (#7) 
* Create draft PR for #6
[skip ci]

* Update package.json and pnpm-lock.yaml

---------

Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com>
Co-authored-by: Adam Matthiesen <amatthiesen@outlook.com>
 		2024-03-11 08:14:00 -07:00
..
src feat: ✨ Chore: Initial Release (#4) 2024-03-11 06:44:07 -07:00
CHANGELOG.md chore: update versions (#5) 2024-03-11 06:50:00 -07:00
LICENSE add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00
README.md update readme 2024-03-11 06:15:37 -07:00
package.json feat: ✨ Chore: add imports for user Customizations (#7) 2024-03-11 08:14:00 -07:00
tsconfig.json add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00
virtual.d.ts add Astro Hashnode integration and dependencies 2024-03-11 05:56:23 -07:00

README.md

Astro Hashnode

An Integration to bring your Hashnode Headless Blog content into Astro!

Installation

Install the integration automatically using the Astro CLI:

pnpm astro add @matthiesenxyz/astro-hashnode

npm astro add @matthiesenxyz/astro-hashnode

yarn astro add @matthiesenxyz/astro-hashnode

Or install it manually:

  1. Install the required dependencies
pnpm add @matthiesenxyz/astro-hashnode

npm install @matthiesenxyz/astro-hashnode

yarn add @matthiesenxyz/astro-hashnode
  1. Add the integration to your astro config
+import astroHashnode from "@matthiesenxyz/astro-hashnode";

export default defineConfig({
  integrations: [
+   astroHashnode({
+      hashnodeURL: 'astroplayground.hashnode.dev'
    }),
  ],
});

Full Configuration Options

astroHashnode({
  hashnodeURL: 'astroplayground.hashnode.dev', // Your hashnode URL
  landingPage: true, // Lets you disable the default landing page!
  layoutComponent: './src/layouts/YourLayout.astro' // Lets you change the default Layout.astro being used by the Integration Pages.
  verbose: false // Change to Verbose console output
})

Node: This Integration uses the new Tailwind v4 There is no config options in this version of tailwindCSS, and applyBaseStyles is enabled! So if you are building your own LayoutComponent feel free to use TailwindCSS!

Licensing

MIT Licensed. Made with ❤️ by Adam M..

Acknowledgements