Reference on Dev Knowledgebase

🔧 VSCode settings.json Cheat Sheet

Sun, 31 May 2026 00:00:00 +0000

🔧 VSCode settings.json Cheat Sheet #

📍 Overview #

VSCode settings.json files control editor behavior through JSON configuration. There are two types:

User Settings: Global settings that apply to all VSCode instances
Workspace Settings: Project-specific settings that override user settings

📂 File Locations #

User Settings #

Windows: %APPDATA%\Code\User\settings.json
macOS: $HOME/Library/Application Support/Code/User/settings.json
Linux: $HOME/.config/Code/User/settings.json

Workspace Settings #

Location: .vscode/settings.json in your project root
Purpose: Share project-specific settings via version control
Priority: Overrides user settings for that workspace

🎯 Accessing Settings #

Command Palette (Ctrl+Shift+P) #

Preferences: Open User Settings (JSON)
Preferences: Open Workspace Settings (JSON)
Preferences: Open Settings (UI)

Keyboard Shortcuts #

Settings UI: Ctrl+, (Cmd+, on Mac)
Direct JSON: Use command palette

vscode://settings/<settingName>

Example: vscode://settings/workbench.colorTheme

🚀 Groq + Gradio: Ultimate AI Showcase Demo

Sun, 31 May 2026 00:00:00 +0000

🚀 Groq + Gradio: Ultimate AI Showcase Demo #

The most genius way to showcase Groq’s blazing-fast AI capabilities through interactive Gradio demos! This comprehensive guide covers building demos for reasoning, vision, audio, tool calling, and parameter experimentation.

🎯 Quick Setup #

import gradio as gr
from groq import Groq
import base64
import json
import os

# Initialize Groq client
client = Groq(api_key=os.getenv("GROQ_API_KEY"))

🧠 Demo 1: Reasoning Playground #

Interactive demo for testing different reasoning models and parameters:

🚀 Groq API Cheat Sheet

Sun, 31 May 2026 00:00:00 +0000

🚀 Groq API Cheat Sheet #

Welcome to the Groq API cheat sheet! This guide provides a comprehensive overview of how to use the Groq API for ultra-fast large language model (LLM) inference. Whether you’re building a chatbot, a content generation tool, or any other application that requires real-time language processing, Groq offers the speed and performance you need.

🔑 Getting Started #

1. Get Your API Key #

First, you’ll need a Groq API key. You can get one by signing up on the Groq Console.

🚀 HugDown Complete Guide

Sun, 31 May 2026 00:00:00 +0000

🚀 HugDown Complete Guide #

Ultra-comprehensive documentation for the HugDown markdown transformation toolkit

📋 Overview #

HugDown is a comprehensive toolkit transforming markdown into multiple formats with professional theming, AI styling, and enterprise features.

Core Philosophy #

DRY Principle: Single source markdown, multiple outputs
AI-First Design: Intelligent theme selection
Performance: Caching, async, parallel execution
Accessibility: WCAG AA compliant
Multi-Interface: CLI, API, programmatic

Project Structure #

hugdown/
├── beautysheet/    # FastAPI PDF converter with WebSocket
├── quicksheet/     # CLI converter with AI caching
├── hugmark/        # Hugo + PDF hybrid
└── hugo.md         # Hugo quick-start guide

🏗️ Architecture #

Component Matrix #

Component	Stack	Use Case	Interface	Status
BeautySheet	Python + FastAPI + WeasyPrint	Server batch PDF	REST + WebSocket	🟡 Alpha
QuickSheet	Python + Click + AI	Local intelligent PDF	CLI	🟡 Alpha
HugMark	Hugo + Node + Puppeteer	Static site + PDF	Web + CLI	🟢 Stable

System Overview #

