安装配置
需要先安装配置 Golang,然后安装配置 beego,beego
是一个使用 Go 的思维来帮助您
构建并开发 Go 应用程序的开源Web开发框架,beego
的中文文档很友好,请自行查看 beego
安装配置完成之后,使用 bee
命令创建工程
说明: 使用beego框架开发,后台数据库是 MongoDB,编辑是 Mardkdown
bee new blog
// 目录结构如下
├─conf
├─controllers
├─models
├─routers
├─static
│ ├─css
│ ├─img
│ └─js
├─tests
└─views
使用 bee run
,请在浏览器打开 127.0.0.1:8080
就能看到效果了
markdown编辑器
使用的是 SimpleMDE来定制个人的markdown编辑器,关于 SimpleMDE
的相关的配置请参考这篇文章
beego
框架默认支持后缀是 tpl
和 html
的模板
- 在views中创建editor.html
- 在 static中引入
simplemde.min.css
对simplemde.min.css
稍微改造一下,添加一个标题和发布按钮,默认全屏并显示预览界面,SimpleMDE
的核心配置如下:
var simplemde = new SimpleMDE({
element: document.getElementById("editor"),
status: false,
autoDownloadFontAwesome: false,
tabSize: 4,
renderingConfig: {
codeSyntaxHighlighting: true
},
});
simplemde.toggleSideBySide();
添加一个 Editor
的控制器
在 controllers
中添加文件 editor.go
package controllers
import "github.com/astaxie/beego"
type EditorController struct {
beego.Controller
}
func (this *EditorController) Get() {
this.TplName = "editor.html"
}
添加对应的路由
在 routers/router.go
中添加路由映射
beego.Router("/editor", &controllers.EditorController{})
在浏览器中输入地址 127.0.0.1:8080/editor
查看效果
有疑问加站长微信联系(非本文作者)