iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 2
3
Modern Web

輕量高效.NET Core開源Blog引擎:Miniblog.Core系列 第 2

02.Miniblog.Core.W3C 建立、前端功能操作

影片:

Yes

圖文說明:

W3CMiniblog.Core.W3C clone專案

打開.sln檔案、運行後可以看到網頁

在網頁的底部點選【登入】,在appsettings.json設定"ShowLogin": false可以不顯示登入按鈕在前端頁面,避免使用者勿使用。

Admin帳號密碼資料在appsettings.json-user屬性設定

注意,密碼需要到 onlinehasher 生成

建立文章方式在網頁的底部點選【建立文章】

建立標籤,這邊有一個特別邏輯,當增加Tag的時候,會自動在 Top Bar 增加標籤分類。

刪除標籤方式,對DropList該標籤點兩下:

修改文章方式,在文章標題右方點選 Edit post:

刪除文章方式,點選修改文章後,最底部Delete鍵:


  前端使用者操作畫面就介紹到這邊,接下來文章介紹關於程式部分:如何改寫,增加功能,原理介紹。
  假如讀者想要線上測試,可以點開連結Miniblog.Core.W3C測試功能。


上一篇
01.輕量、高效.NET Core開源Blog引擎介紹
下一篇
03.支援 SQL Server
系列文
輕量高效.NET Core開源Blog引擎:Miniblog.Core30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Homura
iT邦高手 1 級 ‧ 2018-10-02 10:16:28

那個Tag要怎麼刪除啊?

暐翰 iT邦大師 1 級 ‧ 2018-10-02 13:55:59 檢舉

點兩下

滿不人性化的,後面把它改掉,可以按x刪除

Homura iT邦高手 1 級 ‧ 2018-10-02 14:00:34 檢舉

暐翰
我後來也發現了!
還一直以為逗點前面的空白是一個標籤呢/images/emoticon/emoticon04.gif

暐翰 iT邦大師 1 級 ‧ 2018-10-02 14:04:59 檢舉

當初miniblog作者對這段沒寫很細,沒有做第一個去掉判斷
我之後修一下。
另外線上版編輯器有一些限制
我之後會用Electron.NET寫一個電腦MarkdDown編輯器
順便學習XD

我要留言

立即登入留言