graph TB
    subgraph Input
        MD[📝 Markdown Files]
    end
    
    subgraph Processing
        BS[🎨 BeautySheet<br/>FastAPI Server]
        QS[⚡ QuickSheet<br/>Local CLI]
        HM[🌐 HugMark<br/>Hugo + PDF]
    end
    
    subgraph Output
        PDF1[📄 Server PDF]
        PDF2[📄 Local PDF]
        WEB[🌍 Static Site]
        PDF3[📄 Site PDFs]
    end
    
    MD --> BS --> PDF1
    MD --> QS --> PDF2
    MD --> HM --> WEB
    HM --> PDF3
    
    style BS fill:#e1f5ff
    style QS fill:#fff3e0
    style HM fill:#f3e5f5

Data Flow Architecture #

sequenceDiagram
    participant User
    participant Tool
    participant Converter
    participant AI
    participant Cache
    participant Output
    
    User->>Tool: Submit Markdown
    Tool->>Cache: Check Cache
    alt Cache Hit
        Cache-->>Tool: Return Cached
    else Cache Miss
        Tool->>AI: Analyze Content
        AI-->>Tool: Theme Recommendation
        Tool->>Converter: Process with Theme
        Converter->>Converter: MD→HTML→PDF
        Converter-->>Tool: Generated PDF
        Tool->>Cache: Store Result
    end
    Tool-->>Output: Deliver PDF
    Output-->>User: Download

🔧 BeautySheet #

Enterprise PDF generation service with real-time tracking

🚀 Hugo Speedrun on Debian

Sun, 31 May 2026 00:00:00 +0000

🚀 Hugo Speedrun on Debian #

Your ultra-quick guide to hosting markdown files with Hugo.

🛠️ 1. Installation #

First, get the necessary tools. We’ll grab the latest Hugo Extended version from GitHub.

# Install Git
sudo apt update && sudo apt install git -y

# Find latest Hugo extended .deb file from https://github.com/gohugoio/hugo/releases
# Example for v0.128.0:
wget https://github.com/gohugoio/hugo/releases/download/v0.128.0/hugo_extended_0.128.0_linux-amd64.deb

# Install the package
sudo dpkg -i hugo_extended_0.128.0_linux-amd64.deb

# Verify installation
hugo version

🌐 2. Create a New Site #

Now, let’s scaffold a new Hugo project.

🚀 Integrating Groq into the chatgpt-md Obsidian Plugin

Sun, 31 May 2026 00:00:00 +0000

🚀 Integrating Groq into the chatgpt-md Obsidian Plugin #

This guide will walk you through the process of integrating the ultra-fast Groq API into the chatgpt-md Obsidian plugin. By following these steps, you’ll be able to leverage Groq’s performance directly within Obsidian.

Prerequisites #

You have a working chatgpt-md plugin development environment set up.
You have a Groq API key, which you can get from the Groq Console.

1. Create a New `GroqService.ts` File #

The first step is to create a new service for Groq. The easiest way to do this is to copy the existing OpenAiService.ts and adapt it for Groq.

Mermaid.js Comprehensive Cheat Sheet

Sun, 31 May 2026 00:00:00 +0000

Mermaid.js Comprehensive Cheat Sheet #

A condensed guide to all Mermaid.js chart types, with syntax, options, and illustrative examples.

1. Flowchart #

Used for creating flow diagrams.

Syntax #

flowchart TD
    A[Start] --> B{Is it?};
    B -- Yes --> C[OK];
    C --> D[End];
    B -- No --> E[Not OK];
    E --> D;

Nodes: id[text], id(text), id((text)), id>text], id{text}
Links: -->, ---, -.->, -- text -->
Direction: TD (top-down), LR (left-right), etc.
Subgraphs:

flowchart TD
    subgraph one
        a1-->a2
    end
    subgraph two
        b1-->b2
    end
    c1-->c2

2. Sequence Diagram #

Illustrates interactions between actors/participants over time.

Mermaid.js Quick Reference (2025)

Sun, 31 May 2026 00:00:00 +0000

Mermaid.js Quick Reference (2025) #

Last verified: 2025-09-02

Quick start #

Use a fenced block in Markdown.

