z3by / vuepress-theme-modern-blog

🤩Modern blog theme for VuePress.

vuepress-theme-modern-blog

Sites

• Live Example
• z3by.com
• ??? Your website?

Install

yarn add vuepress-theme-modern-blog -D
# OR npm install vuepress-theme-modern-blog -D

Usage

// .vuepress/config.js
module.exports = {
  theme: 'modern-blog',
  themeConfig: {
    // for the full list of options read more in [Docs](./docs/theme-config.md)
  }
}

Contributing

1. Clone this repository.
2. Navigate to the cloned repository cd vuepress-theme-modern-blog
3. Run yarn && yarn dev # Or npm install && npm run dev
4. Create a new feature.
5. Submit a Pull Request.

vuepress-theme-modern-blog's Issues

Translation strings are not picked up by FeaturedPosts.vue

Neither the default values (embedded within your theme in .https://github.com/z3by/vuepress-theme-modern-blog/blob/master/plugins/Translation/locale/en.js) or custom translations in config.js are picked up by this component, rendering in screen:

Add pagination to show posts

Is there a way to enable pagination for this template?

Having 20 blogposts will make a list 20 posts appear on the first page.
It would be nice to have be able to show for example 5 per page.

Missing some dev dependencies

commitlint dependencies are missing.

Changing itemPermalink: '/:slug',

How do I change itemPermalink to '/:slug'?

Where to put this option? How do I change other theme options using javascript?

Enforce style checks

add dark theme layout option

need to provide full options of third party plugins

Add Github action build the example project and ensure no build failures.

Organize folders

Folders need to be more organized to make development easier.

Variable size of logo in header

Could you make the size of the logo in the header variable?
Currently it is 70px and I would like to set this to 50px.

As a suggestion, it would be awesome if you could externalise this in palette.styl or make this overridable in index.styl.

Many thanks.

update dependencies

The dependencies are very old. This works with new ones.

"plugins" folder is missing in packaged version

@z3by I just checked the v1.10.0 release, and the "plugins" folder is missing, causing an error. I'm not sure if that is because of some packaging scripts that you're using that is ignoring that folder or if I should fix it something form the code.

Get rid of third party plugins, keep only the theme.

Supporting third-party plugins is nice to have but removing them offers more flexibility and less maintenance overhead.
we need to remove the third-party plugins and their options and let the user install the latest versions of them as desired.

Move from bootstrap to Tailwind.css

Problem with post image size

The post image should fill the height of the card

The custom container feature fails in the demo

https://vp-modern.z3by.com/2018/11/07/frontmatter-in-vuepress/

components/Footer.vue errors

• import is missing PhoneIcon
• syntax error:
  case "phone";
  =>
  case "phone":

How can i use `FeaturedPosts` component? It don't show in my page

Even though i set featured: true at post's Frontmatter, but it dose not work!

add optional Vssue support for comments