flexdinesh / blogster Goto Github PK

I have been using this icon pack for some time now. It contains Font Awesome, Material, and many others

https://github.com/natemoo-re/astro-icon

https://icones.js.org/

👍

Hi @flexdinesh Great theme. Thanks for open sourcing it.

I have a small inconsistency problem with the title animation in mobile.

The background gradient doesn't seem to cover the entire text.

Reproducible in
OS: iOS
browser: safari
version : 16.1.1
theme: bubblegum

Happy to submit a PR

I am looking at migrating from Hugo to Astro, because I am having trouble integrating Hugo with other tools. One feature I'm missing is that with Hugo I do not need to include dates on my posts, but can use the git commit information as part of the page generation to provide the page creation and modification dates. It would be great to have this functionality with Astro as well, but as I understand it, it would be an aspect of the theme? If I should file this feature request somewhere else please let me know.

Fantastic job amigo 👍

Hi I'm very new to astro and was wondering if there's a way to get the markdown content itself to hot reload. The astro templates do hot reload when editing directly but not the blog content which I have to do a pge refresh to see. I'd love to edit the content with realtime updates to see how it would look like on prod instead of in my editor built in markdown preview tool (github styled)

if someone have many ariticles, he will need a tag to classify articles.

Hello everyone, I have a problem when i try to install tamplate

