基于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的网站导航中。
目录
相关文章
|
2月前
|
存储 前端开发 JavaScript
🚀前端轻松实现网页内容转换:一键复制、保存图片及生成 Markdown
在现代前端开发中,提升用户的交互体验至关重要。本文将详细介绍如何使用 HTML2Canvas 和 Turndown 两个强大的 JavaScript 库,实现将网页选中文本转化为图片并保存或复制到剪贴板,或将内容转换为 Markdown 格式。文章包含核心代码实现、技术细节和功能拓展方向,为开发者提供了一个轻量级的解决方案,提升用户体验。
160 68
|
2月前
|
开发工具
用 Vim 编辑 Markdown 时直接粘贴图片
介绍一款 Vim 插件,可以帮助提升编辑 Markdown 时的从剪贴板粘贴图片的效率和体验。
32 2
|
2月前
|
前端开发 Java 程序员
技术博客入门与Markdown技术的运用
技术博客入门与Markdown技术的运用
20 1
|
4月前
|
Web App开发 Linux Windows
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
109 3
|
7月前
|
人工智能
【经验分享】如何快速转化笔记格式为标准的MarkDown格式并进行博客发布,提高生产力?
本文介绍如何将笔记转换为Markdown格式以快速发布博客。通过使用特定的Prompt和AI工具Claude 3 Sonnet,可以将Notepad++笔记转为适合CSDN博客的Markdown格式。转换要求包括:正确标记代码段、调整缩进和格式、使用Markdown标题、列表、链接和图片语法。Claude 3 Sonnet能有效处理格式转换,将转换后的Markdown内容复制到编辑器,即可便捷发布博客。
90 2
【经验分享】如何快速转化笔记格式为标准的MarkDown格式并进行博客发布,提高生产力?
|
前端开发 安全
博客教程markdown--- (花里胡哨篇)
博客教程markdown--- (花里胡哨篇)
91 1
|
7月前
|
Java Maven Kotlin
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
[AIGC] 请你写一遍博客介绍 “使用idea+kotinlin+springboot+maven 结合开发一个简单的接口“,输出markdown格式,用中文回答,请尽可能详细
242 0
|
机器学习/深度学习 Cloud Native Go
猫头虎博客带您使用Markdown编辑器
猫头虎博客带您使用Markdown编辑器
95 1
|
开发者
博客写作神器:介绍与部署Markdown Nice
作为开发者和写作者,我们经常需要使用Markdown来编写文档、博客和技术文稿。然而,标准的Markdown格式可能显得有些普通,缺乏一些专业的排版效果。在这里,我们将向你介绍一个强大的工具——Markdown Nice(mdnice),它可以帮助你轻松地为你的Markdown文档添加漂亮的排版效果。
259 2
博客写作神器:介绍与部署Markdown Nice
|
前端开发
【前端】从markdown格式文本中提取图片链接
【前端】从markdown格式文本中提取图片链接
156 0