基于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

猜你喜欢


评论

  • 何先生 Avatar
    何先生 - 1 month ago

    你这儿评论实在是太不自由了,还要注册。。 我最近在打算用vue打造一款wordpress主题。

    Vien Avatar
    Vien - 1 month ago

    对不起 我错了 哈哈,你要自己写wp主题?

    何先生 Avatar
    何先生 - 1 month ago

    有这个想法了,用别人的主题修改东西太不方便了,看源码写的都太乱,最近在学vue,最近貌似很火。

    Vien Avatar
    Vien - 1 month ago

    我这整个就是在别人的基础改的,改起来很麻烦,然后我就自己写了一套,哈哈,GitHub五十多星星 有好多人在用了

    何先生 Avatar
    何先生 - 1 month ago

    看了,效率是比wordpress高不少,wp太臃肿了,不过wp函数钩子等太强大了,写起来方便。

未登录

登录后即可发表评论

登录或注册

标签

AdSense Anaconda Android API Auth AWS B-tree Bandwagon Blog bower brew bytes Caffe Catalina cloudcone Composer conda CPU crontab CSS Cuda cv2 datetime Digitalocean DNS Docker Docker-Compose export Flask GET Git GitHub Gmail GoDaddy Google GTM hash Homebrew Homestead HTML http HTTPS IDEA image imagemagick imagick imgick import InnoDB ISO8601 iTerm2 Java JPG Keras Laravel Laravel-Admin lazyload Linux list lnmp load logs Lravel Mac Markdown matplotlib md5 mix Mojave mongo MongoDB MySQL Namesilo Nginx npm numpy Nvidia Nvidia-Docker onevps OpenCV Openpose Outline parse PayPal PHP php-fpm PhpStorm PHP扩展 PIL Pillow pip PNG POST Protobuf PyCharm pyenv pymongo Python Python,人工智能,机器学习,VOC,xml Queue Redis requests save selenium SEO Shadowsock Shadowsocks ShadowsocksR simplemde Spring Boot SQLServer ssd SSH SSL证书 SSR str Sublime sudo swap Tensorflow Terminal Terminator Ubuntu urllib UTC v2ray Valet Validation Validator VienBlog virtualenvs VPN VPS Vultr Web Windows WordPress Xcode zip zmq zsh 下载图片 云主机 云服务器 人工智能 优化 优惠码 伪原创 作弊与反作弊 免费ss账号 免费提现 切片 前端 加密 协议 博客 友链 后台运行 命令 图片操作 图片转换 域名 大小写转换 安卓模拟器 定时任务 定时执行 导出导入 延迟加载 懒加载 提现 搜索引擎 搬瓦工 搭梯子 教程 数据库 文件上传 日志 时区 时间戳 服务器 机器学习 梯子 港版支付宝 生活服务 科学上网 系统升级 索引 编辑器 自动付款 英文伪原创 计划任务 语法 远程连接 重定向 错误异常 错误提示 队列 阿里云 香港 香港手机号
亲情非友情链接