feat: add github pages site

Author: ycode-lin

README.md

@@ -1,15 +1,25 @@
-# About YCode.Designer.Fluxo
+# YCode.Designer.Fluxo
 
-🎨 **YCode.Designer.Fluxo** aims to explore graphical visual development in WPF, providing WPF developers with insights into implementing features like node dragging, flow editing, and other visual software development concepts.
+[![GitHub Pages](https://img.shields.io/badge/GitHub%20Pages-Live%20Preview-1f2328?style=for-the-badge)](https://ycode-lin.github.io/YCode.Designer.Fluxo/)
 
----
+Open the project page here: [ycode-lin.github.io/YCode.Designer.Fluxo](https://ycode-lin.github.io/YCode.Designer.Fluxo/)
 
-# Refactoring YCode.Designer.Fluxo on Main Branch
+## About
 
-🔧 The current task on the `Main` branch involves refactoring `YCodeFlowUI`, primarily transitioning from a Canvas-based design to a pure MVVM-driven control approach. This refactoring effort is not intended to assert superiority over the old method but rather aims to learn how to utilize the `Notify` control. I express deep gratitude to individuals with an open-source spirit, similar to the authors of `Notify`.
+**YCode.Designer.Fluxo** explores graphical visual development in WPF and focuses on capabilities such as node dragging, flow editing, viewport control, and other visual software development concepts.
 
-📁 The previous approach can be found in the source code on the `CanvasDesigner` branch, which has already met the requirements of the MVVM framework. I hope this method can offer valuable assistance to those in need.
+## Refactoring On `master`
 
-📝 For insights into the old approach or development tutorials, please refer to [this informative video tutorial](https://www.bilibili.com/video/BV177421N76v/?share_source=copy_web&vd_source=09ea16918da424f6bed95ad4cd89fcf1).
+The current work on the `master` branch is refactoring `YCodeFlowUI` from a Canvas-based design toward a more control-oriented, MVVM-friendly approach. The goal is not to claim that the old implementation was wrong, but to use this repository as a practical study in building cleaner visual editing controls and learning how to integrate ideas from projects such as `Notify`.
 
-🙏 Once again, I extend my heartfelt gratitude to all outstanding open-source software like `Notify` and their creators!
+The previous Canvas-based implementation remains available on the [`CanvasDesigner`](https://github.com/ycode-lin/YCode.Designer.Fluxo/tree/CanvasDesigner) branch.
+
+## GitHub Pages
+
+This repository includes a static GitHub Pages site under [`docs/`](./docs/). Once Pages is enabled for `master /docs`, users can browse the project with a lighter landing page here:
+
+- [Live Pages Preview](https://ycode-lin.github.io/YCode.Designer.Fluxo/)
+
+## Extra Reference
+
+For a walkthrough of the earlier approach and related development ideas, see this [video tutorial](https://www.bilibili.com/video/BV177421N76v/?share_source=copy_web&vd_source=09ea16918da424f6bed95ad4cd89fcf1).

docs/.nojekyll

@@ -0,0 +1 @@
+