安裝配置
需要先安裝配置 Golang燎斩,然后安裝配置 beego,beego
是一個使用 Go 的思維來幫助您
構(gòu)建并開發(fā) Go 應(yīng)用程序的開源Web開發(fā)框架谷誓,beego
的中文文檔很友好,請自行查看 beego
安裝配置完成之后芽世,使用 bee
命令創(chuàng)建工程
說明: 使用beego框架開發(fā)箍铲,后臺數(shù)據(jù)庫是 MongoDB,編輯是 Mardkdown
bee new blog
// 目錄結(jié)構(gòu)如下
├─conf
├─controllers
├─models
├─routers
├─static
│ ├─css
│ ├─img
│ └─js
├─tests
└─views
使用 bee run
拨齐,請在瀏覽器打開 127.0.0.1:8080
就能看到效果了
markdown編輯器
使用的是 SimpleMDE來定制個人的markdown編輯器,關(guān)于 SimpleMDE
的相關(guān)的配置請參考這篇文章
beego
框架默認支持后綴是 tpl
和 html
的模板
- 在views中創(chuàng)建editor.html
- 在 static中引入
simplemde.min.css
對simplemde.min.css
稍微改造一下盛嘿,添加一個標(biāo)題和發(fā)布按鈕洛巢,默認全屏并顯示預(yù)覽界面,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"
}
添加對應(yīng)的路由
在 routers/router.go
中添加路由映射
beego.Router("/editor", &controllers.EditorController{})
在瀏覽器中輸入地址 127.0.0.1:8080/editor
查看效果