GithubHelp home page GithubHelp logo

nuxtlabs / demo-blog-nuxt-content Goto Github PK

View Code? Open in Web Editor NEW
220.0 220.0 169.0 1.51 MB

Demo of how to create a blog with the Nuxt.js content module

Home Page: https://nuxtjs.org/blog/creating-blog-with-nuxt-content

JavaScript 16.77% CSS 1.29% Vue 81.94%

demo-blog-nuxt-content's People

Contributors

atinux avatar coreyshuman avatar debs-obrien avatar dependabot[bot] avatar ilikerobots avatar ram-you avatar renovate-bot avatar renovate[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

demo-blog-nuxt-content's Issues

Search

Really cool starter project and blog, thank you

Just wondering what the search function does, I tried a few things like article title, article content and author and none of them seemed to work.

Screenshot from 2020-08-14 19-36-48
Screenshot from 2020-08-14 19-36-32
Screenshot from 2020-08-14 19-36-07

question: is it possible to add images from the assets folder?

Sorry to bombard the issues I was wondering if it was possible with the content module to add dynamic images to a something like an article.md and have nuxt resolve them eg ( ~/assets/img/blah.jpg ) It looks like it might need to be a dynamic vue component and slotted in but it's kind of unclear on the documentation for the content module. Apologies again if this is the incorrect place to ask.

What is the use of prism themes?

Given that you can choose from a list of themes directly from nuxt config file, first use that comes to mind is global style theming.

    markdown: {
      prism: {
        theme: 'prism-themes/themes/prism-hopscotch.css'
      }
    },

However, this themes have apparently no impact whatsoever on the blog style.

Further looking at the original repository, "prism" seems to be a theme repository for text editors.

Can someone clarify the purpose of this asset in nuxt blog demo?

typescript

  • could we get a typescript version of this?

Markdown Ordered Lists does not work

Steps to reproduce:

  1. git clone https://github.com/nuxtlabs/demo-blog-nuxt-content.git
  2. Open http://localhost:3000/blog/some-interesting-title
  3. Modify the content of the article and add the following content
1. First item
2. Second item
3. Third item
     1. Indented item
     2. Indented item
4. Fourth item

-First item
-Second item
-Third item
     -Indented item
     -Indented item
-Fourth item
  1. The rendering result does not show the list sort number
    image

Expected result
image

See the video demo in detail

nuxt_content_markdown.mp4

List pagination

Hi there. How to create a pagination component in the list of posts?

Tags/keywords implementation

I created a rough tag implementation, where tags are stored as content, similar to articles themselves. Each has a name, description, and image. These are displayed on the front page and have dedicated routes to show articles tagged with the given tag. Articles themselves are associated with tags via the frontmatter in the article content.

I'd be happy to clean this up and make a PR, but I'm not sure if you're accepting PRs, especially as the repo is linked to a tutorial article.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.