flowchart TD
  A[Start] --> B{OK?}
  B -->|Yes| C[Ship]
  B -->|No| D[Fix]

Prefer frontmatter (diagram-local config) over directives when possible.

```mermaid
---
config:
  theme: base
  themeVariables:
    primaryColor: "#00ffb3"
    lineColor: "#222"
---
flowchart LR
  A --> B
```

Browser API (v10+):

<script type="module">
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
  mermaid.initialize({ startOnLoad: true });
</script>

Tip: For selective rendering, set startOnLoad: false and call await mermaid.run({ querySelector | nodes, suppressErrors }).

Mermaid.js Syntax: The Golden Rules 📜

Sun, 31 May 2026 00:00:00 +0000

Mermaid.js Syntax: The Golden Rules 📜 #

A condensed guide to writing clean, effective, and error-free Mermaid.js diagrams.

✨ Core Principles #

These rules are the foundation for all Mermaid diagrams.

Declare Diagram Type First Always begin with the diagram type keyword (e.g., flowchart TD, sequenceDiagram). This is non-negotiable.
```
%% ✅ Correct
flowchart TD
    A --> B
```
Unique IDs are Essential Every node/participant/entity needs a unique identifier for linking. Simple IDs are best; avoid special characters.

Obsidian Plugin Development Cheat Sheet

Sun, 31 May 2026 00:00:00 +0000

Obsidian Plugin Development Cheat Sheet #

A comprehensive guide to developing plugins for Obsidian, from setup to release.

🚀 Getting Started #

Prerequisites #

Git: https://git-scm.com/
Node.js: https://nodejs.org/
Code Editor: VS Code is recommended.

Development Vault #

ALWAYS use a separate, dedicated vault for plugin development to avoid data loss in your main vault.
Create a new, empty vault for development purposes.

Sample Plugin Setup #

Clone the sample plugin into your development vault’s .obsidian/plugins directory:

Reference on Dev Knowledgebase

🔧 VSCode settings.json Cheat Sheet

🔧 VSCode settings.json Cheat Sheet #

📍 Overview #

📂 File Locations #

User Settings #

Workspace Settings #

🎯 Accessing Settings #

Command Palette (Ctrl+Shift+P) #

Keyboard Shortcuts #

Settings URL Navigation #

🚀 Groq + Gradio: Ultimate AI Showcase Demo

🚀 Groq + Gradio: Ultimate AI Showcase Demo #

🎯 Quick Setup #

🧠 Demo 1: Reasoning Playground #

🚀 Groq API Cheat Sheet

🚀 Groq API Cheat Sheet #

🔑 Getting Started #

1. Get Your API Key #

🚀 HugDown Complete Guide

🚀 HugDown Complete Guide #

📋 Overview #

Core Philosophy #

Project Structure #

🏗️ Architecture #

Component Matrix #

System Overview #

Data Flow Architecture #

🔧 BeautySheet #

🚀 Hugo Speedrun on Debian

🚀 Hugo Speedrun on Debian #

🛠️ 1. Installation #

🌐 2. Create a New Site #

🚀 Integrating Groq into the chatgpt-md Obsidian Plugin

🚀 Integrating Groq into the chatgpt-md Obsidian Plugin #

Prerequisites #

1. Create a New GroqService.ts File #

Mermaid.js Comprehensive Cheat Sheet

Mermaid.js Comprehensive Cheat Sheet #

1. Flowchart #

Syntax #

2. Sequence Diagram #

Mermaid.js Quick Reference (2025)

Mermaid.js Quick Reference (2025) #

Quick start #

Mermaid.js Syntax: The Golden Rules 📜

Mermaid.js Syntax: The Golden Rules 📜 #

✨ Core Principles #

Obsidian Plugin Development Cheat Sheet

Obsidian Plugin Development Cheat Sheet #

🚀 Getting Started #

Prerequisites #

Development Vault #

Sample Plugin Setup #

1. Create a New `GroqService.ts` File #