<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: nullity</title>
    <description>The latest articles on Forem by nullity (@nullity).</description>
    <link>https://forem.com/nullity</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F669295%2F7cc133f3-2c41-45d5-b171-d88cd880236a.png</url>
      <title>Forem: nullity</title>
      <link>https://forem.com/nullity</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/nullity"/>
    <language>en</language>
    <item>
      <title>Obsidian can't view pdf</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Mon, 24 Mar 2025 04:40:13 +0000</pubDate>
      <link>https://forem.com/nullity/obsidian-cant-view-pdf-2l83</link>
      <guid>https://forem.com/nullity/obsidian-cant-view-pdf-2l83</guid>
      <description>&lt;p&gt;OS: ubuntu 20.04&lt;/p&gt;

&lt;p&gt;At the time, the latest Obsidian version is 1.8.9.&lt;/p&gt;

&lt;h2&gt;
  
  
  Problem
&lt;/h2&gt;

&lt;p&gt;Using the latest Obsidian downloaded from snap, I find that I can't view some PDFs in obsidian vault. But those PDFs can be viewed normally in any other PDF viewers.&lt;/p&gt;

&lt;h2&gt;
  
  
  Solution
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Step 1:
&lt;/h3&gt;

&lt;p&gt;Remove the snap version of Obsidian.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;snap remove obsidian
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Step 2
&lt;/h3&gt;

&lt;p&gt;Download the deb version of obsidian. (&lt;a href="https://obsidian.md/download" rel="noopener noreferrer"&gt;Downlaod page of Obsidian&lt;/a&gt;)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3pajnz03xjwmysj89vyh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3pajnz03xjwmysj89vyh.png" alt="Image description" width="629" height="730"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Run the following command to install it.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt install &amp;lt;the-deb-file-path&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For example, in the download folder,&lt;br&gt;
run &lt;code&gt;sudo apt install ./obsidian_1.8.9_amd64.deb&lt;/code&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Result
&lt;/h2&gt;

&lt;p&gt;All PDFs can be view normally in Obsidian.&lt;/p&gt;

</description>
      <category>obsidian</category>
    </item>
    <item>
      <title>在 Linux 上安裝與使用 Notion Desktop</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Tue, 18 Feb 2025 14:47:04 +0000</pubDate>
      <link>https://forem.com/nullity/zai-linux-shang-an-zhuang-yu-shi-yong-notion-desktop-5383</link>
      <guid>https://forem.com/nullity/zai-linux-shang-an-zhuang-yu-shi-yong-notion-desktop-5383</guid>
      <description>&lt;p&gt;Notion 官方並沒有推出 Desktop App for Linux&lt;br&gt;
不過 GitHub 上有 unofficial desktop app 可以下載&lt;br&gt;
&lt;a href="https://github.com/xanmoy/notion-desktop" rel="noopener noreferrer"&gt;https://github.com/xanmoy/notion-desktop&lt;/a&gt;&lt;br&gt;
按照指示就可以安裝了&lt;/p&gt;

&lt;p&gt;使用:&lt;br&gt;
介面放大: 試試看 "Ctrl +" 或是 "Ctrl shift +" 或是 "按住 Ctrl + 滾動滑鼠"&lt;br&gt;
介面縮小: 試試看 "Ctrl -" 或是 "Ctrl shift -" 或是 "按住 Ctrl + 滾動滑鼠"&lt;br&gt;
都試試看&lt;/p&gt;

&lt;p&gt;在我的電腦上 (Ubuntu 20.04)，是&lt;br&gt;
介面放大: "Ctrl shift +"&lt;br&gt;
介面縮小: "Ctrl -"&lt;br&gt;
(我試了好久，才發現是這個組合，我也不懂為什麼要這樣設計)&lt;/p&gt;

</description>
      <category>notion</category>
      <category>linux</category>
      <category>ubuntu</category>
    </item>
    <item>
      <title>gdb trick: automatically display local variables when stops</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Tue, 12 Nov 2024 18:25:03 +0000</pubDate>
      <link>https://forem.com/nullity/gdb-trick-automatically-display-local-variables-when-stops-1h2b</link>
      <guid>https://forem.com/nullity/gdb-trick-automatically-display-local-variables-when-stops-1h2b</guid>
      <description>&lt;p&gt;Add the following to &lt;code&gt;~/.gdbinit&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;define toggle-local
  if $toggle_hook_enabled == 0
    set $toggle_hook_enabled = 1
    define hook-stop
      info local
      printf "---------------------\n"
    end
    printf "display-local enabled.\n"
  else
    set $toggle_hook_enabled = 0
    define hook-stop
    end
    printf "display-local disabled.\n"
  end
