2020年5月1日更新:Vien大神对laravel-blog更新了粉色系主题,后台添加导航以及是否自动提交链接到百度搜索引擎的功能,功能上是更完善啦,粉色系主题如图:
如何得到这一款粉粉的主题,具体看下文吧。
群里大佬写的博客程序,今天准备用宝塔来安装下。laravel-blog基于Laravel5.8构建的轻量博客应用,支持Markdown,支持图片拖拽上传,界面简洁,SEO友好,支持百度链接自动和手动提交。
这是一个极简风格的博客程序,但是用来写一个博客确是足够了,下面我们用宝塔来水水如何安装的教程。
1、简介
- https://github.com/luvvien/laravel-blog
- demo:https://vienblog.com/
- 文档:https://github.com/luvvien/laravel-blog/blob/master/README.md
2、准备
- 宝塔面板最新版本
- mysql5.7以上
- nginx安装好(大鸟这用的nginx1.17)
- PHP7.0以上
- 安装好composer(不会装,看这里:linux宝塔面板安装composer的方法 )
- 【PHP设置】->【禁用函数列表】 将以下函数删除!!
putenv
,proc_open
,pcntl_signal
,pcntl_alarm
、symlink
宝塔禁用函数截图:
3、部署
3.1 新建网站git项目
新建一个站点,之后,在命令状态,输入以下命令:
cd /www/wwwroot/cc.fdao.xyz #改成自己网站路径 git clone https://github.com/luvvien/laravel-blog.git mv laravel-blog/* ./ rm -rf laravel-blog cd .. chmod -R 755 cc.fdao.xyz/ chown -R www:www cc.fdao.xyz/
最后三句是把权限改为www 755的权限,也可以直接在宝塔中修改,如图:
3.2 用composer安装依赖
网站根目录执行如下命令安装依赖。
composer install
3.3 生成.env文件
cp .env.example .env
3.4 生成key
php artisan key:generate
3.5 创建数据库
宝塔面板新建数据库,字符集采用 utf8mb4, utf8mb4_general_ci
3.6 编辑.env文件
宝塔面板进入到网站根目录编辑.env文件,具体就是修改数据库那一块。请将DB_HOST,DB_PORT,DB_USERNAME,DB_PASSWORD
改成你的数据库配置。
[...] DB_CONNECTION=mysql DB_HOST=localhost DB_PORT=3306 DB_DATABASE=vienblog DB_USERNAME=root DB_PASSWORD= [...]
注意:把数据库这一块的信息修改我自己的。域名修改为自己的。
3.7 建表和数据填充
在命令行状态执行如下命令:
php artisan migrate php artisan db:seed
执行成成功,如图:
3.8 创建storage软连接
php artisan storage:link
之后设置目录权限,可直接在宝塔中修改权限,改为 www 755 如果已经是这个权限,就不用管了。也可以直接命令修改:
chmod -R 755 storage/ chown -R www:www storage/
3.9 设置项目伪静态和运行目录
上面的都设置好之后开始设置运行目录为public:
设置伪静态:
全部设置好之后,就可以打开网站访问了。
4、效果展示
4.1 后台登录
- 地址
/admin
- 默认的admin管理账号是
[email protected]
密码是vienblog
,进入控制台后可以修改管理员信息
4.2 后台管理
主要操作有查询、创作、编辑、置顶、删除(软删除)
4.3 创作和编辑
创作和编辑页面
Markdown编辑器:支持拖拽粘贴上传图片、预览、全屏、分屏预览
5、使用百度自动推送和主动推送
更新:目前可以在后台直接就可以开启推送的功能,如图:
请先在config/vienblog.php
中按照注释配置相关的信息,自动推送是在网页访问时推送,主动推送执行以下代码会将未提交过的链接提交到百度
php artisan push:baidu
6、开启粉色系主题
网站目录编辑 .env文件末尾添加 THEME=pink 即可切换粉色主题,如图:
保存之后,刷新你的网页,就会变成萌萌的粉色啦。
7、最后
博客走的是极简风格,真的是一个博客,几乎没有大的资源载入,打开速度极快。而且google的pagespeed测试竟然是满分。
移动设备测试也接近满分。说明模板在针对google优化这一块做的还是很到位的。如果对这个博客系统感兴趣的,不妨折腾试试。