StarBlog Blog Development Notes: Frontend-Related

Markdown Editor

v-md-editor, http://ckang1229.gitee.io/vue-markdown-editor/zh/

In my project, there was an issue with maximizing it, which I later resolved by integrating Vuex myself.

The advantages are that the interface looks quite good, and the TOC (Table of Contents) can be placed on the left side.

Other Attempts

• The markdown editor integrated with vue-element-admin: https://panjiachen.github.io/vue-element-admin-site/zh/feature/component/markdown-editor.html#props
• mavonEditor, also good, but the table of contents (TOC) can't be placed on the left: https://github.com/hinesboy/mavonEditor

Blog Frontend Markdown Rendering

Editor.md, https://github.com/pandao/editor.md

The rendering effect is acceptable.

However, there are issues when switching themes with Bootwatch.

Proper Usage of Element's NavMenu Navigation Menu

After configuration, whenever the route changes, the corresponding menu item will be activated.

Reference: https://blog.csdn.net/weixin_42565137/article/details/91909055

Upload Files

• element-ui file upload that only allows uploading a single file with overwrite capability: https://blog.csdn.net/weixin_45799605/article/details/103139975

Some Issue Solutions

• Solve the vue-router error: Avoided redundant navigation to current location: https://blog.csdn.net/luer_LJS/article/details/108362563

Learning/Reference Materials

• Vue Official Documentation - Component Basics: https://cn.vuejs.org/v2/guide/components.html
• Vue Official Documentation - Event Handling: https://cn.vuejs.org/v2/guide/events.html
• Vue 3 vs Vue 2.x: Differences, Key Points, Overall Comparison, and Comparison with React Hooks: https://juejin.cn/post/6892295955844956167#heading-21
• Bootstrap Official Icon Library: https://icons.getbootstrap.com/
• Font Awesome 4.7.0: http://www.fontawesome.com.cn/get-started/
• Microsoft Official Documentation - Recommended XML Tags for C# Documentation Comments: https://docs.microsoft.com/zh-cn/dotnet/csharp/language-reference/xmldoc/recommended-tags
• Microsoft Official Documentation - Overview of ASP.NET Core Authentication: https://docs.microsoft.com/en-us/aspnet/core/security/authentication/?view=aspnetcore-6.0
• .NET Core API Documentation Management Component - Using Swagger: https://meowv.com/post/2020-09-06-swagger
• C# DateTime Date Formatting: https://www.cnblogs.com/polk6/p/5465088.html
• Advanced C# Syntax: Generics, Generic Constraints, Type Safety, Contravariance and Covariance: https://www.shuzhiduo.com/A/MAzAPn8qd9/
• How to Use Token-based Authentication and Authorization (JWT) in ASP.NET Core 3: https://blog.miniasp.com/post/2019/12/16/How-to-use-JWT-token-based-auth-in-aspnet-core-31