Koa+Vue 实现仿GitHub风格的个人博客系统

最新推荐文章于 2023-11-21 13:14:54 发布
转载 最新推荐文章于 2023-11-21 13:14:54 发布 · 466 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/59fd8a096fb9a0450c48c669
文章标签：

#javascript #markdown #数据库 #ViewUI

前言

自打开始接触编程开始,就一直在折腾博客,从最开始使用的jekyll到hexo,再到wordpress搭建过好几个博客,但都有这样那样的不满意,最后决定根据自身需求写一个博客.平时经常在GitHub上面学习技术,非常喜欢GitHub的标签系统,活跃度表格,所以决定仿照GitHub的一些功能写一个个人博客.

技术选择

  • 前端: Vue Vuex Axios
  • 后端: Koa MongoDB
  • 服务器: 阿里云 1核 1G 1M带宽

预览

预览地址

项目地址


预计实现功能

  • 在线Markdown编辑器
  • Markdown工具条
  • 在线新增,修改,删除文章
  • GitHub活跃度表格
  • 编辑文章支持导入本地markdown文件
  • 代码高亮
  • GitHub标签系统
  • 个人信息面板
  • 文章浏览量
  • 操作日志
  • 文章搜索
  • 评论
  • 消息管理
使用 CSS 的仿 GitHub 登录页面
努力是为了站在万人之中，成为别人的光
09-07 4505
希望通过上面的教程，大家已经学会了如何使用 HTML 和 CSS 代码来创建仿 GitHub 登录界面。同时我们也了解了 CSS 中一些常用属性，例如outline、display、border和cursor，还认识了 CSS 中比较常用的伪类选择器。同学们也动起手来做一个属于自己的登录界面吧！
模仿GitHub前端界面html+css
07-08
模仿GitHub前端静态界面 首页+注册页 html+css 学习前端的
仿Github各种按钮样式框架
08-08
仿Github各种按钮样式框架.zip
GitHub首页模仿
qq_39429962的博客
10-15 1913
为了练习和熟悉前端页面布局，前几天写了一个github的页面模仿： 效果图： 代码： GitHub.html <!DOCTYPE html> <html> <head> <title>The world’s leading software development platform · GitHub</title> ...
模仿github网页前端HTML,用github来展示前端页面
weixin_39716088的博客
06-29 583
把自己的项目放到网上，但是没有服务器，没有域名怎么办？那就放在guihub上吧。1.安装git如果你是mac用户，那么恭喜你mac自带git命令功能，你无须安装git。如果你是windows用户，你可以前往windows地址https://git-for-windows.github.io/index.html下载并安装。2.建立仓库在你的github主页，我们可以点击右上角的加号按钮下的“New...
模仿 Github 设计博客网站的 API
abc15837998448的博客
11-23 619
一、 作业要求 模仿 Github，设计一个博客网站的 API REST API 的设计原则 HTTP 协议定义了大量为请求赋于语义的方法。API访问都是通过HTTPS协议进行的，并通过https://api.blog.com进行访问，数据以JSON的形式发送和接收 使用 HTTP 设计 RESTful API 时的一些主要原则： REST API 围绕资源设计，资源是可由客户端访问的任何类型...
仿GitHub搜索案例---Vue2+axios实现
张居然的博客
11-07 369
1.先用vue-cli初始化工程。
模仿 Github，设计一个博客网站的 API
chentf5的博客
11-24 391
服务计算|| 模仿 Github，设计一个博客网站的 API 一、RESTful HTTP 的实践 设计RESTful HTTP应用程序 基础原理 REST 是一种风格，而不是标准。因为既没有 REST RFC，也没有 REST 协议规范或者类似的规定。REST 架构是 Roy Fielding（他也是 HTTP 和 URI 规范的主要作者之一）在一篇论文中描述的。像 REST 这样的架构风格...
模仿 Github设计一个博客网站的 API
GoldBear98的博客
11-20 578
一、REST API的介绍： REST全称为Representational State Transfer，是表现层状态转化的意思。 一、rest api 是前后端分离最佳实践，是开发的一套标准或者说是一套规范，不是框架。 好处： 1、轻量，直接通过http，不需要额外的协议，通常有post/get/put/deletec操作。 2、面向资源，一目了然，具有自解释性 3、数据描述简单，一般通过js...
仿照github实现客户端
07-17
利用android studio，mvp模式开发的github安卓凭条客户端。
vue-topics:vue仿github标签功能
05-17
vue-topics 这是什么(What is it) vue仿github标签功能 代码演示如何使用 npm install vue-topics --save 1.导入并注册组件,注册组件 import {Topics} from 'vue-topics' components: { Topics } 2.template模板 <topics> 组件演示demo git clone https://github.com/openfe-openfe/vue-topics.git cd vue-topics npm install npm run dev 效果图 说明 后期提供定制功能
模仿github网页前端HTML,一个厉害的程序员，是这么逛GitHub的
weixin_33848436的博客
06-15 349
关注▲ W3Cschool▲ ，每天一篇文章，与你共同成长作者丨当耐特来源丨https://juejin.im/post/58509f8161ff4b00683a360c一秒钟把Github项目变成前端网站GitHub Pages大家可能都知道，常用的做法，是建立一个gh-pages的分支，通过setting里的设置的GitHub Pages模块可以自动创建该项目的网站。这里经常遇到的痛点是，ma...
基于HTML的仿GitHub中文网站
最新发布
MiraitowaL的博客
11-21 487
基于HTML的仿GitHub中文网站,以及阿里巴巴矢量图标库的使用
本地简单模仿github版本控制
贤时间
04-10 1008
如果是公司内的项目用git作为版本控制，不想代码放到github上，怎么来管理，简单描述下 情景描述假设有以下三台机器： 1. 版本服务器：gitserver 2. 开发者1：dev01 3. 开发者2：dev02项目的第一行代码是由开发者dev01编写的，然后提交到版本服务器gitserver，然后开发者dev02将版本服务器gitserver上的代码下载到本地进行开发。开发者dev01
PHP创建随机色块头像，仿github
mrtuzi的专栏
08-21 295
【代码】PHP创建随机色块头像，仿github。
HTML和CSS实现简单的静态页面——模仿GitHub页面
milk_tiger的博客
10-05 3305
第一步:将页面分割成几大模块
自定义View:仿GitHub的提交活跃表格
Hello, world
01-17 7504
说明本文可能需要一些基础知识点，如Canvas,Paint，Path，Rect等类的基本使用，建议不熟悉的同学可以学习GcsSloop安卓自定义View教程目录，会帮助很大。 上图就是github的提交表格，直观来看可以分为几个部分进行绘制： （1）各个月份的小方格子，并且色彩根据提交次数变化，由浅到深 （2）右下边的颜色标志，我们右对齐就可以了 （3）左边的星期，原图是从周日画到周六，我们
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值