end

set $toggle_hook_enabled = 0
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Usage
&lt;/h2&gt;

&lt;p&gt;When in gdb session, use "toggle-local" to toggle it.&lt;/p&gt;

&lt;p&gt;Why not always turn it on? If there are too many local variables, gdb would use pagination to show all the infomation, sometimes it's kind of annoying to press an addition Enter.&lt;/p&gt;

</description>
      <category>gdb</category>
    </item>
    <item>
      <title>gdb trick: automatically redirecct output to another terminal</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Tue, 12 Nov 2024 17:35:39 +0000</pubDate>
      <link>https://forem.com/nullity/gdb-trick-automatically-redirecct-output-to-another-terminal-28kc</link>
      <guid>https://forem.com/nullity/gdb-trick-automatically-redirecct-output-to-another-terminal-28kc</guid>
      <description>&lt;p&gt;tty command in gdb can direct output to another terminal.&lt;br&gt;
Like &lt;a href="https://stackoverflow.com/questions/8963208/gdb-display-output-of-target-application-in-a-separate-window" rel="noopener noreferrer"&gt;https://stackoverflow.com/questions/8963208/gdb-display-output-of-target-application-in-a-separate-window&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But I want it to be set automatically.&lt;/p&gt;
&lt;h2&gt;
  
  
  Method
&lt;/h2&gt;

&lt;p&gt;Create a script &lt;code&gt;~/.gdbtty.sh&lt;/code&gt;&lt;br&gt;
Its content&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;#!/bin/bash&lt;/span&gt;
gnome-terminal &lt;span class="nt"&gt;--&lt;/span&gt; bash &lt;span class="nt"&gt;-c&lt;/span&gt; &lt;span class="s2"&gt;"tty &amp;gt; ~/.gdbtty.txt; exec bash"&lt;/span&gt; &amp;amp;
&lt;span class="nb"&gt;sleep &lt;/span&gt;0.5  &lt;span class="c"&gt;# Give it time to open&lt;/span&gt;
&lt;span class="nv"&gt;TTY&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="si"&gt;$(&lt;/span&gt;&lt;span class="nb"&gt;cat&lt;/span&gt; ~/.gdbtty.txt&lt;span class="si"&gt;)&lt;/span&gt;
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s2"&gt;"set inferior-tty &lt;/span&gt;&lt;span class="nv"&gt;$TTY&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; ~/.gdbtty.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And edit &lt;code&gt;~/.gdbinit&lt;/code&gt; as&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;shell ~/.gdbtty.sh
source ~/.gdbtty.txt
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Some shortcomings
&lt;/h2&gt;

&lt;p&gt;It's good but with some tiny shortcomings that I currently can't solve.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;I cannot control where the output terminal would popup. (But even I can control, I have no idea where is the ideal position for me)&lt;/li&gt;
&lt;li&gt;The output terminal may show a harmless warning "warning: GDB: Failed to set controlling terminal: Operation not permitted"&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>gdb</category>
    </item>
    <item>
      <title>Install Ubuntu 20.04 on Virtualbox on Ubuntu 20.04</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Mon, 20 May 2024 13:31:40 +0000</pubDate>
      <link>https://forem.com/nullity/install-ubuntu-2004-on-virtualbox-on-ubuntu-2004-pck</link>
      <guid>https://forem.com/nullity/install-ubuntu-2004-on-virtualbox-on-ubuntu-2004-pck</guid>
      <description>&lt;h2&gt;
  
  
  Problem: can't use sudo
&lt;/h2&gt;

&lt;p&gt;When creating VM, check the option "Skip Unattached installation"&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp0gidzfm4ensoht2d9o4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fp0gidzfm4ensoht2d9o4.png" alt="Image description" width="800" height="421"&gt;&lt;/a&gt;&lt;br&gt;
If you didn't check that and have completed the installation and find some problems, unfortunately, it's too late, you need to recreate VM and reinstall the OS. (If there is some easier way to fix it, please tell me, I would like to know) &lt;/p&gt;

