deploy: 895cb6d

kyu08 · Nov 8, 2024 · f5d9baf · f5d9baf
1 parent 980b3d6
commit f5d9baf
Show file tree

Hide file tree

Showing 20 changed files with 1,164 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -172,6 +172,52 @@
 
 
 
+      <article class="post on-list">
+        <h1 class="post-title">
+          <a href="https://blog.kyu08.com/posts/refine-notion-gantt-chart/">Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法</a>
+        </h1>
+
+        <div class="post-meta">
+
+            <time class="post-date">
+              2024-11-08 ::
+            </time>
+
+
+            <span class="post-author">kyu08</span>
+
+        </div>
+
+
+          <span class="post-tags">
+
+            #<a href="https://blog.kyu08.com/tags/notion/">Notion</a>&nbsp;
+
+            #<a href="https://blog.kyu08.com/tags/chrome-extension/">Chrome Extension</a>&nbsp;
+
+          </span>
+
+
+
+  <img src="https://blog.kyu08.com/cover.png"
+    class="post-cover"
+    alt="Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法"
+    title="Cover Image" />
+
+
+        <div class="post-content">
+
+            できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい
+
+        </div>
+
+
+          <div>
+            <a class="read-more button" href="/posts/refine-notion-gantt-chart/">Read more →</a>
+          </div>
+
+      </article>
+
       <article class="post on-list">
         <h1 class="post-title">
           <a href="https://blog.kyu08.com/posts/go-system-programming/">『Goならわかるシステムプログラミング 第2版』を読んだ</a>

diff --git a/index.xml b/index.xml
@@ -7,7 +7,42 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>ja</language>
     <copyright>blog.kyu08.com</copyright>
