I'm not a 'natural' frontend developer, learning vue and re-learning Javascript with my Java knowledge came as a challenge. Not to mention all thos...
For further actions, you may consider blocking this person and/or reporting abuse
Great article and I love the writing style throughout.
😆
I know I'm late to the party but thank you so much for this! This is exactly what I was looking to implement and you've given me a skeleton to follow and adapt. This is the last hurdle to me actually deploying my site for real instead of procrastinating for the last year. My own site is using Nuxt but it shouldn't be that difficult to incorporate :) Here it is for reference matt123miller-site.herokuapp.com/
That's cool! I never really thought that this could really help help in any way!
Thanks for this, using your implementation i created a simple SPA with markup rendering for code examples. Can be viewed here: jamesdordoy.github.io/laravel-vue-...
I made use of this component for markdown styling also github.com/metachris/vue-highlightjs. You can just wrap the markdown components and github styling will be applied.
Great article, thanks for making it.
Hey awesome post! Did you have a routing problem when you deployed your site?
Hey, thanks! Nothing comes to mind. What sort of routing problem are you referring? I did encounter routing problems whenever I construct the route objects wrong. But I can't remember something deployment-specific.
I had to setup the _redirects file to let me open up the blog from a main page. For some reason, when I click to open a markdown file using router.push my console tells me the file doesn't exist so I'm guessing Vue did not add it to dist after running npm build. Even though I did add it to the public and src folders to test it
Ahh I see. I'm not entirely sure if I understand what happened in your case correctly. But my first guess is that it's really just a consequence of routing in SPA when not using
hash mode
. I don't particularly like this mode that's why my demo repo was set tohistory mode
due to habit.More info about this at vue-router docs: Server Configurations
Hello, I was trying the blog and I wanted to
add some different data from a different.js file into the
.vue file but I get the
"[Vue warn]: Property or method " " is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option or for class-based components, by initializing the property."
do I need to create a new file or change the basic structure of a Vue instance?
Hi, I'm not sure I follow. Can you paste a code snippet?
Hello, sorry for the late response, after studying Vue I resolved the problem and I created a simple project in which I wanted to integrate the blog structure, here the link:
github.com/Misterlinux/quasi-blog
I will use the route structure of the route.js file into my project but I would like to separate and design different sections and not have them all in the same column.
This is certainly different to how I would do it. You might wanna consider checking out Vuepress. But this is certainly a good approach for those who don’t like using packages with too many dependencies, or just want full control.
Thanks for the response. You're right! I know and have tried Vuepress before and it's really cool. But this article is intended for those people who wants to build a really simple and easy blog without any third-party libraries in Vue. I might not have stressed that enough with the article.
Thanks I was frustrated with Mediawiki updates and I try to move it to some other domain it get failed. I was searching for .md file CMS. My search will end over here. I can style and add tags functionality and it will be done for me.
Are you considering moving your current setup to Vuepress (version 1 is now out), since it has various plugins like sitemap & rss feed generation, PWA-capability baked in, etc?
Great write-up btw!
Hi, thanks for the response!
I haven't checked Vuepress again but maybe in the future I will, if things started difficult to manage. But right now, my website is pretty simple and straightforward, I still doesn't feel the need to add more stuff. I don't have that much audience anyway (aside from myself lol). While PWA and rss feed generation are cool and something I had considered before, I figured it's better to focus on at least putting out consistent blog entries first.
What tech stacks did you use for the portfolio. It looks awesome.
Thanks! I'm not a very frontend-y guy probably way overkill. But it's just quasar and vue and some other stuff. It's on github if you're curious and want to look around: github.com/josephharveyangeles/por...
Thank you, I'll definitely look into it for ideas.
Nice post 💪
Thanks! Glad you appreciate it!
Thanks for this great article.
Great idea, I'm trying to build it.
A little bit late, but I really appreciate your effort on this. I used your approach and I'm very happy about the results. Thank you!
Really nice blog you created there!
Thanks!
Well written. Is it possible to create pagination with this setup?
Hi, It is possible. Simplest way I can think of is to just name your markdowns like:
blog-post-2.md
and just add some indicator on blogs.json that a post has more than 1 page so you could display necessary buttons alongside back. Basically, you renderblog-post.md
but pressing and will just concatenate the page number.Although, if things start to get more demanding. Might want to invest on using ButterCMS and the like.
Great post. I will be implementing many of these tips mentioned. Thanks for the share. VueJS Development
Hey, great post. Thanks!
Great post! Only missed a reference to the base repo you got the main idea from github.com/yeikiu/vue3-md-blog ;-)
Thank's man
this is all i need
I just want to make simple static content with my vue-cli project