DOCSEARCHbyAlgolia
Submit Docs

Little Data Knowledge Base

website·Indexed 30 days ago

https://little-data.eu.org

A personal technical blog and knowledge base featuring guides on Windows system repair, Linux administration (Debian, CentOS), Raspberry Pi optimization, and software configurations for tools like JMeter, DBeaver, and Docusaurus. It also provides a collection of JavaScript bookmarklets for web clipping, CSS inspection, and storage clearing.

Tokens
19.6K
Snippets
118
Records
171
Agent score
50%

What's inside Little Data

  1. Overview of Raspberry Pi hardware and use cases

    Raspberry Pi is a low-cost, credit-card-sized single-board computer developed by the Raspberry Pi Foundation. It features an ARM processor, RAM, USB ports, HDMI output, and GPIO pins. It is designed for computer science education, programming (Python, Scratch), electronics projects, robotics, home media centers (e.g., Kodi), NAS, and IoT applications. It supports various operating systems, including Raspberry Pi OS and Ubuntu.

  2. Overview of Docusaurus features

    Docusaurus is an open-source static site generator maintained by Meta, built on React and MDX. It is designed for creating documentation websites and blogs. Key features include:

    • MDX support: Combines Markdown with React components for extensible content.
    • i18n: Built-in support for multi-language websites.
    • SEO: Automatic generation of sitemaps and meta tags.
    • Syntax Highlighting: Powerful code block support.
    • Deployment: Easy integration with Vercel, GitHub Pages, and Netlify.

  3. Mitigate Firefox HDR issues via about:config

    To improve HDR playback and mitigate related issues in Firefox, navigate to about:config in the address bar and set the following preferences to true:
    layout.css.video-dynamic-range.allows-high = true
media.wmf.force.allow-p010-format = true

  4. Inspect CSS styles and element properties of a selected element

    Use this bookmarklet to extract detailed technical information about a selected element on a webpage. It captures the element's tag name, ID, class, whether it is an inline element, its bounding rectangle (x, y, width, height), offset positions, and a comprehensive list of computed CSS properties including box model properties, layout properties, and font/color styles. The results are displayed in a browser alert.
    javascript:(function(){var sel=window.getSelection();var el=sel.anchorNode?(sel.anchorNode.nodeType===3?sel.anchorNode.parentNode:sel.anchorNode):document.body;var styles=getComputedStyle(el);var rect=el.getBoundingClientRect();var styleInfo='%E3%80%90%E5%85%83%E7%B4%A0%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF%E3%80%91\n%E6%A0%87%E7%AD%BE%EF%BC%9A'+el.tagName.toLowerCase()+'\nID%EF%BC%9A'+(el.id||'%E6%97%A0')+'\n%E7%B1%BB%E5%90%8D%EF%BC%9A'+(el.className||'%E6%97%A0')+'\n%E6%98%AF%E5%90%A6%E5%86%81%E8%81%94%E5%85%83%E7%B4%A0%EF%BC%9A'+(['span','a','img','input','button','label','em','strong','i','small'].includes(el.tagName.toLowerCase())?'%E6%98%AF':'%E5%90%A6')+'\n\n%E3%80%90%E5%85%83%E7%B4%A0%E4%BD%8D%E7%BD%AE%E4%B8%8E%E5%B0%BA%E5%AF%B8%E3%80%91\n%E8%A7%86%E5%8F%A3%E5%9D%90%E6%A0%87%EF%BC%9Ax='+rect.x+' | y='+rect.y+'\n%E5%AE%BD%E9%AB%98%EF%BC%9A'+rect.width+' %C3%97 '+rect.height+'\n%E5%81%8F%E7%A7%BB%E9%87%8F%EF%BC%9AoffsetTop='+el.offsetTop+' | offsetLeft='+el.offsetLeft+'\n\n%E3%80%90%E6%A0%B8%E5%BF%83CSS%E6%A0%B7%E5%BC%8F%EF%BC%88%E7%9B%92%E6%A8%A1%E5%9E%8B%EF%BC%89%E3%80%91\n';var boxProps=['width','height','margin','margin-top','margin-right','margin-bottom','margin-left','padding','padding-top','padding-right','padding-bottom','padding-left','border','border-width','border-style','border-color','box-sizing'];boxProps.forEach(prop=>{styleInfo+=prop+': '+styles[prop]+'\n';});styleInfo+='\n%E3%80%90%E6%A0%B8%E5%BF%83CSS%E6%A0%B7%E5%BC%8F%EF%BC%88%E5%AE%9A%E4%BD%8D%E4%B8%8E%E5%B8%80%EF%BC%89%E3%80%91\n';var layoutProps=['display','position','top','right','bottom','left','z-index','float','clear','flex','flex-direction','justify-content','align-items'];layoutProps.forEach(prop=>{styleInfo+=prop+': '+styles[prop]+'\n';});styleInfo+='\n%E3%80%90%E6%A0%B8%E5%BF%83CSS%E6%A0%B7%E5%BC%8F%EF%BC%88%E5%AD%97%E4%BD%93%E4%B8%8E%E9%A2%9C%E8%89%B2%EF%BC%89%E3%80%91\n';var fontProps=['font-size','font-family','font-weight','font-style','line-height','color','background','background-color','background-image','text-align','text-decoration'];fontProps.forEach(prop=>{styleInfo+=prop+': '+styles[prop]+'\n';});alert(styleInfo);})();

  5. Understand the Astrofox interface

    The Astrofox workspace consists of four primary areas:

    1. Menu Bar: Access to all file and application commands.
    2. Stage: The central area where visuals and effects are displayed.
    3. Dock: Contains the Layer panel (for compositing visual elements) and the Control panel (for manipulating individual elements).
    4. Audio Player: Used to control audio files after they are loaded via File > Load audio.

  6. Manage Python versions using the py CLI

    The Python Install Manager provides the py command to manage multiple Python runtimes on Windows. You can list installed versions, find available online versions, install specific versions, and uninstall runtimes.
    # List installed Python runtimes (the default version is marked with *) 