-    <lastBuildDate>Sun, 03 Nov 2024 21:42:30 +0900</lastBuildDate><atom:link href="https://blog.kyu08.com/index.xml" rel="self" type="application/rss+xml" />
+    <lastBuildDate>Fri, 08 Nov 2024 23:34:37 +0900</lastBuildDate><atom:link href="https://blog.kyu08.com/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法</title>
+      <link>https://blog.kyu08.com/posts/refine-notion-gantt-chart/</link>
+      <pubDate>Fri, 08 Nov 2024 23:34:37 +0900</pubDate>
+
+      <guid>https://blog.kyu08.com/posts/refine-notion-gantt-chart/</guid>
+      <description>できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい</description>
+      <content>&lt;h2 id=&#34;できること&#34;&gt;できること&lt;/h2&gt;
+&lt;p&gt;Notionのガントチャートが見づらいのをなんとかするスクリプト&lt;/p&gt;
+&lt;h3 id=&#34;before&#34;&gt;Before&lt;/h3&gt;
+&lt;p&gt;&lt;img src=&#34;before.webp&#34; alt=&#34;before.webp&#34;&gt;&lt;/p&gt;
+&lt;h3 id=&#34;after&#34;&gt;After&lt;/h3&gt;
+&lt;p&gt;&lt;img src=&#34;after.webp&#34; alt=&#34;after.webp&#34;&gt;&lt;/p&gt;
+&lt;h2 id=&#34;前提条件&#34;&gt;前提条件&lt;/h2&gt;
+&lt;p&gt;NotionをChromium系のブラウザで利用していること&lt;/p&gt;
+&lt;h2 id=&#34;やり方&#34;&gt;やり方&lt;/h2&gt;
+&lt;ol&gt;
+&lt;li&gt;下記のリンクからStylusをインストール
+&lt;a href=&#34;https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja&#34; target=&#34;_blank&#34; &gt;https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja&lt;/a&gt;
+&lt;/li&gt;
+&lt;li&gt;Manageをクリックして管理画面を開く
+&lt;img src=&#34;open-management-window.webp&#34; alt=&#34;open-management-window.webp&#34;&gt;&lt;/li&gt;
+&lt;li&gt;Write new styleをクリック
+&lt;img src=&#34;click-write-new-style.webp&#34; alt=&#34;click-write-new-style.webp&#34;&gt;&lt;/li&gt;
+&lt;li&gt;次のCSSを入力しURLのブロックに&lt;code&gt;URLs starting with: https://www.notion.so/&lt;/code&gt;を指定しSaveをクリック
+&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;notion-selectable&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;notion-page-block&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;notion-timeline-item&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;a&lt;/span&gt; {
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: rgba(&lt;span style=&#34;color:#ae81ff&#34;&gt;255&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;255&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;255&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;0.15&lt;/span&gt;)
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
+&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;img src=&#34;set-configs.webp&#34; alt=&#34;set-configs.webp&#34;&gt;&lt;/li&gt;
+&lt;li&gt;みやすくなる
+&lt;img src=&#34;after.webp&#34; alt=&#34;after.webp&#34;&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</content>
+    </item>
+
     <item>
       <title>『Goならわかるシステムプログラミング 第2版』を読んだ</title>
       <link>https://blog.kyu08.com/posts/go-system-programming/</link>

diff --git a/posts/go-system-programming/index.html b/posts/go-system-programming/index.html
@@ -1150,6 +1150,13 @@ <h3 id="感想">感想<a href="#感想" class="hanchor" ariaLabel="Anchor">&#898
     </div>
     <div class="pagination__buttons">
 
+        <span class="button previous">
+            <a href="https://blog.kyu08.com/posts/refine-notion-gantt-chart/">
+                <span class="button__icon">←</span>
+                <span class="button__text">Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法</span>
+            </a>
+        </span>
+
 
         <span class="button next">
             <a href="https://blog.kyu08.com/posts/renew-oss-sponsoring/">

diff --git a/posts/index.html b/posts/index.html
@@ -162,6 +162,51 @@
 
   <div class="posts">
 
+      <article class="post on-list">
+        <h1 class="post-title">
+          <a href="https://blog.kyu08.com/posts/refine-notion-gantt-chart/">Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法</a>
+        </h1>
+        <div class="post-meta">
+
+            <time class="post-date">
+              2024-11-08 ::
+            </time>
+
+
+            <span class="post-author">kyu08</span>
+
+        </div>
+
+
+          <span class="post-tags">
+
+            #<a href="https://blog.kyu08.com/tags/notion/">Notion</a>&nbsp;
+
+            #<a href="https://blog.kyu08.com/tags/chrome-extension/">Chrome Extension</a>&nbsp;
+
+          </span>
+
+
+
+  <img src="https://blog.kyu08.com/cover.png"
+    class="post-cover"
+    alt="Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法"
+    title="Cover Image" />
+
+
+        <div class="post-content">
+
+            できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい
+
+        </div>
+
+
+          <div>
+            <a class="read-more button" href="/posts/refine-notion-gantt-chart/">Read more →</a>
+          </div>
+
+      </article>
+
       <article class="post on-list">
         <h1 class="post-title">
           <a href="https://blog.kyu08.com/posts/go-system-programming/">『Goならわかるシステムプログラミング 第2版』を読んだ</a>

diff --git a/posts/index.xml b/posts/index.xml
@@ -7,7 +7,42 @@
     <generator>Hugo -- gohugo.io</generator>
     <language>ja</language>
     <copyright>blog.kyu08.com</copyright>
-    <lastBuildDate>Sun, 03 Nov 2024 21:42:30 +0900</lastBuildDate><atom:link href="https://blog.kyu08.com/posts/index.xml" rel="self" type="application/rss+xml" />
+    <lastBuildDate>Fri, 08 Nov 2024 23:34:37 +0900</lastBuildDate><atom:link href="https://blog.kyu08.com/posts/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Notionのダークモードのガントチャートが見づらいのをChrome拡張で修正する方法</title>
+      <link>https://blog.kyu08.com/posts/refine-notion-gantt-chart/</link>
+      <pubDate>Fri, 08 Nov 2024 23:34:37 +0900</pubDate>
+
+      <guid>https://blog.kyu08.com/posts/refine-notion-gantt-chart/</guid>
+      <description>できること Notionのガントチャートが見づらいのをなんとかするスクリプト Before After 前提条件 NotionをChromium系のブラウザで利用してい</description>
+      <content>&lt;h2 id=&#34;できること&#34;&gt;できること&lt;/h2&gt;
+&lt;p&gt;Notionのガントチャートが見づらいのをなんとかするスクリプト&lt;/p&gt;
+&lt;h3 id=&#34;before&#34;&gt;Before&lt;/h3&gt;
+&lt;p&gt;&lt;img src=&#34;before.webp&#34; alt=&#34;before.webp&#34;&gt;&lt;/p&gt;
+&lt;h3 id=&#34;after&#34;&gt;After&lt;/h3&gt;
+&lt;p&gt;&lt;img src=&#34;after.webp&#34; alt=&#34;after.webp&#34;&gt;&lt;/p&gt;
+&lt;h2 id=&#34;前提条件&#34;&gt;前提条件&lt;/h2&gt;
+&lt;p&gt;NotionをChromium系のブラウザで利用していること&lt;/p&gt;
+&lt;h2 id=&#34;やり方&#34;&gt;やり方&lt;/h2&gt;
+&lt;ol&gt;
+&lt;li&gt;下記のリンクからStylusをインストール
+&lt;a href=&#34;https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja&#34; target=&#34;_blank&#34; &gt;https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja&lt;/a&gt;
+&lt;/li&gt;
+&lt;li&gt;Manageをクリックして管理画面を開く
+&lt;img src=&#34;open-management-window.webp&#34; alt=&#34;open-management-window.webp&#34;&gt;&lt;/li&gt;
+&lt;li&gt;Write new styleをクリック
+&lt;img src=&#34;click-write-new-style.webp&#34; alt=&#34;click-write-new-style.webp&#34;&gt;&lt;/li&gt;
+&lt;li&gt;次のCSSを入力しURLのブロックに&lt;code&gt;URLs starting with: https://www.notion.so/&lt;/code&gt;を指定しSaveをクリック
+&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;notion-selectable&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;notion-page-block&lt;/span&gt;.&lt;span style=&#34;color:#a6e22e&#34;&gt;notion-timeline-item&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;a&lt;/span&gt; {
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#66d9ef&#34;&gt;background&lt;/span&gt;: rgba(&lt;span style=&#34;color:#ae81ff&#34;&gt;255&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;255&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;255&lt;/span&gt;, &lt;span style=&#34;color:#ae81ff&#34;&gt;0.15&lt;/span&gt;)
+&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;}
+&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;img src=&#34;set-configs.webp&#34; alt=&#34;set-configs.webp&#34;&gt;&lt;/li&gt;
+&lt;li&gt;みやすくなる
+&lt;img src=&#34;after.webp&#34; alt=&#34;after.webp&#34;&gt;&lt;/li&gt;
+&lt;/ol&gt;
+</content>
+    </item>
+
     <item>
       <title>『Goならわかるシステムプログラミング 第2版』を読んだ</title>
       <link>https://blog.kyu08.com/posts/go-system-programming/</link>

diff --git a/posts/refine-notion-gantt-chart/after.webp b/posts/refine-notion-gantt-chart/after.webp
diff --git a/posts/refine-notion-gantt-chart/before.webp b/posts/refine-notion-gantt-chart/before.webp
diff --git a/posts/refine-notion-gantt-chart/click-write-new-style.webp b/posts/refine-notion-gantt-chart/click-write-new-style.webp