GithubHelp home page GithubHelp logo

yygod0120 / yyblog Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 171.6 MB

基于 Next,Tailwind 和 ybg-cli 的博客系统

Home Page: https://www.yygod0120.com/

License: MIT License

CSS 3.45% TypeScript 92.03% JavaScript 4.52%
nextjs react tailwindcss

yyblog's Introduction

简体中文 | English

yyblog Logo

Static Badge Static Badge Static Badge

前言

相较于常见的博客搭建框架(如hexowordpress等),这些对于没搭建过博客的小白来说上手容易,只需要对着文档进行操作。但对于需要客制化自己博客的人来说,在框架里面自定义一小段内容,比如一段动画,评论系统以及流量监控等等操作会显得比较麻烦,甚至不如自己搭建一个。所以这个博客项目就此诞生。

特点

  • 快速: 使用Next搭建,实现首屏加载快,无痛路由跳转,文章预加载。文章增删改查通过CLI本地操作,方便快捷。
  • 🌱 简单: 纯前端搭建,无需后端知识,通过Vercel部署,部署操作简单易懂,部署时间短,速度快,学习成本极低。
  • 🔮 样式: 响应式布局,支持移动和 PC 端。自定义 404 页面。简约风,不同设备上的选择性显示内容。

规划

  • 响应式布局
  • 评论系统
  • 英文翻译
  • 一键部署
  • 流量监控
  • 更多有趣的东西....

如何使用

  1. fork 这个仓库
  2. pnpm i ybg-cli -g 全局安装博客 CLI
  3. 修改_blog.json部署配置,然后ybg init初始化git文件。
  4. 通过ybg-cli写入自己文章并通过pnpm d快速编译并且部署。
  5. 不喜欢样式,你可以自定义你的样式以及动画等等。
  6. Vercel部署你的博客。

如果你喜欢全栈开发,Vercel 官网上也有相关数据库以及全栈开发的教程

提醒

关于 CLI,你可以到 CLI 仓库上去查看使用教程 脚手架仓库

每次修改完文章都需要重新编译一次

yyblog's People

Contributors

yygod0120 avatar

Stargazers

zhw avatar  avatar

Watchers

 avatar

yyblog's Issues

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.