而且,对于一个博客系统来说,SEO 也是一项不可忽视的指标,因此,我把网站用nuxt重写了一边,改造成ssr(服务端渲染)形式。 效果:https://zhangjinpei.cn/ github:https://github.com/love-peach/nuxt-ts-blog 初始化项目 通过Nuxt.js 官方提供的脚手架工具create-nuxt-app,初始化项目 运行 npx create-nuxt-app ...
https://buluo.cc 简述 前端Github地址 语言:Javascript 主框架:Nuxt 状态管理:Vuex 路由:vue-router 网络请求:axios 编辑器:markdown-it 代码高亮:highlight.js 日期处理:moment 头像:gravatar 第三方登录:QQ 服务端 ~~ 即将开源 语言:Typescript 主框架:Nestjs 数据库:Mysql 数据库ORM:typeorm 静态资源:七牛云...
1.删除node_moudles2.删除package-lock.json此文件里包含校验文件3.npmrun build4.npmrungenerate5.生成dist文件夹 nuxt 项目部署几项注意 1.node 版本>=82.vue 和 vue-server-renderer 版本一致
Nuxt 官方网站:https://nuxtjs.org/ 官方脚手架工具 Create-nuxt-app: https://github.com/nuxt-community/create-nuxt-app Nuxt 官方 Examples 教程:https://nuxtjs.org/examples Nuxt 官方 Api 文档:https://nuxtjs.org/api 安装教程 第一步:把npm升级到最新版本,这一步是为了获得npm的最新的工具 —— ...
vue & nuxt 博客网站 现场演示:surmon.me/Github:github.com/surmon-china 使用vue & nuxt 搭建建立的非常有风味独特的博客网站。 Vue后台UI框架 - Buefy 现场演示:buefy.org/ Github: github.com/buefy/buefy/ **Buefy **是基于Bulma框架和设计的Vue.js响应式UI组件的轻量级库 特征 轻松保留当前的布尔玛主题...
个人博客-Vue,js与Nuxt.js开发 博客首页地址:南弦 | https://www.aerowang.cn/ 自我感觉UI挺漂亮的,继续加油吧,博客会一直维护的🎉 作者: leerob https://www.cnblogs.com/leerob/p/aerowang.html 署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
飞鹅(flygoose)是款完全免费开源博客系统,源码可以二次开发,没有任何限制,可以快速帮助开发者搭建一个专属于自己的独立站点. github地址: https://github.com/helloworld-Co/flygoose-blog 官网地址: https://flygoose.helloworld.net/ 当然技术上也是使用大家最最熟悉的vue3生态, 如nuxt3,antd等, 后端采用Golang...
之前的Vue项目使用过prerender-spa-plugin&vue-meta-info做seo,但对于博客类、新闻类的网站,详情页还是无法被爬取到,只能做固定的页面,今天把自己的Vue项目改造成Nuxt项目。 一、前期准备 1、首先使用以下命令安装nuxt项目 npx create-nuxt-app demo 安装时会出现类似Vue安装时出现的选项,自己根据需求选择就好 ...
nuxt-cnode 基于vue的nuxt框架仿的cnode社区服务端渲染,主要是为了seo优化以及首屏加载速度 线上地址http://nuxt-cnode.foreversnsd.cn github地址https://github.com/Kim09AI/nu... 技术栈 vue vue-router vuex nuxt axios simplemde ES6/7 stylus
https://zh.nuxtjs.org/ 服务器端渲染 利于 SEO 客户端渲染 vue-server-renderer https://ssr.vuejs.org/zh/guide/ 安装环境 npm install vue vue-server-renderer --save 1. 1、渲染示例 const Vue = require("vue"); const VueServerRenderer = require("vue-server-renderer"); ...