&lt;h2&gt;
  
  
  Problem: Can't open terminal (worst thing ever)
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Settings -&amp;gt; Language -&amp;gt; English (Canada)&lt;/li&gt;
&lt;li&gt;reboot&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Then you can open terminal. (I don't know why)&lt;br&gt;
After that, even you switch to another language, the problem  won't appear again.  &lt;/p&gt;

&lt;h2&gt;
  
  
  Problem: The window is too small (like 800x800)
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;On the VM's top menu, select Devices -&amp;gt; Insert Guest Addition CD image&lt;/li&gt;
&lt;li&gt;On the opened window's top right corner, click "Run software"&lt;/li&gt;
&lt;li&gt;reboot&lt;/li&gt;
&lt;li&gt;On the VM's top menu, select View -&amp;gt; Auto-resize Guest Display.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  The time shown the top bar is in other langauges
&lt;/h2&gt;

&lt;p&gt;edit /etc/default/locale to language you want&lt;/p&gt;

</description>
      <category>ubuntu</category>
      <category>virtualbox</category>
    </item>
    <item>
      <title>pyenv local is overrited by pyenv global in vscode's terminal</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Fri, 10 May 2024 07:29:27 +0000</pubDate>
      <link>https://forem.com/nullity/pyenv-local-doesnt-apply-in-vscode-2b0f</link>
      <guid>https://forem.com/nullity/pyenv-local-doesnt-apply-in-vscode-2b0f</guid>
      <description>&lt;h2&gt;
  
  
  Problem
&lt;/h2&gt;

&lt;p&gt;In termianl (outside vscode), pyenv local version overwrites pyenv global version, which is correct.&lt;/p&gt;

&lt;p&gt;In vscode's terminal, the pyenv global version overwrites the pyenv local version, which is wrong. &lt;/p&gt;

&lt;h2&gt;
  
  
  Solution
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;In vscode's settings, search for "python environment" &lt;/li&gt;
&lt;li&gt;Find "Python &amp;gt; Terminal: Activate Environment"&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frb7atiu523te8gn7ep5y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frb7atiu523te8gn7ep5y.png" alt="Image description" width="800" height="105"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;uncheck the box.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;restart vscode.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;It may show a warning in the vscode's terminal, follow that.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

</description>
      <category>vscode</category>
      <category>pyenv</category>
    </item>
    <item>
      <title>Ubuntu 20.04 Screen tearing</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Mon, 15 Apr 2024 12:33:20 +0000</pubDate>
      <link>https://forem.com/nullity/ubuntu-2004-screen-tearing-40ja</link>
      <guid>https://forem.com/nullity/ubuntu-2004-screen-tearing-40ja</guid>
      <description>&lt;p&gt;Screen tearing may happen when you change a display orientation to "Portrait Right" or "Portrait Left"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F996qb2sb2j0od4unqcol.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F996qb2sb2j0od4unqcol.png" alt="Image description" width="800" height="666"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you are using Intel's built-in graphic, you can try the combinations of following methods.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 1
&lt;/h2&gt;

&lt;p&gt;Step 1. If you don't have the folder "/etc/X11/xorg.conf.d", create one.&lt;br&gt;
Step 2. create the file &lt;code&gt;20-intel.conf&lt;/code&gt;in the directory &lt;code&gt;/etc/X11/xorg.conf.d/&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;content in &lt;code&gt;20-intel.conf&lt;/code&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Section "Device"
    Identifier "Intel Graphics"
    Driver "intel"
    Option "TearFree" "true"
    Option "AccelMod"    "uxa"
    Option "DRI"         "3"
EndSection
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;and then reboot&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 2
&lt;/h2&gt;

&lt;p&gt;Try creating another file &lt;code&gt;20-intel-graphics.conf&lt;/code&gt; in the directory "/etc/X11/xorg.conf.d/"&lt;/p&gt;

&lt;p&gt;content in the file&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Section "Device"
    Identifier "Intel Graphics"
    Driver "intel"
    Option "TearFree" "true"
    Option "AccelMod"    "uxa"
    Option "DRI"         "3"
EndSection
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;and then reboot&lt;/p&gt;

&lt;p&gt;Tips:&lt;br&gt;
You can try playing the following options in method 1 and 2.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Try using either &lt;code&gt;Option "AccelMod" "uxa"&lt;/code&gt; or &lt;code&gt;Option "AccelMod" "sna"&lt;/code&gt; or none of them.&lt;/li&gt;
&lt;li&gt;try using &lt;code&gt;Option "TripleBuffer" "true"&lt;/code&gt; or not.&lt;/li&gt;
&lt;li&gt;Try using &lt;code&gt;Option "DRI" "3"&lt;/code&gt; or not&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Remember to reboot after setting them.&lt;/p&gt;

&lt;h2&gt;
  
  
  Method 3
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;try removing the buggy package
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo remove xserver-xorg-video-intel
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;and reboot&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;if that doesn't work, try reinstalling it.
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt update
sudo install xserver-xorg-video-intel
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  My working settings (for your reference)
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;content in &lt;code&gt;/etc/X11/xorg.conf.d/20-intel.conf&lt;/code&gt; and&lt;code&gt;/etc/X11/xorg.conf.d/20-intel-graphics.conf&lt;/code&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Section "Device"
    Identifier "Intel Graphics"
    Driver "intel"
    Option "TearFree" "true"
    Option "AccelMod"    "sna"
    Option "DRI"         "3"
    Option "TripleBuffer" "true"
EndSection
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ol&gt;
&lt;li&gt;Reinstall &lt;code&gt;xserver-xorg-video-intel&lt;/code&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  ref
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://askubuntu.com/questions/1066722/intel-screen-tearing-ubuntu-18-04" rel="noopener noreferrer"&gt;SO - Intel screen tearing - Ubuntu 18.04&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=rVBq6d3c1gM" rel="noopener noreferrer"&gt;YT - Fix Screen Tearing in Linux
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.youtube.com/watch?v=cGbIPFDZoOU" rel="noopener noreferrer"&gt;YT - How To FIX Intel Screen Tearing In Linux&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ubuntu</category>
    </item>
    <item>
      <title>CSS snippets for Obsidian</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Fri, 22 Mar 2024 06:21:16 +0000</pubDate>
      <link>https://forem.com/nullity/css-snippets-for-obsidian-58fl</link>
      <guid>https://forem.com/nullity/css-snippets-for-obsidian-58fl</guid>
      <description>&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="c"&gt;/* Make bold text bolder */&lt;/span&gt;
&lt;span class="nc"&gt;.cm-s-obsidian&lt;/span&gt; &lt;span class="nt"&gt;span&lt;/span&gt;&lt;span class="nc"&gt;.cm-formatting-strong&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt;
&lt;span class="nc"&gt;.cm-s-obsidian&lt;/span&gt; &lt;span class="nt"&gt;span&lt;/span&gt;&lt;span class="nc"&gt;.cm-strong&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt;
&lt;span class="nc"&gt;.cm-s-obsidian&lt;/span&gt; &lt;span class="nt"&gt;strong&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="c"&gt;/* --bold-weight is deprecated, use --bold-modifier instead */&lt;/span&gt;
  &lt;span class="c"&gt;/* --bold-weight: 1000; */&lt;/span&gt; 
  &lt;span class="py"&gt;--bold-modifier&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;250&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* ref: https://www.reddit.com/r/ObsidianMD/comments/yunc56/how_to_make_bold_text_more_visible/ */&lt;/span&gt;


&lt;span class="c"&gt;/* Make headers with different levels have different colors */&lt;/span&gt;
&lt;span class="nt"&gt;body&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="py"&gt;--h1-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;var&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;--color-red&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="py"&gt;--h2-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;var&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;--color-orange&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="py"&gt;--h3-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;var&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;--color-yellow&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="py"&gt;--h4-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;var&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;--color-green&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="py"&gt;--h5-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;var&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;--color-blue&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
  &lt;span class="py"&gt;--h6-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="n"&gt;var&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;--color-purple&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Make the vertical line besides a blockquote thinker */&lt;/span&gt;
&lt;span class="nt"&gt;body&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="py"&gt;--blockquote-border-thickness&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;8px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Make the first row in a table not bold by default because sometimes we don't want the first row to be the header */&lt;/span&gt;
&lt;span class="c"&gt;/* If we do want to make the first row looks like a header, just surround each item in the first row with double asterisks to make them bold */&lt;/span&gt;
&lt;span class="nc"&gt;.cm-s-obsidian&lt;/span&gt; &lt;span class="nc"&gt;.cm-table-widget&lt;/span&gt; &lt;span class="nt"&gt;th&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;font-weight&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="nb"&gt;normal&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Hide the blank line above a table to save space */&lt;/span&gt;
&lt;span class="nc"&gt;.cm-line&lt;/span&gt;&lt;span class="nd"&gt;:has&lt;/span&gt;&lt;span class="o"&gt;(+&lt;/span&gt; &lt;span class="nc"&gt;.cm-embed-block.cm-table-widget&lt;/span&gt;&lt;span class="o"&gt;)&lt;/span&gt; &lt;span class="nt"&gt;br&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;none&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Make math equations bigger */&lt;/span&gt;
&lt;span class="nt"&gt;mjx-math&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;font-size&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;140%&lt;/span&gt; &lt;span class="cp"&gt;!important&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Make horizontal lines thinker */&lt;/span&gt;
&lt;span class="nt"&gt;hr&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;border&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;2px&lt;/span&gt; &lt;span class="nb"&gt;solid&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Indent headers */&lt;/span&gt;
&lt;span class="nt"&gt;h2&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt; &lt;span class="nc"&gt;.HyperMD-header-2&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nl"&gt;left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;-56px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;h3&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt; &lt;span class="nc"&gt;.HyperMD-header-3&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nl"&gt;left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;-30px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;h4&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt; &lt;span class="nc"&gt;.HyperMD-header-4&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nl"&gt;left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;-15px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;h5&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt; &lt;span class="nc"&gt;.HyperMD-header-5&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nl"&gt;left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;-7.5px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;h6&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt; &lt;span class="nc"&gt;.HyperMD-header-6&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nl"&gt;left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="nt"&gt;div&lt;/span&gt;&lt;span class="nc"&gt;.markdown-preview-view&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt;
&lt;span class="nt"&gt;div&lt;/span&gt;&lt;span class="nc"&gt;.markdown-source-view&lt;/span&gt; &lt;span class="nt"&gt;div&lt;/span&gt;&lt;span class="nc"&gt;.cm-content&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; 
  &lt;span class="c"&gt;/* Shift note right to spare space for headers */&lt;/span&gt;
  &lt;span class="nl"&gt;padding-left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;30px&lt;/span&gt; &lt;span class="cp"&gt;!important&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;margin-right&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;-20px&lt;/span&gt; &lt;span class="cp"&gt;!important&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;  &lt;span class="c"&gt;/* more characters in one line */&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="c"&gt;/* ref: https://forum.obsidian.md/t/heading-and-text-after-it-indentation/53086/4 */&lt;/span&gt;

&lt;span class="c"&gt;/* Prevent mermaid images being cropped */&lt;/span&gt;
&lt;span class="nc"&gt;.mermaid&lt;/span&gt; &lt;span class="nt"&gt;svg&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; 
  &lt;span class="nl"&gt;max-width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;100%&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; 
  &lt;span class="nl"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;auto&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Make math blocks align left */&lt;/span&gt;
&lt;span class="nt"&gt;mjx-container&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;text-align&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;left&lt;/span&gt; &lt;span class="cp"&gt;!important&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="nc"&gt;.internal-embed.markdown-embed.inline-embed.is-loaded&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;border&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;2px&lt;/span&gt; &lt;span class="nb"&gt;dashed&lt;/span&gt; &lt;span class="no"&gt;gray&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="c"&gt;/* background-color: rgb(240, 255, 255); */&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="c"&gt;/* Enable text wrapping in file sidebar */&lt;/span&gt;
&lt;span class="nc"&gt;.nav-file-title-content&lt;/span&gt;&lt;span class="o"&gt;,&lt;/span&gt; &lt;span class="nc"&gt;.nav-folder-title-content&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;white-space&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;normal&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Automically display horizontal line before header 2 */&lt;/span&gt;
&lt;span class="nc"&gt;.HyperMD-header-2&lt;/span&gt;&lt;span class="nd"&gt;::before&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;content&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;''&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;position&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;absolute&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;width&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;100%&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;height&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;3px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;left&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;top&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;4px&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;display&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;block&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;clear&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;both&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="nl"&gt;background-color&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="no"&gt;black&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;

&lt;span class="c"&gt;/* Surrond mermaid graph with rectangle boder */&lt;/span&gt;
&lt;span class="nc"&gt;.mermaid&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;border&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;1px&lt;/span&gt; &lt;span class="nb"&gt;solid&lt;/span&gt; &lt;span class="no"&gt;black&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;reference:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://forum.obsidian.md/t/help-changing-color-of-headers-2023/67907/2" rel="noopener noreferrer"&gt;https://forum.obsidian.md/t/help-changing-color-of-headers-2023/67907/2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://forum.obsidian.md/t/hiding-the-blank-line-above-tables/63465" rel="noopener noreferrer"&gt;https://forum.obsidian.md/t/hiding-the-blank-line-above-tables/63465&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://forum.obsidian.md/t/how-to-remove-vertical-line-beside-blockquote/70909/2" rel="noopener noreferrer"&gt;https://forum.obsidian.md/t/how-to-remove-vertical-line-beside-blockquote/70909/2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://forum.obsidian.md/t/soft-wrap-file-name-in-sidebar/2369/18" rel="noopener noreferrer"&gt;https://forum.obsidian.md/t/soft-wrap-file-name-in-sidebar/2369/18&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://forum.obsidian.md/t/resize-and-align-mermaid-diagrams/7019/24" rel="noopener noreferrer"&gt;https://forum.obsidian.md/t/resize-and-align-mermaid-diagrams/7019/24&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://forum.obsidian.md/t/how-to-change-mathjax-style/12974/2" rel="noopener noreferrer"&gt;https://forum.obsidian.md/t/how-to-change-mathjax-style/12974/2&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>obsidian</category>
      <category>css</category>
    </item>
    <item>
      <title>Make math equations in Obidian bigger</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Wed, 20 Mar 2024 04:49:23 +0000</pubDate>
      <link>https://forem.com/nullity/obsidian-de-math-equation-tai-xiao-4f0j</link>
      <guid>https://forem.com/nullity/obsidian-de-math-equation-tai-xiao-4f0j</guid>
      <description>&lt;p&gt;I find that math equations in Obsidian are too small to see clearly.&lt;/p&gt;

&lt;p&gt;Here are the solutions,&lt;/p&gt;

&lt;h2&gt;
  
  
  Change &lt;code&gt;\frac&lt;/code&gt; to &lt;code&gt;\dfrac&lt;/code&gt;
&lt;/h2&gt;

&lt;p&gt;"d" means "display"&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline fraction $\frac{x^2-3x+2}{x^2-1}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw9hz9b3d49q78r68bfwz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw9hz9b3d49q78r68bfwz.png" alt="Image description" width="717" height="70"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline fraction $\dfrac{x^2-3x+2}{x^2-1}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3xdh1ezsq691lw1ntlej.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3xdh1ezsq691lw1ntlej.png" alt="Image description" width="772" height="100"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Change &lt;code&gt;\binom&lt;/code&gt; to &lt;code&gt;\dbinom&lt;/code&gt;
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline binomial $\binom{n}{m}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5byroostb5y64q0cgwjw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5byroostb5y64q0cgwjw.png" alt="Image description" width="673" height="60"&gt;&lt;/a&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline binomial $\dbinom{n}{m}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe06f8vwmyztn3yj5xwym.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe06f8vwmyztn3yj5xwym.png" alt="Image description" width="695" height="80"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  General method (applicable to all functions)
&lt;/h2&gt;

&lt;p&gt;Just add &lt;code&gt;\displaystyle&lt;/code&gt; to the front of each function&lt;/p&gt;

&lt;p&gt;note: it's also ok to add &lt;code&gt;\displaystyle&lt;/code&gt; to &lt;code&gt;\frac&lt;/code&gt; or &lt;code&gt;\binom&lt;/code&gt;.&lt;br&gt;
The effect of &lt;code&gt;\displaystyle\frac&lt;/code&gt; equals to &lt;code&gt;\drac&lt;/code&gt;&lt;br&gt;
The effect of &lt;code&gt;\displaystyle\binom&lt;/code&gt; equals to &lt;code&gt;\dbinom&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;1.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline sum $\sum_{k=1}^n \frac{1}{k+\frac{1}{k + \frac{1}{k}}}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8y2g2wqak17zu0hnxm25.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8y2g2wqak17zu0hnxm25.png" alt="Image description" width="699" height="78"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add &lt;code&gt;\displaystyle&lt;/code&gt; before &lt;code&gt;\sum&lt;/code&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline sum $\displaystyle \sum_{k=1}^n \frac{1}{k+\frac{1}{k + \frac{1}{k}}}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frjflgn1tuxm6pja6bmpj.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frjflgn1tuxm6pja6bmpj.png" alt="Image description" width="704" height="102"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Add &lt;code&gt;\displaystyle&lt;/code&gt; before &lt;code&gt;\sum&lt;/code&gt; and change each &lt;code&gt;\frac&lt;/code&gt; to &lt;code&gt;dfrac&lt;/code&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline sum $\displaystyle\sum_{k=1}^n \dfrac{1}{k+\dfrac{1}{k + \dfrac{1}{k}}}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5fhx2qow35w45eemj521.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5fhx2qow35w45eemj521.png" alt="Image description" width="734" height="145"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Edit CSS snippet
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight css"&gt;&lt;code&gt;&lt;span class="nt"&gt;mjx-math&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nl"&gt;font-size&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="m"&gt;140%&lt;/span&gt; &lt;span class="cp"&gt;!important&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Make it even bigger
&lt;/h2&gt;

&lt;p&gt;Use &lt;code&gt;\Huge&lt;/code&gt;, &lt;code&gt;\huge&lt;/code&gt;, &lt;code&gt;\LARGE&lt;/code&gt;, &lt;code&gt;\Large&lt;/code&gt; or &lt;code&gt;\large&lt;/code&gt; in front  of the function that you want to enlarge.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;This is a inline binomial $\huge \dbinom{n}{m}$ in the middle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgr13gnb8dpc6jrrgthm9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgr13gnb8dpc6jrrgthm9.png" alt="Image description" width="710" height="115"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Note:&lt;br&gt;
Obsidian use MathJax to display math equations.&lt;br&gt;
You can see &lt;a href="https://docs.mathjax.org/en/latest/input/tex/macros/index.html"&gt;MathJax - Supported TeX/LaTeX commands&lt;/a&gt; for more information.&lt;/p&gt;

&lt;p&gt;Katex's syntax is very similar, the above methods apply to Katex too. &lt;/p&gt;

&lt;p&gt;ref:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.mathjax.org/en/latest/input/tex/macros/index.html"&gt;MathJax - Supported TeX/LaTeX commands&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://katex.org/docs/supported"&gt;KaTex - Supported Functions&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://katex.org/docs/options.html"&gt;KaTex - Options&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://stackoverflow.com/questions/1471023/latex-how-to-adjust-how-the-sum-symbol-turns-out"&gt;stack overflow - LaTeX: How to adjust how the Sum symbol turns out&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.reddit.com/r/ObsidianMD/comments/zzuna0/increase_font_size_of_mathematical_andor_chemical/"&gt;reddit - Increase font size of mathematical and/or chemical formula?&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a href="https://www.reddit.com/r/ObsidianMD/comments/qo2ayx/any_way_to_increase_the_size_of_latex_expression/"&gt;reddit - Any way to increase the size of LaTex expression&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>katex</category>
      <category>mathjax</category>
      <category>obsidian</category>
      <category>equation</category>
    </item>
    <item>
      <title>Install or uninstall gcc 13 on Ubuntu 20.04</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Tue, 12 Mar 2024 10:30:57 +0000</pubDate>
      <link>https://forem.com/nullity/zai-ubuntu-2004-an-zhuang-gcc-13-1kd1</link>
      <guid>https://forem.com/nullity/zai-ubuntu-2004-an-zhuang-gcc-13-1kd1</guid>
      <description>&lt;p&gt;Testing date: Mar 14, 2024&lt;/p&gt;

&lt;h2&gt;
  
  
  Install gcc-13, g++-13
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo apt update
sudo apt install software-properties-common

sudo add-apt-repository ppa:ubuntu-toolchain-r/test
sudo apt update
sudo apt install gcc-13 g++-13
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Add gcc-13 to gcc's alternatives
&lt;/h2&gt;

&lt;p&gt;並設定 "切換 gcc 版本時會同時切換 g++, gcov 的版本"&lt;br&gt;
At the time, the latest gcc provided by this ppa is 13.1&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo update-alternatives --install /usr/bin/gcc gcc /usr/bin/gcc-13 131 --slave /usr/bin/g++ g++ /usr/bin/g++-13 --slave /usr/bin/gcov gcov /usr/bin/gcov-13
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;若之前沒有設定過 priority 大於 131 的 gcc 版本，則此時的 gcc 版本會自動切換至 gcc-13&lt;/p&gt;

&lt;h2&gt;
  
  
  Check gcc's version
&lt;/h2&gt;

&lt;p&gt;At the time, the latest gcc provided by this ppa is 13.1&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;gcc -v
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Uninstall gcc 13
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;sudo update-alternatives --remove gcc /usr/bin/gcc-13
sudo apt purge gcc-13 g++-13
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  ref
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://phoenixnap.com/kb/install-gcc-ubuntu"&gt;How to Install GCC Compiler on Ubuntu&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://linuxize.com/post/how-to-install-gcc-on-ubuntu-20-04/"&gt;How to Install GCC (build-essential) on Ubuntu 20.04
&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.baeldung.com/linux/update-alternatives-command#1-adding-new-alternative-with-install"&gt;The update-alternatives Command in Linux&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ubuntu</category>
      <category>gcc</category>
    </item>
    <item>
      <title>vlc 打不開 影片 (Ubuntu 20.04)</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Sat, 02 Mar 2024 08:30:02 +0000</pubDate>
      <link>https://forem.com/nullity/vlc-da-bu-kai-ying-pian-ubuntu-2004-287a</link>
      <guid>https://forem.com/nullity/vlc-da-bu-kai-ying-pian-ubuntu-2004-287a</guid>
      <description>&lt;p&gt;Testing date: Mar 1, 2024&lt;br&gt;
OS: Ubuntu 20.04&lt;/p&gt;

&lt;h2&gt;
  
  
  Problem
&lt;/h2&gt;

&lt;p&gt;vlc 打開一個影片後，把影片關掉。接下來就再也打不開其他影片了。&lt;br&gt;
但這時 vlc 還是在 background 執行。&lt;br&gt;
這時只能下指令把 vlc kill 掉，才能再打開影片。&lt;/p&gt;

&lt;h2&gt;
  
  
  Solution
&lt;/h2&gt;

&lt;p&gt;先把 background 的 vlc kill 掉。&lt;br&gt;
打開 vlc，&lt;br&gt;
Tools -&amp;gt; Preferences -&amp;gt; Video&lt;br&gt;
把 Output 的 value，改成 XVideo output (XCB)&lt;br&gt;
再點選 Save，就完成了&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff1llm4aa0auicx24c9ej.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff1llm4aa0auicx24c9ej.png" alt="Image description" width="795" height="730"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Ref
&lt;/h3&gt;

&lt;p&gt;解法是從 &lt;a href="https://askubuntu.com/a/1284651/1331897"&gt;Stack Exchange&lt;/a&gt; 找到的&lt;/p&gt;

</description>
      <category>ubuntu</category>
      <category>vlc</category>
    </item>
    <item>
      <title>Google Chrome 畫面會抖動跳動 (Ubuntu 20.04)</title>
      <dc:creator>nullity</dc:creator>
      <pubDate>Sat, 02 Mar 2024 08:15:13 +0000</pubDate>
      <link>https://forem.com/nullity/google-chrome-hua-mian-hui-dou-dong-tiao-dong-ubuntu-2004-1afe</link>
      <guid>https://forem.com/nullity/google-chrome-hua-mian-hui-dou-dong-tiao-dong-ubuntu-2004-1afe</guid>
      <description>&lt;p&gt;測試日期: Feb 20, 2024&lt;br&gt;
OS: Ubuntu 20.04.3&lt;/p&gt;

&lt;p&gt;網路上查了老半天都找不到有人遇過這種問題，這邊紀錄一下怎麼解決的&lt;/p&gt;

&lt;h2&gt;
  
  
  Problem
&lt;/h2&gt;

&lt;p&gt;Google chrome 或是 其他 browser (例如 Brave)，browser 畫面有時就會瘋狂抖動 (or 跳動 or 閃爍 or 抽動 or 左右橫跳) (多打一些關鍵字讓大家 比較好 google 到)&lt;br&gt;
尤其是在安裝 extension 的時候，更是瘋狂，讓你什麼 UI 都按不到&lt;br&gt;
刪掉所有 extension，重裝 browser 都無法解決這個問題&lt;/p&gt;

&lt;h2&gt;
  
  
  Solution
&lt;/h2&gt;

&lt;p&gt;打開 Tweaks，Fonts -&amp;gt; Scaling Factor 設為 1.00&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg6zve84avytu6fiv0kub.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg6zve84avytu6fiv0kub.png" alt="Image description" width="800" height="542"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;但這樣 Ubuntu 的界面變得好小怎麼辦阿 (會遇到這個問題的人 應該都覺得吧)&lt;br&gt;
替代方案是把 Fonts 上面的 Text size 都調大一點&lt;br&gt;
例如:&lt;br&gt;
"Interface Text" 從 12 調到 14&lt;br&gt;
"Document Text" 從 12 調到 14&lt;br&gt;
"Monospace Text" 從 14 調到 16&lt;br&gt;
"Legacy Window Titles" 從 12 調到 14&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvnu0btha1stp9dxrqb9j.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvnu0btha1stp9dxrqb9j.png" alt="Image description" width="800" height="544"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>ubuntu</category>
      <category>chrome</category>
    </item>
  </channel>
</rss>
