基于Laravel支持markdown的博客Vien Blog

2019-03-29 01:30:55   Laravel

很多小伙伴想要拥有自己的博客,今天这里就介绍一款简洁好用的博客,一款基于laravel5.8开发的,支持markdown编辑以及图片拖拽上传的博客系统 -- Vien Blog

微信群:添加微信 luvvien

廉价域名购买

Namesilo 超级便宜,不到6刀一年,续费也便宜,比国内某些注册商便宜好多呢。

博客亮点

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

博客展示

Demo演示地址: 这是一个DEMO

后台管理

文章列表

主要操作有创作、编辑、置顶、删除(软删除) article list

创作和编辑

创作和编辑页面 create update

Markdown编辑器:支持拖拽粘贴上传图片、预览、全屏、分屏预览 markdown

前端展示

参照 这是一个DEMO

看完Demo,如果你觉得还过得去,想要用一用试试呢,赶紧往下看喔。顺便star一下吧 https://github.com/luvvien/laravel-blog


使用博客

安装

获取源码
git clone git@github.com:luvvien/laravel-blog.git
进入项目目录后,用composer安装依赖
composer install
生成.env文件
cp .env.example .env
创建数据库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,进入控制台后可以修改管理员信息

讨论群

微信群:添加微信 luvvien

License

  • 使用Vien Blog构建应用,必须在页脚保留Powered by Vien Blog字样以及相关链接
  • 在遵守以上规则的情况下,你可以享受等同于MIT License协议的授权。
vien.tech版权所有,允许转载,但转载请注明出处和原文链接: https://viencoding.com/article/134
欢迎小伙伴们在下方评论区留言 ~ O(∩_∩)O
文章对我有帮助, 点此请博主吃包辣条 ~ O(∩_∩)O

猜你喜欢


评论

There are no comments yet.
未登录

登录后即可发表评论

登录或注册

亲情非友情链接