py list

# List available Python versions online
# Versions in [ ] are compatible with the current system architecture
py list --online

# Install the latest stable version of a specific version (auto-detects architecture)
py install 3.14

# Install a specific architecture version using its Tag
py install 3.15-dev-32

# Upgrade all installed versions
py install --upgrade

# Upgrade a specific version
py install --upgrade 3.14

# Uninstall a specific version
py uninstall 3.14

# Remove all runtimes and clear cached files
py uninstall --purge

  7. Backup Wiki.js configuration and SQLite database

    Before updating Wiki.js, back up the configuration and database files located in the website's root directory. For installations using SQLite, you must back up config.yml and db.sqlite.

  8. Prepare Raspberry Pi for headless installation

    To install and use a Raspberry Pi without a monitor (headless), you need a computer, an SD card with a card reader, an SSH client (e.g., Termora), and a VNC Viewer (e.g., UltraVNC Viewer). When using the Raspberry Pi Imager to write the system to the SD card, you must use the 'Edit Settings' option when prompted with 'Would you like to apply custom OS customization?' to configure the following:

    • Username and password
    • WiFi credentials (required if not using a wired connection)
    • Hostname
    • Timezone
    • Keyboard layout
    • Remote connection settings

  9. Prepare a Linux VM for VirtualBox Guest Additions installation

    Before installing VirtualBox Guest Additions, it is highly recommended to create a VM snapshot to allow for easy recovery if the installation fails. Ensure the system is up to date before proceeding with the installation of required libraries.
    # Debian series
sudo apt update && sudo apt upgrade

# CentOS 9
sudo yum update -y

  10. Configure local client path for database dumping

    If DBeaver prompts that 'no connection address has been set' during a database dump, you need to specify the path to your local MySQL installation directory (the folder containing the bin and docs directories).
    1. Click 'Local Client...'
    2. Select 'Browse...'
    3. Select the MySQL installation directory (containing the bin folder) and click 'Select Folder'.

  11. Remove the "- Shortcut" suffix from new Windows shortcuts

    To prevent Windows from automatically appending " - Shortcut" to the end of new shortcut filenames, you must modify the link binary value in the Windows Registry. After applying this change, you must restart the system or the explorer.exe process for the changes to take effect.
    # Run this command in CMD as Administrator to disable the shortcut suffix
reg add "HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer" /v "link" /d 00000000 /t REG_binary /f