-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
1 parent
2125002
commit fe56033
Showing
2 changed files
with
347 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,339 @@ | ||
<!DOCTYPE html> | ||
<html lang="en" dir="ltr"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<title>Things Behind the KnoSys Web App</title> | ||
|
||
|
||
<meta property="og:title" content="Things Behind the KnoSys Web App"> | ||
|
||
|
||
<meta name="description" content="Unveiling the ideas and implications behind my local-first knowledge management tool, KnoSys GUI Application!"> | ||
<meta property="og:description" content="Unveiling the ideas and implications behind my local-first knowledge management tool, KnoSys GUI Application!"> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta name="keywords" content="Ourai.PRO,ourai.pro,Ourai Lin,Ourai L.,Ourai,Ourairyu,欧雷,欧雷流,anti-chaos,ntks,反混沌,反混沌工程师,DnA ENGR,dna engr,frontend,front-end,indie developer"> | ||
|
||
|
||
<!-- 页面渲染兼容性 --> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="renderer" content="webkit"> | ||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||
|
||
<!-- 订阅 --> | ||
|
||
<meta name="theme-color" content="#0871ab"> | ||
<link rel="shortcut icon" href="/images/ksio/favicon.ico"> | ||
|
||
|
||
|
||
<link rel="stylesheet" href="/stylesheets/global.css"> | ||
|
||
|
||
<link rel="stylesheet" href="/stylesheets/ksio/vendors/share.css"> | ||
|
||
<link rel="stylesheet" href="/stylesheets/pages/post.css"> | ||
|
||
|
||
<script src="/javascripts/ksio/vendors/jquery-1.11.3.min.js"></script> | ||
|
||
|
||
<script src="/javascripts/ksio/vendors/bootstrap.min.js"></script> | ||
|
||
</head> | ||
|
||
|
||
<body class="Page" itemscope itemtype="http://schema.org/WebPage"> | ||
|
||
|
||
<header class="Page-header"> | ||
<div class="navbar navbar-static-top"> | ||
<div class="container"> | ||
<div class="navbar-header"> | ||
|
||
<button class="navbar-toggle collapsed" type="button" data-target=".Page-navs" data-toggle="collapse"> | ||
<span class="sr-only">Toggle navs</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
|
||
|
||
|
||
|
||
|
||
<a class="navbar-brand" href="/">Ourai.PRO</a> | ||
|
||
|
||
|
||
</div> | ||
<!-- Nav menus --> | ||
<nav class="Page-navs navbar-collapse collapse"> | ||
<ul class="nav navbar-nav navbar-right"> | ||
|
||
|
||
<li class="dropdown"> | ||
<a class="dropdown-toggle" href="javascript:void(0);" data-toggle="dropdown">Blog <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
|
||
<li><a href="/posts/">Posts</a> | ||
</li> | ||
|
||
|
||
|
||
<li><a href="https://x.com/ntksol?utm_source=https://ourai.pro&utm_medium=common-header" target="_blank" rel="external nofollow">Tweets</a> | ||
</li> | ||
|
||
|
||
</ul> | ||
</li> | ||
|
||
|
||
|
||
<li class="dropdown"> | ||
<a class="dropdown-toggle" href="javascript:void(0);" data-toggle="dropdown">Works <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
|
||
<li><a href="https://producthunt.com/@ourai?utm_source=https://ourai.pro&utm_medium=common-header" target="_blank" rel="external nofollow">Products</a> | ||
</li> | ||
|
||
|
||
|
||
<li><a href="https://github.com/ourai?utm_source=https://ourai.pro&utm_medium=common-header" target="_blank" rel="external nofollow">Open-source software</a> | ||
</li> | ||
|
||
|
||
</ul> | ||
</li> | ||
|
||
|
||
|
||
<li class="dropdown"> | ||
<a class="dropdown-toggle" href="javascript:void(0);" data-toggle="dropdown">Cooperation <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
|
||
<li><a href="https://www.upwork.com/freelancers/~016baa7fae7cfff661?utm_source=https://ourai.pro&utm_medium=common-header" target="_blank" rel="external nofollow">Services</a> | ||
</li> | ||
|
||
|
||
</ul> | ||
</li> | ||
|
||
|
||
|
||
<li class="dropdown"> | ||
<a class="dropdown-toggle" href="javascript:void(0);" data-toggle="dropdown">About <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | ||
|
||
<li><a href="https://www.linkedin.com/in/ourai?utm_source=https://ourai.pro&utm_medium=common-header" target="_blank" rel="external nofollow">Resume</a> | ||
</li> | ||
|
||
|
||
</ul> | ||
</li> | ||
|
||
|
||
|
||
<li><a href="https://yaol.in/?utm_source=https://ourai.pro&utm_medium=common-header" target="_blank" rel="external nofollow">中文</a> | ||
</li> | ||
|
||
|
||
|
||
</ul> | ||
</nav> | ||
</div> | ||
</div> | ||
</header> | ||
|
||
<main class="Page-content"> | ||
|
||
|
||
<!-- 内容主体 --> | ||
<div class="container"> | ||
<article class="Page-main Article"> | ||
<header class="Article-header"> | ||
|
||
|
||
<h1 class="Article-title">Things Behind the KnoSys Web App</h1> | ||
|
||
|
||
|
||
|
||
</header> | ||
<div class="Article-content col-md-9"><p>In my previous article “<a href="/posts/i-am-developing-the-knosys-web-app/">I’m Developing the KnoSys Web App</a>“, I highlighted the reasons for developing the KnoSys GUI application and its core features. However, some people still don’t understand why I’m reinventing the wheel.</p> | ||
<p>To put it simply, KnoSys is a piece of my grand vision, and one must grasp the overall picture to truly comprehend why I insist on creating this tool.</p> | ||
<p>I hope that by revealing the ideas and significance behind the KnoSys GUI application in this article, everyone can gain a slight understanding of my grand vision.</p> | ||
<h2 id="Design-and-Composition"><a href="#Design-and-Composition" class="headerlink" title="Design and Composition"></a>Design and Composition</h2><p>As someone who pursues freedom and doesn’t want to be held hostage by platforms or tools, I won’t create a tool that holds others hostage—do unto others as you would have them do unto you.</p> | ||
<h3 id="Basic-Philosophy"><a href="#Basic-Philosophy" class="headerlink" title="Basic Philosophy"></a>Basic Philosophy</h3><p>In the core design, I adhere to the principles of “openness, standardization, and transferability” as much as possible, especially for the crucial data:</p> | ||
<ul> | ||
<li>Data is stored in file formats that can be viewed using the built-in applications of the operating system without the need to download or install additional applications;</li> | ||
<li>Text data prioritizes formats such as Markdown and YAML, which are friendly to human reading and writing and have become (de facto) standards.</li> | ||
</ul> | ||
<p>Therefore, even if you don’t use the KnoSys GUI application and switch to Obsidian, Source Notes, IDE, etc., you can still open and edit the relevant files without any barriers—even using the built-in applications of the operating system!</p> | ||
<p>The only limitation of using the KnoSys GUI application is the directory structure specification for convenient program processing—the <a target="_blank" rel="noopener" href="https://qiidb.github.io/meta/zh/guides/spec/">QiiDB Data Specification</a>, which is also in line with (de facto) standards or common practices.</p> | ||
<h3 id="User-Autonomy"><a href="#User-Autonomy" class="headerlink" title="User Autonomy"></a>User Autonomy</h3><p>When using other cloud services or applications, they always “presumptuously” build in some function modules that are never used and cannot be deleted or disabled, occupying limited “space” in various senses.</p> | ||
<p>As a knowledge management tool, the most indispensable function features of the KnoSys GUI application are “knowledge base” and “extension market”, and the rest are basically enhanced functions, which can theoretically be obtained on demand through the “extension market”.</p> | ||
<p>I don’t intend to deprive users of their choice, so I won’t build in any non-essential function modules, and will maximize user autonomy in choosing and combining.</p> | ||
<h3 id="Technical-Architecture"><a href="#Technical-Architecture" class="headerlink" title="Technical Architecture"></a>Technical Architecture</h3><p>From a technical point of view, to put it bluntly, the KnoSys GUI application is the operation client of <a target="_blank" rel="noopener" href="https://qiidb.github.io/">QiiDB</a>, because it itself does not have any operation capabilities—</p> | ||
<blockquote> | ||
<p>QiiDB is a data specification and an open data collection based on this standard, and KnoSys is a tool for data processing based on this data specification.</p> | ||
<footer>Ourai's thoughts</footer> | ||
</blockquote> | ||
|
||
<p>So far, the KnoSys system consists of three main parts:</p> | ||
<ol> | ||
<li>SDK—provides the ability to operate folders and files that comply with the QiiDB data specification in the form of functions;</li> | ||
<li>Website—combined with <a target="_blank" rel="noopener" href="https://jamstack.org/generators/">SSG</a> to convert data sources that comply with the QiiDB data specification and generate static websites;</li> | ||
<li>Application—visual operation of data sources that comply with the QiiDB data specification, that is, the KnoSys GUI application.</li> | ||
</ol> | ||
<p>Among them, the application part strongly depends on the SDK, and the website part will serve as an extended function of the application to provide the “knowledge base” sharing and publishing capabilities.</p> | ||
<p>The “knowledge base” dynamically renders the interface-related display forms based on “metadata” for data verification and other capabilities, which are built based on my own low-code development <a href="/posts/fxxk-design-from-anti-chaos/">Fxxk Design</a> and <a href="/posts/futurejs-from-anti-chaos/">Future.js</a> system.</p> | ||
<p>In addition, the ability to subscribe to information from the “person” dimension will depend on <a target="_blank" rel="noopener" href="https://linxoid.com/">LinXoid</a>, a project aimed at helping people establish connections.</p> | ||
<h2 id="Vision-and-Significance"><a href="#Vision-and-Significance" class="headerlink" title="Vision and Significance"></a>Vision and Significance</h2><p>Since KnoSys is a piece of my grand vision, what do the other pieces look like? Next, I will reveal them to you in both pragmatic and visionary aspects.</p> | ||
<h3 id="Digital-Life"><a href="#Digital-Life" class="headerlink" title="Digital Life"></a>Digital Life</h3><p>Like relying on electrical appliances, the vast majority of people in the twenty-first century can no longer live without digital products, and post-00s are the “natives” of the digital world.</p> | ||
<p>However, so far, digital products have mainly been aimed at businesses, enterprises, and governments, and those aimed at individuals are mainly for consumption and entertainment; there are not many products that make life better for individuals and families, and I think they are not good enough.</p> | ||
<p>As a person who loves life and has software development skills, I am determined to fill and improve this gap!</p> | ||
<p>Combining my personal situation, to support the sustainable digital nomadic life I want to live, I need a family digital workbench:</p> | ||
<ul> | ||
<li>Build a server in the physical family that can be accessed from the outside network, and it is best to have multi-center data backup in multiple places;</li> | ||
<li>AI-assisted knowledge management, which will use KnoSys and local large language models;</li> | ||
<li>Knowledge-driven personal and family life management, including family collaboration, finance, health, smart devices, etc.;</li> | ||
<li>Personal or family communication for resource sharing and communication, which will use LinXoid and peer-to-peer networks (P2P).</li> | ||
</ul> | ||
<p>At that time, the server in the physical family will be the SSOT data center, and computers, mobile phones and other devices will be client operation interfaces that basically do not store persistent data and connect and access the data center.</p> | ||
<p>See the article “If I Become a Digital Nomad” and the “Digital Life” plan for more information.</p> | ||
<h3 id="Cyberspace"><a href="#Cyberspace" class="headerlink" title="Cyberspace"></a>Cyberspace</h3><p>With the development of technology, the “erosion” of the digital world on the real world will gradually deepen, until the two are deeply integrated, and people no longer “deliberately” distinguish between the virtual and the real—both are illusions, and both are real.</p> | ||
<p>In the real world, the most important thing is the “knowledge” formed by the exploration of truth, and everything centered around “people”—in the digital world, which is a reflection of the real world, is equally important and is its foundation.</p> | ||
<p>To become a resident of cyberspace, it is extremely important to have a clear understanding of “knowledge” and “people”, to clearly realize their importance and to fight for the relevant rights!</p> | ||
<p>In the real world, in the past, “knowledge” was held by a very small number of specific groups such as wizards, priests, and popes, while the general public was ignorant and could be manipulated at will; in the digital world, “knowledge” is mostly held by platforms, and users are manipulated.</p> | ||
<p>In the real world, in the past, most people generally had no human rights and were exploited and oppressed as de facto slaves by a very small number of specific groups; in the digital world, people are just resources in a certain platform, and are exploited cheap/free labor.</p> | ||
<p>The civilization degree of the digital world is far lower than that of the real world—most people have not yet realized their “knowledge” and “people” related rights in cyberspace, let alone strive for them!</p> | ||
<p>I hope my actions can awaken others, even if it’s only a few.</p> | ||
<p>For extended reading, you can see my “Talking About Individual-Centered Services” series of articles.</p> | ||
<h2 id="Conclusion"><a href="#Conclusion" class="headerlink" title="Conclusion"></a>Conclusion</h2><p>Speaking of the KnoSys GUI application, because it adheres to the principles of openness, standardization, and user autonomy, and there are no technical limitations, I chose Web technology with the same philosophy to implement it.</p> | ||
<p>Initially considering supporting the following two usage methods:</p> | ||
<ol> | ||
<li>Automatically open in a new tab through a browser extension;</li> | ||
<li>Automatically start the application service when the computer is turned on, and manually enter the address in the browser.</li> | ||
</ol> | ||
<p>The knowledge management part only provides the desktop version, and if you want to operate on mobile devices, please look forward to the mobile applications related to “digital life” that I will develop in the future!</p> | ||
|
||
</div> | ||
<footer class="Article-footer col-md-3"> | ||
|
||
<div class="Widget Widget--share"> | ||
<div class="Widget-body"> | ||
<p>分享到<i class="fa fa-share-alt"></i></p> | ||
<div class="social-share" data-sites="wechat,weibo,twitter"></div> | ||
</div> | ||
</div> | ||
|
||
|
||
<section class="Widget Widget--toc"> | ||
<div class="Widget-header"> | ||
<h2 class="Widget-title">目录</h2> | ||
</div> | ||
<div class="Widget-body"></div> | ||
</section> | ||
|
||
|
||
</footer> | ||
|
||
|
||
</article> | ||
|
||
|
||
</div> | ||
</main> | ||
<footer class="Page-footer Footer"> | ||
<div class="container"> | ||
|
||
<div class="Footer-description"> | ||
|
||
<!-- Important links --> | ||
<nav class="Footer-navs"> | ||
<ul><li><a href="https://x.com/ntksol?utm_source=https://ourai.pro&utm_medium=common-footer" target="_blank" rel="external nofollow"><span>X</span></a> | ||
</li><li><a href="https://github.com/ourai?utm_source=https://ourai.pro&utm_medium=common-footer" target="_blank" rel="external nofollow"><span>GitHub</span></a> | ||
</li><li><a href="https://www.linkedin.com/in/ourai?utm_source=https://ourai.pro&utm_medium=common-footer" target="_blank" rel="external nofollow"><span>LinkedIn</span></a> | ||
</li></ul> | ||
</nav> | ||
|
||
|
||
<!-- Copyright --> | ||
<div class="Footer-copyright"> | ||
<p> | ||
|
||
© 2023-2025 <a href="https://ourai.pro?utm_source=https://ourai.pro&utm_medium=common-footer" target="_blank" rel="external nofollow">Ourai L.</a> | ||
|
||
</p> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</footer> | ||
|
||
|
||
|
||
|
||
|
||
|
||
<script>$('.Article-content > table').addClass('table table-bordered')</script> | ||
|
||
<script src="/javascripts/ksio/vendors/share.min.js"></script> | ||
|
||
<script src="/javascripts/ksio/components/page.js"></script> | ||
|
||
<script src="/javascripts/ksio/components/toc.js"></script> | ||
|
||
<script src="/javascripts/ksio/vendors/jquery.timeago.js"></script> | ||
|
||
<script src="/javascripts/ksio/vendors/jquery.timeago.zh-CN.js"></script> | ||
|
||
<script src="/javascripts/ksio/initializers/time.js"></script> | ||
|
||
<script src="/javascripts/ksio/vendors/jquery.lazyload.js"></script> | ||
|
||
<script src="/javascripts/ksio/initializers/lazyload.js"></script> | ||
|
||
</body> | ||
</html> | ||
|