基于laravel支持markdown图片上传的博客

简介: laravel blog 一款基于laravel5.8开发的,支持markdown编辑以及图片拖拽上传的博客系统、SEO友好

# laravel-blog
Vien Blog - 一款基于laravel5.8开发的,支持markdown编辑以及图片拖拽上传的博客系统、SEO友好

博主网站

项目Github地址

Github: laravel-blog ,欢迎Star。

博客亮点

  • 界面简洁、适配pc和mobile、有良好的视觉体验
  • 支持markdown、并且可以拖拽或者粘贴上传图片、分屏实时预览
  • SEO友好:支持自定义文章slug、支持meta title、description、keywords
  • 自定义导航、自定义sidebar、随时去掉不需要的模块
  • 支持标签、分类、置顶、分享、友链等博客基本属性
  • 支持AdSense
  • 支持百度自动提交链接和手动提交链接

博客展示

Demo演示地址: 这是一个DEMO

后台管理

文章列表

主要操作有查询、创作、编辑、置顶、删除(软删除)
Laravel Markdown Blog Admin 文章列表 - VienBlog

创作和编辑

创作和编辑页面
Laravel Markdown Blog Admin 添加新文章 - VienBlog

Markdown编辑器:支持拖拽粘贴上传图片、预览、全屏、分屏预览
Laravel Markdown Blog Admin Markdown编辑器 - VienBlog

前端展示

参照 这是一个DEMO

看完Demo,如果你觉得还过得去,想要用一用试试呢,赶紧往下看喔。


使用博客

安装

获取源码
git clone git@github.com:luvvien/laravel-blog.git
进入项目目录后,用composer安装依赖
composer install
生成.env文件
cp .env.example .env
生成key
php artisan key:generate
创建MySQL数据库vienblog ,字符集采用 utf8mb4, utf8mb4_general_ci
编辑.env文件 vim .env,修改MySQL数据库连接配置,请将DB_HOSTDB_PORTDB_USERNAMEDB_PASSWORD 改成你的数据库配置。
[...]

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=vienblog
DB_USERNAME=root
DB_PASSWORD=root

[...]
数据迁移和数据填充
php artisan migrate
php artisan db:seed
创建storage软连接
php artisan storage:link
设置目录权限
chmod -R 755 storage/
chown -R www-data:www-data  storage/

使用

可以选择临时预览,也可以用Nginx部署服务

临时预览

php artisan serv

打开浏览器访问127.0.0.1:8000

使用Nginx

Nginx配置,将root指向项目的public目录,请用pwd 查看目录,并且改成你目录,千万不要直接粘贴复制。

root   /app/laravel-blog/public;

完整配置

server {
        listen 8088 default_server;
        listen [::]:8088 default_server;
                
        root /apps/vien_blog/public;
        index index.php index.html index.htm;
        server_name _;
                
        location / {
                try_files $uri $uri/ /index.php?$query_string;
        }
        location ~ \.php$ {
                include snippets/fastcgi-php.conf;
                fastcgi_pass unix:/run/php/php7.2-fpm.sock; # fpm,因为版本不同路径会有区别,这里请改成你,不知道路径可以执行php-fpm便会显示
                                # fastcgi_pass 127.0.0.1:9000; # cgi
        }
}

打开浏览器访问127.0.0.1:8088

后台登录

  • 地址/admin
  • 默认的admin管理账号是vien@byteinf.com密码是vienblog,进入控制台后可以修改管理员信息

使用百度自动推送和主动推送

请先在config/vienblog.php中按照注释配置相关的信息,自动推送是在网页访问时推送,主动推送执行以下代码会将未提交过的链接提交到百度

php artisan push:baidu

讨论群

QQ群号:149347741 (欢迎开发者,技术爱好者,站长加入)

联系我

Email: support@vienblog.com

License

  • 使用Vien Blog构建应用,必须在页脚保留Powered by Vien Blog字样以及相关链接
  • 在遵守以上规则的情况下,你可以享受等同于MIT License协议的授权。
  • 使用Vien Blog并且遵守上述协议的用户可以享受Vien Blog的博客导航,联系我将你的博客地址添加到Vien Blog的网站导航中。
目录
相关文章
|
资源调度 JavaScript 前端开发
VuePress 博客优化之拓展 Markdown 语法
「这是我参与2022首次更文挑战的第1天,活动详情查看:2022首次更文挑战」。
337 0
VuePress 博客优化之拓展 Markdown 语法
|
搜索推荐 前端开发 开发者
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
886 0
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
|
7月前
|
前端开发 安全
博客教程markdown--- (花里胡哨篇)
博客教程markdown--- (花里胡哨篇)
45 1
|
6月前
|
机器学习/深度学习 Cloud Native Go
猫头虎博客带您使用Markdown编辑器
猫头虎博客带您使用Markdown编辑器
52 1
|
7月前
|
前端开发 程序员
博客教程markdown----(文本篇)
博客教程markdown----(文本篇)
64 0
|
8月前
|
开发者
博客写作神器:介绍与部署Markdown Nice
作为开发者和写作者,我们经常需要使用Markdown来编写文档、博客和技术文稿。然而,标准的Markdown格式可能显得有些普通,缺乏一些专业的排版效果。在这里,我们将向你介绍一个强大的工具——Markdown Nice(mdnice),它可以帮助你轻松地为你的Markdown文档添加漂亮的排版效果。
154 2
博客写作神器:介绍与部署Markdown Nice
|
8月前
|
编译器
如何使用Markdown写一篇博客
如何使用Markdown写一篇博客
65 0
|
10月前
|
算法 JavaScript Go
想有自己的博客吗?浏览器支持 MarkDown和语法高亮的最简单示例(使用markdown-it、highlight.js和mermaid)
想有自己的博客吗?浏览器支持 MarkDown和语法高亮的最简单示例(使用markdown-it、highlight.js和mermaid)
|
测试技术 容器
Flutter Web网站之Markdown展示与博客列表
Flutter Web网站之Markdown展示与博客列表
173 0
Flutter Web网站之Markdown展示与博客列表
|
XML 数据采集 数据格式
基于node实现CSDN博客导出为markdown
基于node实现CSDN博客导出为markdown
115 2
基于node实现CSDN博客导出为markdown