/leafage-pw

Based on nuxt3(branch nuxt3)、next.js(branch next), tailwindcss and typescript, flexible and configurable, beautiful layout, can be used for consulting, blog system.

Primary LanguageVueMIT LicenseMIT

Leafage Logo

License Quality Gate Status

项目介绍

leafage-pw，一个使用 Nuxt.js、 Tailwindcss 的博客网站，项目创建之初是为了做一个个人博客，因为看过 wordpress，gihub pages 等一些开源的博客网站的创建很不好用，而且不灵活，大家都是一套模版走天下。

项目中的接口可以直接替换为自己的服务接口，后端服务leafage-basic ，希望大家使用本项目的同时也能一起学习，分享。

访问地址：博客站点  后台管理系统

项目创建与 2019-05-23 历经好几次改版（查看关于了解更多），虽然过程很折腾，但是也明白和体会了很多，对于一些技术点理接更深了，近期更新请查看更新日志 。

工具、依赖：

  • nuxt —— 开发框架；
  • tailwindcss(plugins: typography、aspect-ratio) —— 样式、排版优化、图片比例；
  • marked.js(plugins: marked-extended-tables) —— markdown解析、表格支持；
  • hightlight.js —— 代码高亮（使用ir-black）；

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

MIT