一个用Vue+Node开发的博客 介绍 采用了前后端分离的方式,前台和后台的源码在这里 博客的ui设计参考了各大博客主题的ui,使用了element-ui快速开发,主打简洁 功能 注册/登录 留言/回复...axios element-ui nuxt 后台(基于vue-element-template开发) vue全家桶 axios vue-element-template qiniu-js 后端(基于node...开发) node express sequeilze mysql
这个项目是为了学习 node 而建的,从前端到后端一手包办。相对来说,还是有一定难度的,适合有一定编程基础的人进阶学习。...在线预览 由于服务器网速原因,加载时间较久 相关文档 多个请求下 loading 的展示与关闭 Vue 实现前进刷新,后退不刷新的效果 Vue 页面权限控制和登陆验证 用 node 搭建个人博客(一):...代码热更新 用 node 搭建个人博客(二):导出模块同时兼容 import 和 require 用 node 搭建个人博客(三):token 用 node 搭建个人博客(四):评论功能 用 node...搭建个人博客(五):数据库 阿里云服务器部署个人网站 性能优化--开启 gzip 压缩 前端页面 首页(index)包含内容及标签子页面 编辑(editor) 登陆(login) 管理(manage...mocha 使用 注意 登陆入口在页面脚部的 Copyright ©2019 woai3c 博客内容、评论使用的都是 markdown 语法 需要先下载 mongodb,建议按照windows 安装教程一步步安装
这是一个博客系统,使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB。...实现了用户注册、用户登录、博客管理(文章的修改和删除)、文章编辑(Markdown)、标签分类等功能。 很早之前就想写一个个人博客。...学了 Vue 之后,把前端部分写出来,然后 Node 一直拖拖拉拉的学了很久,中间又跑去实习了一段时间,所以直到回学校之后才列了个计划把这个项目实现了。 翻出之前写的前端部分,好丑啊,干脆推掉重写吧。...然后打开后端服务器 node app,后端监听 3000 端口。 最后打开前端开发模式 npm run dev,前端启动了一个 webpack 服务器,监听 8080 端口用于热刷新。...app.js 位于项目根目录,使用 node app 运行服务器。
早些时候,我为了更深入地了解前后端完整链路,特意自己实现了个人博客。...首先分享下在线链接:Tusi博客[1] 整体架构 从技术选型来看,我还是选择了一些比较接地气的框架和技术。...后端这块,也是开发得比较早,那会儿可选的 Node 框架也不多,所以我选择了比较流行的 Express[4],这确实是一个易上手并且好用的框架,Express 不会给你灌输太多的设计模式,对于初次接触后端的朋友来说...Node 这块是基于PM2去做进程守护和自动化部署。 前端则是基于 Github Actions 实现的CI/CD。...未完待续 本文主要是对Tusi博客[1]做了一个总体的介绍,让大家先有个整体的印象。整个博客应用确实是比较简单,但也算是一个前后端完整的系统,应该能给朋友们带来一点帮助或思路。
我的博客后端其实开发得比较早,19年年底基本上已经完成了主体功能的开发,当时用的是 Express 4.x 版本。...环境标识我们都不陌生了,它就是process.env.NODE_ENV。由于项目中用到了pm2,所以我是通过pm2来配置NODE_ENV的。...env: { NODE_ENV: "development", PORT: 8002, }, env_production: { NODE_ENV: 'production', PORT...{ ...baseEnv, ...prodEnv } : { ...baseEnv, ...devEnv } 小结 本文是Vue3+TS+Node打造个人博客(后端架构篇),从一个不太专业的视角来切入后端...,主要介绍了我在为博客系统设计后端时的一些主要思路,诸多细节不便展开,可以打开源码[7]了解。
Ghost简介 Ghost 是基于 Node.js 构建的开源博客平台,由前 WordPress UI 部门主管 John O’Nolan 和 WordPress 高级工程师(女) Hannah Wolfe...Ghost 具有易用的书写界面和体验,博客内容默认采用Markdown 语法书写。Ghost 的目标是取代臃肿的 WordPress。目的是为了给用户提供一种更加纯粹的内容写作与发布平台。...[root@localhost ~]# npm i -g cnpm #通过node -v 和npm -v命令查看是否安装成功。...[root@localhost ~]# node -v v6.14.4 [root@localhost ~]# npm -v 3.10.10 [root@localhost ~]# 3....访问搭建的ghost博客 前台页面:http://你的ip/ host博客 后台登录页面:http://你的ip/ghost 后台管理页面: Ghost作为一个新兴的博客系统肯定会有一些不足,但是我们相信它会越来越好的
前言 前段时间刚把自己的个人网站写完, 于是这段时间因为事情不是太多,便整理了一下,写了个简易版的博客系统。 服务端用的是 koa2框架 进行开发。...说明: build - webpack的配置文件 code - 放置代码文件 config - 项目参数配置的文件 logs - 日志打印文件 node_modules - 项目依赖模块 public...: admin 密码: 123456 7. cnpm run dev:client 启动前台页面 想撸的直接上手跟我来, 项目地址:https://github.com/cd-dongzi/vue-node-blog
原创@前端司南 本项目代码已开源,具体见: 前端工程:vue3-ts-blog-frontend[1] 后端工程:express-blog-backend[2] 一个博客系统应该有什么功能,相信大家都是非常熟悉的...如上图所示,针对我的个人博客,我做了简单的实体和实体关系设计。...小结 本文是Vue3+TS+Node打造个人博客(数据库设计篇),主要介绍了我在为博客系统设计数据库时的一些主要思路和关注点,接下来将针对一些具体的业务实现来进行更详细的剖析,敬请期待!
首页 前言 此项目是用于构建博客网站的,由三部分组成,包含前台展示、管理后台和后端。...此项目是基于 react + node + express + ant + mongodb 的,项目已经开源,项目地址在 github 上,喜欢的,欢迎给个 star 。...blog-react 管理后台:https://github.com/biaochenxuying/blog-react-admin 后端:https://github.com/biaochenxuying/blog-node...计划 这次是一个完整的全栈式开发,只要部署了这三个项目的代码,是完全可以搭建好博客网站的。 作为一个后端的小白,在这次开发中,小汪也遇到了很多问题。...因为最近一直在做自己的个人博客网站,所以好久没更新技术文章了;而且是利用业余时间做的,所以经过差不多两个月的搬砖,现在网站终于都上线了。
在本篇指南中,我们将一步步使用Vue.js(前端)和Node.js(后端)构建一个简单而强大的个人博客网站。我们将介绍项目的创建、前端和后端的搭建、数据的存储以及如何将它们整合在一起。...后端在博客项目的根目录中,创建一个名为my-blog-server的文件夹。...、博客详情页面等。...在博客列表页面中:vueCopy code 博客列表 <div v-for="blog in blogs" :key="blog....以上就是使用Vue.js和<em>Node</em>.js构建个人<em>博客</em>网站的基本步骤。你可以根据需求进一步完善前后端逻辑、页面设计以及添加用户认证等功能。
在这篇博客中,我们将学习如何使用Vue.js和Node.js构建一个简单而强大的个人博客网站。我们将使用Vue.js作为前端框架,Node.js作为后端,并结合Express框架。...步骤3:设计博客前端在src目录下,修改App.vue和views目录下的文件,创建博客前端页面,包括首页、文章详情页等。<!...步骤6:部署博客网站使用Vue CLI构建Vue.js应用:npm run build将构建后的静态文件(位于dist目录下)部署到Node.js后端的public目录。.....步骤7:部署Node.js后端在Node.js后端项目中执行以下命令:node index.js你的博客网站应该可以在http://localhost:3000 上访问。...结语通过这个简单的例子,你学到了如何使用Vue.js和Node.js构建一个个人博客网站。在实际的博客开发中,你可能需要添加用户认证、评论系统、数据库支持等功能,以提高博客的交互性和功能性。
node函数 js中一个函数可以作为另一个函数的参数,即先定义一个函数,然后传递 匿名函数 这个学过,过 node路由 要为路由提供请求的url,和其他需要的get的post请求。...127.0.0.1:1937/hello%20word.html http://127.0.0.1:1937/hello%20word 返回消息 PS C:\Users\mingm\Desktop\test> node...hello%20word /favicon.ico /hello%20word.html /favicon.ico 两个请求,一个是hello word的请求,由于url不支持空格,所以用%20进行替代,node...返回客户端请求的是hello word favicon.ico是浏览器默认的一个请求,若没有图标文件的缓存都会对服务器请求一个图标文件 编写一个路由 PS C:\Users\mingm\Desktop\test> node
博客介绍 前端项目通过 create-react-app 构建,server端通过 koa-generator 构建 前后端分离,博客页、后台管理都在 blog-admin 里,对含有 /admin 的路由进行登录拦截...博客页 ? 响应式 ? ?...主要记录下 koa + mysql 相关事宜 全局安装 koa-generator npm install -g koa-generato 创建 node-server 项目 koa node-server...安装依赖 cd node-server npn install 运行 npm dev 出现 Hello Koa 2!...本地安装 mysql 项目安裝 mysql npm install mysql --save 项目安裝 sequelize sequelize 是 ORM node框架,对SQL查询语句的封装
前言 该文章来自于chh大佬的投稿,为他打call 为何需要node调试? 熟练使用node调试能让你在日常开发中更快的定位问题所在的代码,提高开发效率 如何进行node调试?...skipFiles:指定跳过单步调试的代码,"/**"表示跳过node核心模块,因为是数组所以很明显可以添加选项: "skipFiles": [ "${workspaceFolder...}/node_modules/**/*.js", //跳过node_modules "/**/*.js"//跳过node核心模块 ] program:指定调试入口文件地址...nodemon是一种node工具,通过在检测到目录中的文件更改时自动重新启动节点应用程序来帮助开发基于node.js的应用程序。...总而言之,我们修改node文件后,不用再每次node+文件名启动node文件,而只需通过nodemon命令启动一次,后面每次保存文件都会自动重启node文件。
这一年来陆陆续续写了 6 篇 Gradle 相关的博客,本篇便来做一下汇总梳理,方便查阅,也分享给大伙。...系列博客 看不懂的 build.gradle 代码 https://www.jianshu.com/p/a3805905a5c7 学点Groovy来理解build.gradle代码 https...https://www.jianshu.com/p/238eecc9c08d 再写个Gradle脚本干活去,解放双手 https://www.jianshu.com/p/36ecd23191d2 博客概要...后记 Gradle 系列的相关博客就暂时到此告一段落了,虽然仍然还有一部分知识没涉及到,比如如何自定义 Gradle 插件等等,由于没有相关方面的需求,等待后续有接触时再来继续补充。 ----
原来位于Google上的博客在国内基本不能访问了,现在找了个新家,准备发布一些我这些年来编写的东西,主要集中在算法研究和程序设计上,语言主要是.NET(C#)和Delphi,当然,其它软件开发、算法相关的许多东西也会陆续加入...旧的不去,新的不来,旧博客关了也好,新博客总算是中文的了,原来的那个莺文(鸟语之一)博客早便弄得我焦头烂额(英文欠佳,少时不够努力耳!),关了倒也省心…… 先发两个我个人的Logo吧。
Node 不是一种独立的语言、Node不是 JavaScript 框架, Node是一个除了浏览器之外的、可以让JavaScript 运行的环境 Node.js 是一个让 JavaScript 运行在服务端的开发平台...为什么要学习 Node 打开服务器的黑盒子 企业需求 大前端必备技能 为了更好的学习前端框架 0.3. Node 能做什么 知乎 - Node.js能做什么,该做什么?...一些资源 文档 Node.js 官方文档 Node.js 中文文档(非官方) 书籍 深入浅出 Node.js Node.js 权威指南 Node.js 实战 Node.js实战(第2季) github资源...对于已经装过的,重新安装就会升级 安装成功后,打开命令行,输入 node –version 或者 node -v (显示node的版本号) ?...1.4 Node 中的模块 浏览器(客户端)中的JS ? Node中的JS ?
背景 安装了node后,执行npm run xxx的命令的时候,报错,提示如下: /usr/bin/env: node: No such file or directory 步骤 1....什么玩意,执行一个npm命令怎么提示/usr/bin/env这个错误呢,翻阅资料 资料都提示要创建一个软连接,如下: ln -s /usr/bin/nodejs /usr/bin/node 2....因为npm执行的时候默认是使用/usr/bin/node去执行的,但我本地是没有/usr/bin/node的,所以需要创建一个 所以需要创建一个软连接将自己的node的执行文件指到/usr/bin/node...上,于是修改如下: ln -s /usr/local/NODEJS_HOME/bin/node /usr/bin/node 3.
前言 本文资料搜集于网上,主要是列一个博客平台清单,包括各种自建博客框架和静态博客框架,供自己或大家参考,提供一些基本信息,剩下大家进一步探索。...第三方博客平台 第三方博客平台:指由第三方厂家提供的内容社区管理平台,所有数据存储和服务器资源由厂家提供和维护,个人只需注册账号进行内容编辑和发布即可。...阿里云云栖社区 10. 51CTO博客 开源博客 静态博客 静态博客:静态博客是指通过生成工具,对笔记博客文章如md文件编译成html;css;js等静态文件,部署到服务器上直接提供访问,不需要数据库。...1. hexo Hexo是用Node.js编写的博客框架。这个静态网站生成工具非常快,使用它构建一个完整的网站只需要几秒钟。...Octopress Octopress一个为黑客设计的博客网站。 使用Ruby语言编写,基于 Jekyll设计的博客框架。
博客于今日开通,在这网络资源日益丰富的年代,曾经在这里得到了许多宝贵的资料以及众多经验。想想也该到了分享心得的阶段了,顺便记录下成长的经历,共勉。...---- 以下为2017/06/26更新内容: 我的博客园界面打造流程 选择皮肤CodeingLife ?...修改样式(后台设置样式代码如下) 页面定制CSS代码 /*****调整原有博客页面元素高度位置等等*****/ #blogTitle { height: 0px; } #blogTitle h1
领取专属 10元无门槛券
手把手带您无忧上云