安裝配置
需要先安裝配置 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 controllersimport "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
查看效果
完整源碼