基于Laravel支持markdown的博客VienBlog

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

## 廉价域名

[Namesilo](https://viencoding.com/article/187) 超级便宜,不到6刀一年,续费也便宜,比国内某些注册商便宜好多呢。

## 廉价服务器

[Bandwagon](https://viencoding.com/bandwagonhost) 优惠码每天更新

[Vultr](https://viencoding.com/article/114) 新用户注册送50刀

## 博主网站

- [VienBlog](https://vienblog.com)
- [这里有些小秘密](https://viencoding.com)

## 项目Github地址

Github: [laravel-blog](https://github.com/luvvien/laravel-blog) ,欢迎Star。

## 博客亮点

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

## 博客展示

Demo演示地址: [这是一个DEMO](https://vienblog.com)

### 后台管理

#### 文章列表

主要操作有查询、创作、编辑、置顶、删除(软删除)
![Laravel Markdown Blog Admin 文章列表 - VienBlog](/storage/images/article/20190412/LIn93Jcw8cOmxSKRLEVYyDolRcVbxqS2AAXQiNOg.png)

#### 创作和编辑

创作和编辑页面
![Laravel Markdown Blog Admin 添加新文章 - VienBlog](/storage/images/article/20190406/G8zTereQphzI0ZO3qlpl58z8Ufz0uPfPHfP2WrtL.png)

Markdown编辑器:支持拖拽粘贴上传图片、预览、全屏、分屏预览
![Laravel Markdown Blog Admin Markdown编辑器 - VienBlog](/storage/images/article/20190406/WtKU7tsblKvBMgaFROx3WFdwmD6GPEtZcw2tY1QG.png)

### 前端展示

参照 [这是一个DEMO](http://39.106.108.23)

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

---

## 使用博客

### 安装

##### 获取源码

```
git clone [email protected]: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_HOST`,`DB_PORT`,`DB_USERNAME`,`DB_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管理账号是`[email protected]`密码是`vienblog`,进入控制台后可以修改管理员信息

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

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

```
php artisan push:baidu
```

## 讨论群

- QQ被永久封了!垃圾腾讯...
- 微信:luvvien

## 联系我

Email: [email protected]

## License

- 使用[Vien Blog](https://vienblog.com)构建应用,必须在页脚保留**Powered by Vien Blog**字样以及[相关链接](https://vienblog.com)
- 在遵守以上规则的情况下,你可以享受等同于`MIT License`协议的授权。
- 使用[Vien Blog](https://vienblog.com)并且遵守上述协议的用户可以享受[Vien Blog](https://vienblog.com)的博客导航,联系我将你的博客地址添加到[Vien Blog](https://vienblog.com)的网站导航中。

原文地址:https://www.cnblogs.com/luvvien/p/laravel58-markdown-blog.html

时间: 2024-10-22 21:25:42

基于Laravel支持markdown的博客VienBlog的相关文章

让Emeditor支持markdown编辑博客

让Emeditor支持markdown编辑博客 1. 关于高亮显示 2.生成HTML文件并预览 用惯了Emeditor,最近又开始学习用markdown写博客,怎么让Emeditor支持markdown呢? 1. 关于高亮显示 参见:中药铺子——胖大海说胡话 点这里下载EmEditor的MarkDown语法文件. 选择”工具“菜单下的“选择配置”. 在列表的底部,单击“定义配置”. 点击“新建”按钮,选择使用”默认配置”,然后单击“确定”. 输入一个描述性的名称,并单击Enter键. 点击“属性

用markdown写博客

目录 用markdown写博客 前言 标题 段落 引用区块 代码块 列表 分隔线 链接 强调.加粗.下划线.删除线 图片 智能链接 表格 转义序列 用markdown写博客 前言 博客园支持用markdown语法写博客.markdown是什么东西?他是一套中间格式化文本的语法,用他写文章在支持这个语法的排版系统里面,会生成对应的排版格式.因为这套中间语言,那么我们就不用学习各种平台独有的排版方式,节省时间.当然,最重要的是markdown本身易于书写,否则就没有使用价值了. 下面我们来学习一下m

同步octopress文章到支持MetaWeblog的博客

获得插件 修改插件 配置配置文件 安装相关的组件 同步博文 其它参考: 同步octopress文章到支持MetaWeblog的博客需要用到一个插件.可能由于版本的问题,安装和配置需要做一些调整,否则如果按插件的说明来安装配置虽然能实现功能,但总有些不太合适的地方. 获得插件 从github上获得插件中plugins中的5个ruby文件,分别实现同步全部博客,同步最后一篇博客,同步指定时间之后的博客,同步指定标题的博客等(有一个公共调用文件).对这些文件要单独建一个目录存放,比如在octopres

使用LAMP创建基于wordpress的个从博客网站

参考: http://blog.csdn.net/ck_boss/article/details/27866117 一.mysql配置 1.安装mysql yum install mysql-server CentOS中已经默认安装,此步骤忽略. 2.启动mysql service mysqld start 3.登录mysql [[email protected] share]# mysql -u -root -p Enter password: Welcome to the MySQL mon

基于Spring Boot技术栈 博客系统企业级前后端实战 渐进式讲解+Thymeleaf+Elasticsearch+多种数据库

第1章 Spring Boot 简介讲解Spring Boot的项目背景,已经与其他技术框架(比如,Spring.SpringMVC.SpringCloud等)的关系.简单介绍下Spring Boot 整个生态系统1-1 _Spring Boot博客_课程导学1-2 -Spring Boot 是什么 第2章 开启 Spring Boot 的第一个 Web 项目通过 Spring Initializr 来快速初始化一个 Spring Boot 原型,方便学员来极速体验Spring Boot.本课程

使用markdown写博客

使用markdown写博客,首先进入相关页面 写博-> 选项 ->下方勾选markdown即可 点击博客 写博 点击选项 在默认编辑器里勾选markdown选项 点击最下方的save保存即可使用markdown编辑器 使用markdown必须要熟练运用相关的markdown命令 原文地址:https://www.cnblogs.com/lph970417/p/11411466.html

用markdown写博客,看这一篇就够了,附markdown文件分享

0. 前言 为什么用markdown写博客? 在写博客的过程中,最大的"痛点"在于写作中总是被"格式"之类的困扰,无法专注于内容写作: 在线写博客,会被网络或者编辑器本身所拖累: 本文介绍的markdown写作,可以使你专注于博客内容本身,写好即成稿: 更重要的是,博客内容及相关素材保存在本地,可以几乎不用修改就可以发布在不同的平台,类似java程序的"一次编写,到处运行". 记得上次用markdown写博客,尽管我有markdown使用经验,但

基于Django 架构的个人博客+Code

https://github.com/zksfyz/django-blog 基于Django 架构的博客 该博客(blog)采用Django MVT三层架构,用于初学者,并快速构建自己的私有网站,界面如下:   环境需求 linux 系统(CentOS操作系统) Django 1.10 Python version: 2.7.10 数据库mysql 5.6.34 模块说明: 1.后端添加和维护文章,django-admin(由于只读模式,仅采用Django自带后端管理维护文章) 2.前后端支持m

基于React服务器端渲染的博客系统

系统目录及源码由此进入 目录 1. 开发前准备 1.1 技术选型1.2 整体设计1.3 构建开发 2. 技术点 2.1 react2.2 redux, react-router2.3 server-render 3. 总结 正文 1. 开发前准备 1. 1 技术选型 对于个人的博客系统而言,服务器计算能力往往不是需要考虑,而其中的 I/O 操作是比较复杂的,同理对前端的交互要求也是较高的,所以这次主要还是围绕 Node系 ,React系 框架进行开发.对于 2016 年后的互联网产品, Reac