Owen Young's Blog - ChangeLogMainly focus on technology, reading, excerpts, miscellaneous, article review, tool sharing, workflow, inspiration, English learning, attention management, deep work and other directionsZola2022-09-01T00:00:00+00:00https://old.owenyoung.com/en/tags/changelog/atom.xmlChangeLog2022-06-13T23:15:27+08:002022-09-01T00:00:00+00:00
Owen Young
https://old.owenyoung.com/en/changelog/<p>All Updates about this blog.</p>
<p>All Updates about this blog.</p>
<span id="continue-reading"></span><h2 id="2024-01-11">2024-01-11<a class="zola-anchor" href="#2024-01-11" aria-label="Anchor link for: 2024-01-11">๐</a></h2>
<p>Move hot notes to index.</p>
<h2 id="2023-07-25-use-telegram-group-as-comment-system">2023.07.25 Use telegram group as comment system.<a class="zola-anchor" href="#2023-07-25-use-telegram-group-as-comment-system" aria-label="Anchor link for: 2023-07-25-use-telegram-group-as-comment-system">๐</a></h2>
<h2 id="2023-06-14-remove-nav-bar">2023.06.14 Remove nav bar<a class="zola-anchor" href="#2023-06-14-remove-nav-bar" aria-label="Anchor link for: 2023-06-14-remove-nav-bar">๐</a></h2>
<h2 id="2023-06-10-remove-activity-page">2023.06.10 Remove Activity Page<a class="zola-anchor" href="#2023-06-10-remove-activity-page" aria-label="Anchor link for: 2023-06-10-remove-activity-page">๐</a></h2>
<p>For the heavy building times, like 250s.</p>
<h2 id="2022-10-20-og-img-use-asset-image">2022.10.20 og:img use asset image<a class="zola-anchor" href="#2022-10-20-og-img-use-asset-image" aria-label="Anchor link for: 2022-10-20-og-img-use-asset-image">๐</a></h2>
<p>use asset image as the default og:img</p>
<h2 id="2022-10-10-blockquote-ui">2022.10.10 Blockquote ui<a class="zola-anchor" href="#2022-10-10-blockquote-ui" aria-label="Anchor link for: 2022-10-10-blockquote-ui">๐</a></h2>
<p>from <code>|</code> to <code>"</code></p>
<h2 id="2022-09-01-show-short-title">2022.09.01 Show short title<a class="zola-anchor" href="#2022-09-01-show-short-title" aria-label="Anchor link for: 2022-09-01-show-short-title">๐</a></h2>
<p>Show short title for all posts in home page:</p>
<p><img src="https://old.owenyoung.com/en/changelog/./show-short-title.png" alt="short title" /></p>
<h2 id="2022-07-25-support-tweet-reply">2022.07.25 Support Tweet Reply<a class="zola-anchor" href="#2022-07-25-support-tweet-reply" aria-label="Anchor link for: 2022-07-25-support-tweet-reply">๐</a></h2>
<p>Show tweet reply:</p>
<p><img src="https://old.owenyoung.com/en/changelog/./tweet-reply.png" alt="tweet" /></p>
<h2 id="2022-07-18-inline-style">2022.07.18 Inline Style<a class="zola-anchor" href="#2022-07-18-inline-style" aria-label="Anchor link for: 2022-07-18-inline-style">๐</a></h2>
<p>For better performance, I have inline my pages css;</p>
<pre data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><span>{%- set css = load_data(path="static/site/styles/site.css") -%}
</span><span><</span><span style="color:#bf616a;">style</span><span>>
</span><span> {{css | safe}}
</span><span></</span><span style="color:#bf616a;">style</span><span>>
</span></code></pre>
<p>Also, for better performance, docs search css will be loaded defer:</p>
<pre data-lang="html" style="background-color:#2b303b;color:#c0c5ce;" class="language-html "><code class="language-html" data-lang="html"><span><</span><span style="color:#bf616a;">link </span><span style="color:#d08770;">rel</span><span>="</span><span style="color:#a3be8c;">preload</span><span>" </span><span style="color:#d08770;">href</span><span>="</span><span style="color:#a3be8c;">{{ get_url(path=</span><span>"</span><span style="color:#d08770;">site</span><span>/</span><span style="color:#d08770;">styles</span><span>/</span><span style="color:#d08770;">docs-searchbar.min.css</span><span style="background-color:#bf616a;color:#2b303b;">"</span><span style="color:#d08770;">,
</span><span style="color:#d08770;">trailing_slash</span><span>=</span><span style="color:#a3be8c;">false,cachebust=true) </span><span style="color:#d08770;">| safe }}</span><span style="background-color:#bf616a;color:#2b303b;">"</span><span> </span><span style="color:#d08770;">as</span><span>="</span><span style="color:#a3be8c;">style</span><span>"
</span><span style="color:#d08770;">onload</span><span>="</span><span style="color:#bf616a;">this</span><span>.onload=</span><span style="color:#d08770;">null</span><span>;</span><span style="color:#bf616a;">this</span><span>.rel='</span><span style="color:#a3be8c;">stylesheet</span><span>'">
</span><span><</span><span style="color:#bf616a;">noscript</span><span>>
</span><span> <</span><span style="color:#bf616a;">link </span><span style="color:#d08770;">rel</span><span>="</span><span style="color:#a3be8c;">stylesheet</span><span>" </span><span style="color:#d08770;">href</span><span>="</span><span style="color:#a3be8c;">{{
</span><span style="color:#a3be8c;"> get_url(path=</span><span>"</span><span style="color:#d08770;">site</span><span>/</span><span style="color:#d08770;">styles</span><span>/</span><span style="color:#d08770;">docs-searchbar.min.css</span><span style="background-color:#bf616a;color:#2b303b;">"</span><span style="color:#d08770;">,
</span><span> </span><span style="color:#d08770;">trailing_slash</span><span>=</span><span style="color:#a3be8c;">false,cachebust=true) </span><span style="color:#d08770;">| safe }}</span><span style="background-color:#bf616a;color:#2b303b;">"</span><span>></</span><span style="color:#bf616a;">noscript
</span><span>>
</span></code></pre>
<h2 id="2022-07-12-change-surface-background-color">2022.07.12 Change Surface Background Color<a class="zola-anchor" href="#2022-07-12-change-surface-background-color" aria-label="Anchor link for: 2022-07-12-change-surface-background-color">๐</a></h2>
<p>Now it looks like this:</p>
<p><img src="https://old.owenyoung.com/en/changelog/./new-backgroup-color-2022-07-12.png" alt="new background" /></p>
<h2 id="2022-07-12-support-search">2022.07.12 Support Search<a class="zola-anchor" href="#2022-07-12-support-search" aria-label="Anchor link for: 2022-07-12-support-search">๐</a></h2>
<p>Powerd by <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/meilisearch/meilisearch">Meilisearch</a></p>
<p><img src="https://old.owenyoung.com/en/changelog/./search-prerview.png" alt="search" /></p>
<h2 id="2022-07-09-support-backlinks">2022.07.09 Support backlinks.<a class="zola-anchor" href="#2022-07-09-support-backlinks" aria-label="Anchor link for: 2022-07-09-support-backlinks">๐</a></h2>
<p><img src="https://old.owenyoung.com/en/changelog/./backlinks.png" alt="backlinks" /></p>
<h2 id="2022-07-09-fix-large-building-time">2022.07.09 Fix large building time<a class="zola-anchor" href="#2022-07-09-fix-large-building-time" aria-label="Anchor link for: 2022-07-09-fix-large-building-time">๐</a></h2>
<p>I wrote a heavy logic in the <code>base.html</code> template, this can increase much
building time, actually the logic is only dependent by two page, so I move it,
now the building time is about 1 second again, also
<a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/getzola/zola/issues/1902#issuecomment-1178845667">see here</a></p>
<h2 id="2022-07-06-desktop-read-mode">2022.07.06 Desktop Read Mode<a class="zola-anchor" href="#2022-07-06-desktop-read-mode" aria-label="Anchor link for: 2022-07-06-desktop-read-mode">๐</a></h2>
<p>when screen width greater than 67.5rem, then set the background color of main
area as white, itโs like the safari reader mode, can be more focus to the
reader. <img src="https://old.owenyoung.com/en/changelog/./2022-07-06-home-page-screen-shot.png" alt="home page" /></p>
<h2 id="2022-07-03-decrease-base-fontsize">2022.07.03 Decrease Base fontsize<a class="zola-anchor" href="#2022-07-03-decrease-base-fontsize" aria-label="Anchor link for: 2022-07-03-decrease-base-fontsize">๐</a></h2>
<p>Change base font size to 15px</p>
<h2 id="2022-06-30-index-toggle-more-button">2022.06.30 index toggle more button<a class="zola-anchor" href="#2022-06-30-index-toggle-more-button" aria-label="Anchor link for: 2022-06-30-index-toggle-more-button">๐</a></h2>
<p>Add Toggle More Button.</p>
<p><img src="https://old.owenyoung.com/en/changelog/./toggle-more.png" alt="toggle more screenshot" /></p>
<h2 id="2022-06-18-refactor-sidebar-archive">2022.06.18 refactor sidebar/archive<a class="zola-anchor" href="#2022-06-18-refactor-sidebar-archive" aria-label="Anchor link for: 2022-06-18-refactor-sidebar-archive">๐</a></h2>
<p>Migrate <code>sidebar/_index.md</code> to <code>pages/sidebar.md</code>, all spectified page located
in <code>content/pages</code> directories.</p>
<h2 id="2022-06-14-activity-page"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/7a87eb29b6e3eaafdae14488a8f42de817073f3f">2022.06.14</a> - Activity Page<a class="zola-anchor" href="#2022-06-14-activity-page" aria-label="Anchor link for: 2022-06-14-activity-page">๐</a></h2>
<p>Adding Activity page.</p>
<h2 id="2022-06-13-indieweb"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/c20bb4c97540e91ed2f555800d36ebbe05379155">2022.06.13</a> - IndieWeb<a class="zola-anchor" href="#2022-06-13-indieweb" aria-label="Anchor link for: 2022-06-13-indieweb">๐</a></h2>
<ol>
<li>
<p>Support <a rel="noopener nofollow noreferrer" target="_blank" href="https://indieauth.net/">IndieAuth</a></p>
</li>
<li>
<p>Joining <a rel="noopener nofollow noreferrer" target="_blank" href="https://xn--sr8hvo.ws/">IndieWeb Webring</a>, See home page bottom
right corner</p>
</li>
</ol>
<p><img src="https://old.owenyoung.com/en/changelog/./indiewebring.jpg" alt="" /></p>
<ol start="3">
<li>Support <a rel="noopener nofollow noreferrer" target="_blank" href="https://indieweb.org/Webmention">Webmention</a>, see example
<a href="https://old.owenyoung.com/en/blog/indieweb/">Now, Iโm in IndieWeb?</a></li>
</ol>
<p><img src="https://old.owenyoung.com/en/changelog/./webmention-response.jpg" alt="" /></p>
<h2 id="2022-05-14-latest-updates"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/cb7e8ec8cc115a35948906c2c91679826e561c79">2022.05.14</a> - Latest Updates<a class="zola-anchor" href="#2022-05-14-latest-updates" aria-label="Anchor link for: 2022-05-14-latest-updates">๐</a></h2>
<p>Add Latest Updates to home page.</p>
<p><img src="https://old.owenyoung.com/en/changelog/./recently-updated.jpg" alt="" /></p>
<h2 id="2022-04-25-random-category"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/ebe57d4b3717c5052ea3319e8e1f04e9d7b80153">2022.04.25</a> - Random Category<a class="zola-anchor" href="#2022-04-25-random-category" aria-label="Anchor link for: 2022-04-25-random-category">๐</a></h2>
<p>Change category <code>Misc</code> to <code>Random</code>, I prefer <code>Random</code> than <code>Misc</code>, cause I even
donโt know what <code>Misc</code> is. Itโs inspired by
<a rel="noopener nofollow noreferrer" target="_blank" href="https://pinchlime.com/categories/random/">Pin ่ตทไพ</a></p>
<h2 id="2022-04-24-seo"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/cfc2b4dc4c96c1e16e8f4a257da2d30b254f8afc">2022.04.24</a> - SEO<a class="zola-anchor" href="#2022-04-24-seo" aria-label="Anchor link for: 2022-04-24-seo">๐</a></h2>
<p>Add <code>og:title</code>,<code>description</code> to pages for better SEO.</p>
<h2 id="2022-04-08-edit-link"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/06f1d35a7a5a8e4c97d4189cf3204b4b7c4bdea2">2022.04.08</a> - Edit Link<a class="zola-anchor" href="#2022-04-08-edit-link" aria-label="Anchor link for: 2022-04-08-edit-link">๐</a></h2>
<p>Adding Edit this article link to every post.</p>
<p><img src="https://old.owenyoung.com/en/changelog/./edit-link.jpg" alt="" /></p>
<h2 id="2022-03-29-birthday"><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/blog/commit/0f8244f2e8a8799ce6b6cbd82914db734af33f30">2022.03.29</a> - Birthday<a class="zola-anchor" href="#2022-03-29-birthday" aria-label="Anchor link for: 2022-03-29-birthday">๐</a></h2>
<ol>
<li>
<p>Today is this blogโs birthday, and Iโm happy to announce that Iโve migrated
from <a rel="noopener nofollow noreferrer" target="_blank" href="https://wiki.owenyoung.com/">Wiki</a> and
<a rel="noopener nofollow noreferrer" target="_blank" href="https://blog.owenyoung.com/">Blog</a> to
<a rel="noopener nofollow noreferrer" target="_blank" href="https://www.owenyoung.com/">New Blog</a>. The Blog is built with
<a rel="noopener nofollow noreferrer" target="_blank" href="https://www.getzola.org/">Zola</a>, I also wrote
<a href="https://old.owenyoung.com/blog/migrate-to-zola/">่ฟ็งปๅๅฎขๅ Wiki ๅฐ Zola</a> to record it. The
biggest difference is the blazing building speed of Zola, for now, it only
takes 2 seconds to build the whole site.</p>
</li>
<li>
<p>Support <a href="https://old.owenyoung.com/blog/books/">่ฏปไนฆ็ฌ่ฎฐ</a> Templates, show my review score
of the book, and show <a href="https://old.owenyoung.com/books/">Books Sort By Rating</a></p>
</li>
</ol>
<p><img src="https://old.owenyoung.com/en/changelog/./books-template.jpg" alt="" /></p>