Mainly focus on technology, reading, excerpts, miscellaneous, article review, tool sharing, workflow, inspiration, English learning, attention management, deep work and other directions Zola 2022-03-29T00:00:00+00:00 https://old.owenyoung.com/en/tags/theme/atom.xml 2021-01-29T00:00:00+00:00 2022-03-29T00:00:00+00:00 Owen Young https://old.owenyoung.com/en/blog/gatsby-timeline-theme/

<p>Don’t you think there are too many different personal profile for us? Like twitter, instagram, facebook, blog, etc, So do I, I suppose there is an elegant site to show all my creative work, that’s the new gatsby theme <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-theme-timeline">Timeline</a>, a <a rel="noopener nofollow noreferrer" target="_blank" href="https://www.gatsbyjs.com/">Gatsby</a> theme, you can use it to show your all posts, tweets, instagram posts etc into one blog. In my opinion, this is a real personal home.</p> <p>Checkout my blog: https://blog.owenyoung.com/</p> <p><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-theme-timeline">Source Repo</a></p> <p><a rel="noopener nofollow noreferrer" target="_blank" href="https://gatsby-theme-timeline.owenyoung.com/">Live Demo</a></p>

<p>Don’t you think there are too many different personal profile for us? Like twitter, instagram, facebook, blog, etc, So do I, I suppose there is an elegant site to show all my creative work, that’s the new gatsby theme <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-theme-timeline">Timeline</a>, a <a rel="noopener nofollow noreferrer" target="_blank" href="https://www.gatsbyjs.com/">Gatsby</a> theme, you can use it to show your all posts, tweets, instagram posts etc into one blog. In my opinion, this is a real personal home.</p> <p>Checkout my blog: https://blog.owenyoung.com/</p> <p><a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-theme-timeline">Source Repo</a></p> <p><a rel="noopener nofollow noreferrer" target="_blank" href="https://gatsby-theme-timeline.owenyoung.com/">Live Demo</a></p> <span id="continue-reading"></span> <p><img src="https://old.owenyoung.com/en/blog/gatsby-timeline-theme/./screenshot.png" alt="Screen" /></p> <p>Here are the features for now:</p> <ul> <li>Support markdown, tweet, instagram posts, youtube videos, hacker news, reddit post</li> <li>Support i18n by <a rel="noopener nofollow noreferrer" target="_blank" href="https://www.gatsbyjs.com/plugins/gatsby-theme-i18n/">gatsby-theme-i18n</a>, you can choose your own <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/gatsbyjs/themes/tree/master/packages">i18n library</a></li> <li>Support comments platform <a rel="noopener nofollow noreferrer" target="_blank" href="https://disqus.com/">disqus</a> or <a rel="noopener nofollow noreferrer" target="_blank" href="https://utteranc.es/">utterances</a></li> <li>Support Tags</li> <li>Pagination, even tag pages support pagination</li> <li>SEO Optimization</li> </ul> <p>Just start a new blog for yourself:</p> <pre data-lang="bash" style="background-color:#2b303b;color:#c0c5ce;" class="language-bash "><code class="language-bash" data-lang="bash"><span style="color:#bf616a;">gatsby</span><span> new my-themed-blog https://github.com/theowenyoung/gatsby-starter-timeline </span></code></pre> <blockquote> <p>For more about installation please see <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-theme-timeline/tree/main/packages/gatsby-theme-timeline#installation">here</a></p> </blockquote> <h2 id="note">Note<a class="zola-anchor" href="#note" aria-label="Anchor link for: note">🔗</a></h2> <p>In the starter demo, I use two gatsby plugins <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/G100g/gatsby-source-twitter">gatsby-source-twitter</a> and <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-source-instagram">gatsby-source-instagram</a> as the blog’s sources. But in <a rel="noopener nofollow noreferrer" target="_blank" href="https://blog.owenyoung.com">my blog</a>, I use <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/actionsflow/actionsflow">Actionsflow</a> to get my tweets, instagram data, sync the JSON file to <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/story">my content source repository</a> ((Why Actionsflow? For more stably, and I can store all my creative work into one)), and <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/theowenyoung.github.io">site repository</a> use plugin <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/theowenyoung/gatsby-source-git">gatsby-source-git</a> to sync those data, and my markdown posts, for more tech stack, you can see <a rel="noopener nofollow noreferrer" target="_blank" href="https://blog.owenyoung.com/en/posts/how-i-built-my-blog/">How I Built my Blog?</a></p> <blockquote> <p>Disclaimer: I made the <a rel="noopener nofollow noreferrer" target="_blank" href="https://github.com/actionsflow/actionsflow">Actionsflow</a> :)</p> </blockquote>