Posts

Showing posts with the label prismjs

Changing the Default Terminal to Terminator on Ubuntu

Image
Terminator is a powerful tool for developers, allowing you to manage multiple terminal sessions in a single window. Features like splitting panes, tabs, and simultaneous input can significantly boost your productivity. Step 1: Install Terminator First, install Terminator using the apt package manager. sudo apt update sudo apt install terminator -y The -y option automatically answers 'yes' to any prompts during the installation process, streamlining the setup. Step 2: Set as the System Default Ubuntu uses a utility called update-alternatives to manage default applications. We'll use this tool to change the default terminal emulator ( x-terminal-emulator ) to Terminator. Run the Configuration Command Enter the following command in your terminal. A list of available terminals will appear. sudo update-alternatives --config x-terminal-emulator Select Terminator From the resulting list, enter the selection number corresponding to terminator and press Enter. ...

How to Add Syntax Highlighting to Blogger Using Prism.js

Image
There are many great platforms these days for starting a technical blog, but most are either paid or require a bit of setup. That’s why I chose Blogger — it's free, simple, and easy to get started. However, as a technical blogger, I often need to share things like Linux commands , source code snippets , or terminal outputs — and unfortunately, Blogger doesn't support code blocks natively. To resolve this, I added a syntax highlighting library called Prism.js to my Blogger theme so that code in my posts looks clean and readable. How to Set Up Prism.js for Syntax Highlighting in Blogger Step 1: Open the Blogger Theme Editor Log in to your Blogger account On the left menu, click “Theme” Click the "▼ arrow" next to the current theme and select "Edit HTML" Step 2: Add Prism.js to the <head> section In the HTML editor, find the <head> tag near the top of the code. Add the following lines inside the <head> tag: ...