Hi, I created an astro plugin which allows to add Like buttons to blog posts.
Are you open to integrate it in your template? I can create a PR to setup the integration. It will be just a few line of code. I will make the integration optional, meaning that if the setting_key is missing (the user doesn't want to use the plugin), nothing is affected and will change.

In general, the plugin allows to receive any kind of feedback, but I think for a blogsite likes are more appropriate. Nonetheless, it's very easy and customizable.

Let me know.
Thanks.

How to reproduce:

1. run npx create-blogster@latest --theme sleek
2. run cd my-blogster-blog
3. run yarn run dev --host
4. visit http://127.0.0.1:3000/blog/basic-markdown-style-guide

The page displays an error message:

require is not defined

/my-blogster-blog/.yarn/cache/prismjs-npm-1.29.0-6faa5b04b8-007a8869d4.zip/node_modules/prismjs/components/index.js:1:33

> 1 | const components = require('../components.js');
    |                                 ^
  2 | const getLoader = require('../dependencies');

ReferenceError: require is not defined
    at /.yarn/cache/prismjs-npm-1.29.0-6faa5b04b8-007a8869d4.zip/node_modules/prismjs/components/index.js:1:33
    at instantiateModule (file:///my-blogster-blog/.yarn/__virtual__/vite-virtual-2b0880e296/0/cache/vite-npm-3.2.5-f23b9ecb5b-ad35b7008c.zip/node_modules/vite/dist/node/chunks/dep-5605cfa4.js:53364:15)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5

Other information:

• platform: MacOS
• yarn 3.3.0
• node 18.12.1

Right after generating my Bubblegum site, I built it, only to get this error:

 error   Cannot read properties of undefined (reading 'postcss')
  File:
    D:\personal-site-astro\node_modules\@astrojs\tailwind\dist\index.js:78:22
  Code:
    77 |         const tailwindConfig = (userConfig == null ? void 0 : userConfig.value) ?? getDefaultTailwindConfig(config.srcDir);
    > 78 |         config.style.postcss.plugins.push(tailwindPlugin(tailwindConfig));
         |                      ^
      79 |         config.style.postcss.plugins.push(autoprefixerPlugin);
      80 |         if (applyBaseStyles) {
      81 |           injectScript("page-ssr", `import '@astrojs/tailwind/base.css';`);
  Stacktrace:
TypeError: Cannot read properties of undefined (reading 'postcss')
    at Object.astro:config:setup (file:///D:/personal-site-astro/node_modules/@astrojs/tailwind/dist/index.js:78:22)
    at async withTakingALongTimeMsg (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/integrations/index.js:15:18)
    at async runHookConfigSetup (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/integrations/index.js:69:7)
    at async AstroBuilder.setup (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/core/build/index.js:40:21)
    at async AstroBuilder.run (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/core/build/index.js:130:23)
    at async build (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/core/build/index.js:21:3)
    at async runCommand (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/cli/index.js:157:14)
    at async cli (file:///C:/Users/mikwee/AppData/Local/Yarn/Data/global/node_modules/astro/dist/cli/index.js:180:5)

Does anybody have an idea of what's going on? Thanks.

I think that this template is missing a table of content markdoc element.

The theme is actually complete in itself, but just lacks the search functionality. When the user creates a large amount of blogs, searching for the right one will be really hard. A search functionality can be really helpful for searching through the blogs. You might consider adding this, or can tell how to implement this in the website.

Summary

When on Windows and creating a project with the command npx create-blogster@latest --theme sleek, no content is displayed on either /blog or /projects. This seems to be an issue with globby trying to understand the result of path.join

Steps To Reproduce

1. On Windows create a new project using npx create-blogster@latest --theme sleek
2. run yarn dev and view the live dev site in the browser at the given url
3. Website is up and running as normal, but all content is missing

Expected Outcome

Content should be displayed properly regardless of platform

Suggested Solution

Globby documentation states that path.posix must be explicitly used for all globby paths, windows paths will not work. path.join will use path.win32 when on a Windows platform and therefore must be hard-coded to utilize path.posix when using globby.

I'd love to see content added to the RSS feed. In particular, I'd want to see the custom blogster components supported in that.

Right now, I'm just returning Markdoc.renderers.html(postContent) as content on the RSS feed. It's mostly fine but custom components like CodeBlock and YouTubeEmbed aren't rendered as normal html. It would be nice to have that supported out of the box.

Hey, I really liked your Blogster Newspaper theme, and I was wondering if I had permission from you to remake it with newer Astro features like Markdoc integration and Content Collections? I'll credit you in the README, of course. I'll also publish it under a different name (I was thinking Journal).

I've noticed that in Chrome (macOS 109.0.5414.87) there is a flickering when navigating between pages only for the production build. In dev mode this doesn't seem to occur nor does it occur in Safari for the production build.

Here's a video showing the issue:

List of things in pipeline for Blogster. I'll smash through them as and when I find time.

All themes:

• Markdoc custom component - Image with caption
• theme-color meta - set in ThemeScript.astro and update during theme toggle
• DarkMode.astro - convert to web component
• GitHubGist.astro - convert to web component
• Nav.astro - copy from Bubblegum to all themes and convert to web component
• blog/projects page - align items baseline b/w title and date
• fontawesome - add RSS icon to bareminimum
• Add code comment for favicon on how it's generated
• Add code comment for Tailwind css variables and how they work
• FIX: OG image URL for blog posts
• Frontmatter schema - refactor reused types

Bubblegum:

• Remove heading before border for h3 and higher

Sleek:

• Remove 50-900 shades and replace with one or two. It's an overkill.

Newspaper:

• Remove 50-900 shades and replace with one or two. It's an overkill.
• Rethink: content heading after border is not semantically correct

Hi,

Environment

using Demo: Newspaper
using the template via Astro

What's the issue?

I'm using this template for my personal blog, And I realised that by just setting url and title in the .md file, the correct codepen link will not appear

How to reproduce

If you just wanted to change the line in the default articles, you won't see the new link by changing url and title.

{% codepen url="https://codepen.io/ruphaa/pen/eYJqjgq" title="Ecosystem - Pen in CSS by Ruphaa" /%}

Notes

according to the embedded link retried from codepen there are two other important fields which are data_slug_hash and data_user. and these two are hardcoded in the template.

In the dev server everything works fine, but when I build the website, Tailwind CSS's styles aren't baked into the HTML, which means my site ends up with no styling. Why is that? Thanks.

It appears that this theme does not implement markdoc the same way that I would get if I ran

npx astro add markdoc

in a generic astro project, and that as a result some of the documentation at the Astro doesn't fully apply. As the todo list is locked, I cannot comment there. I'm trying to follow the advice given at
#70 to add footnote support, as that is not supported in the upstream Markdoc. I suspect that would be useful to more than just me, and might be something you want to consider for inclusion in the theme if it can be made to work.

Error

just finished setting up through the video and reading documentation however Mason.confi gave me this error :
server "sumneko_lua" is not valid entry in ensure installed. makesure to only provid lspconfig server names

Finding

sumneko_lua just deprecated the name and change it to lua_ls

Issue

'vim' global undefined appearing everywhere there is vim in .lua files so is this not working?

lsp.configure('lua-ls', {
    settings = {
        Lua = {
            diagnostics = {
                globals = { 'vim' }
            }
        }
    }
})

Hello 👋🏻 ,

First of all congratulations for developing this template, is my favorite by far on astro!
As an idea it would be perfect to filter blog posts by tags as astro-paper template does.

Regards

I really like this theme, It's a great work! But I have a little suggestion.

I initialize my repo by npm init -y, but when I finished npx create-blogster@latest --theme sleek, it shows help information below:

Start your development with:

    - cd my-blogster-blog
    - yarn dev

Do you think add detection of package is a worth doing for? Maybe support of pnpm can speed up initialization.