美文网首页
Lindaren —— 项目总览

Lindaren —— 项目总览

作者: 若琳丶 | 来源:发表于2019-07-28 00:41 被阅读0次

    前言

    工作有些年头了,多多少少也掌握了一点点前后端技术,一直想做一个实实在在的东西出来。一是想趁此机会把自己掌握的所有技术都梳理和组织起来,二是检验一下自己的真是实力如何。
    自己在本地做了一个个人博客,想把很多功能都糅杂进去,目的还是自我实现和娱乐为主吧,慢慢进行。

    一、本地文件组成

    nginx:D:\nginx-1.14.2
    前端:Lindaren_beauty:D:\Projects\Lindaren_beauty
    后端:Lindaren:D:\Projects\Lindaren_blog\Lindaren

    二、本地启动流程

    2.1 启动nginx

    因为是window系统,所以安装的是windows的nginx
    cmd 进入nginx目录,执行命令:

    start nginx

    2.2 启动前端

    git 进入项目目录,执行命令:

    npm run dev

    访问页面:

    http://localhost:8080/#/

    由于开启了nginx,而且nginx中已经映射好了端口,所以也可以去掉8080直接访问:

    http://localhost/#/

    2.3 启动后端

    后端比较直接,本地的话直接使用 idea 启动即可

    2.4 动态重载配置文件

    如果修改了配置文件,可以直接执行以下命令进行重载:

    nginx -s reload

    2.5 停止nginx

    有序的停止nginx,需要执行以下命令:

    nginx -s quit

    三、已经完成的功能

    3.1 登录注册页

    http://localhost/#/

    3.2 博客首页

    http://localhost/#/homePage

    3.3 编辑发布博文

    http://localhost/#/editBlog

    3.4 博文展示

    http://localhost/#/showBlog
    目前存在的问题

    1. markdown 图片大小无法控制
    2. 代码的风格不太好看,不知如何控制

    3.5 作者信息

    http://localhost/#/myHome

    相关文章

      网友评论

          本文标题:Lindaren —— 项目总览

          本文链接:https://www.haomeiwen.com/subject/vsnyrctx.html