XAALJ.github.io/index.xml at master · XAALJ/XAALJ.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Homepage on Personal Digital Garden</title>
    <link>https://linky-blog.pages.dev/</link>
    <description>Recent content in Homepage on Personal Digital Garden</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <lastBuildDate>Sun, 19 Dec 2021 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://linky-blog.pages.dev/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>1. Theme Installation</title>
      <link>https://linky-blog.pages.dev/articles/installation/</link>
      <pubDate>Sun, 19 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/installation/</guid>
      <description>&lt;p&gt;Create a new hugo website or open your existing hugo site.&lt;/p&gt;&#xA;&lt;h4 id=&#34;add-the-theme-to-your-hugo-site&#34;&gt;Add the theme to your hugo site&lt;/h4&gt;&#xA;&lt;p&gt;Use as a git submodule:&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-sh&#34; data-lang=&#34;sh&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git submodule add https://github.com/apvarun/digital-garden-hugo-theme.git themes/digitalgarden&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Clone the repository (one-off, updating the theme may be harder later):&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-sh&#34; data-lang=&#34;sh&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;git clone https://github.com/apvarun/digital-garden-hugo-theme.git themes/digitalgarden&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h4 id=&#34;setup&#34;&gt;Setup&lt;/h4&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;Copy &lt;code&gt;package.json&lt;/code&gt;, &lt;code&gt;package-lock.json&lt;/code&gt; and &lt;code&gt;tailwind.config.js&lt;/code&gt; files from the theme/digitalgarden folder to the root folder of your the website&lt;/li&gt;&#xA;&lt;li&gt;Run &lt;code&gt;npm install&lt;/code&gt; to install required packages for theme&lt;/li&gt;&#xA;&lt;li&gt;Run &lt;code&gt;npm i -g postcss-cli&lt;/code&gt; to use PostCSS with Hugo build&lt;/li&gt;&#xA;&lt;li&gt;Set &lt;code&gt;theme = &#39;digitalgarden&#39;&lt;/code&gt; in config.toml&lt;/li&gt;&#xA;&lt;li&gt;Run &lt;code&gt;npm run dev&lt;/code&gt; to start your local server&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;p&gt;When deploying to services like Netlify or Vercel, use the following command for building your site:&lt;/p&gt;</description>
    </item>
    <item>
      <title>2. Structure</title>
      <link>https://linky-blog.pages.dev/articles/structure/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/structure/</guid>
      <description>&lt;p&gt;Understand the structure of the theme&amp;rsquo;s setup to create content for your website.&lt;/p&gt;&#xA;&lt;h4 id=&#34;themes-content-structure&#34;&gt;Theme&amp;rsquo;s content structure&lt;/h4&gt;&#xA;&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;.&#xA;├── ...&#xA;├── content                 # Hosts all Markdown content&#xA;│   ├── articles            # Contains the list of markdown files for notes/posts&#xA;│   │   ├── article-1.md&#xA;│   │   ├── article-2.md&#xA;│   │   └── article-3.md&#xA;│   └── portfolio           # List of portfolio projects or case studies&#xA;│       ├── project-1.md&#xA;│       └── project-2.md&#xA;├── data                    # Test files (alternatively `spec` or `tests`)&#xA;│   └── stack.json          # Data used for rendering the list in Stack page&#xA;└── ...&#xA;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Note that articles, portfolio and also stack pages require you to create &lt;code&gt;_index.md&lt;/code&gt; inside of it. Refer the &lt;a href=&#34;https://github.com/apvarun/digital-garden-hugo-theme/tree/main/exampleSite&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34; &gt;exampleSite&lt;/a&gt; in theme.&lt;/p&gt;</description>
    </item>
    <item>
      <title>3. Primary Menu</title>
      <link>https://linky-blog.pages.dev/articles/primary-menu/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/primary-menu/</guid>
      <description>&lt;p&gt;The sidebar of the theme uses the &lt;code&gt;main&lt;/code&gt; menu. Add all the items for your sidebar navigation in this menu.&lt;/p&gt;&#xA;&lt;p&gt;// config.toml&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[menu]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[[menu.main]]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  name = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;Home&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  url = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;/&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  weight = &lt;span style=&#34;color:#bd93f9&#34;&gt;1&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[[menu.main]]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  name = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;Content&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  params.header = &lt;span style=&#34;color:#ff79c6&#34;&gt;true&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  weight = &lt;span style=&#34;color:#bd93f9&#34;&gt;2&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[[menu.main]]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  name = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;Articles&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  url = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;/articles&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  weight = &lt;span style=&#34;color:#bd93f9&#34;&gt;3&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;ul&gt;&#xA;&lt;li&gt;&lt;code&gt;name&lt;/code&gt; → Title of the menu item&lt;/li&gt;&#xA;&lt;li&gt;&lt;code&gt;url&lt;/code&gt; → Path to navigate&lt;/li&gt;&#xA;&lt;li&gt;&lt;code&gt;weight&lt;/code&gt; → Used to decide the order of menu items&lt;/li&gt;&#xA;&lt;li&gt;&lt;code&gt;params.header&lt;/code&gt; → Display menu item as header&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;If the link points to an external website, the external icon is already displayed.&lt;/p&gt;</description>
    </item>
    <item>
      <title>4. Social Menu</title>
      <link>https://linky-blog.pages.dev/articles/social-menu/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/social-menu/</guid>
      <description>&lt;p&gt;The social menu can be used to configure all the social icons in the sidebar. Add links to your social media in the website config to show the icons.&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[[menu.social]]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  name = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;Twitter&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  url = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;https://twitter.com&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  weight = &lt;span style=&#34;color:#bd93f9&#34;&gt;1&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;The &lt;code&gt;name&lt;/code&gt; of the social menu needs to be unique and should be one of the supported values.&lt;/p&gt;&#xA;&lt;p&gt;Supported values for the social menu item name:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Twitter&lt;/li&gt;&#xA;&lt;li&gt;GitHub&lt;/li&gt;&#xA;&lt;li&gt;LinkedIn&lt;/li&gt;&#xA;&lt;li&gt;Instagram&lt;/li&gt;&#xA;&lt;li&gt;Mastodon&lt;/li&gt;&#xA;&lt;li&gt;Dribbble&lt;/li&gt;&#xA;&lt;li&gt;Codepen&lt;/li&gt;&#xA;&lt;li&gt;Twitch&lt;/li&gt;&#xA;&lt;li&gt;Email&lt;/li&gt;&#xA;&lt;li&gt;RSS&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;→ &lt;a href=&#34;https://linky-blog.pages.dev/articles/newsletter&#34; &gt;Configure newsletter&lt;/a&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>5. Newsletter</title>
      <link>https://linky-blog.pages.dev/articles/newsletter/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/newsletter/</guid>
      <description>&lt;p&gt;The theme supports a subscription to multiple newsletter providers.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Buttondown&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Substack&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Revue&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;buttondown&#34;&gt;Buttondown&lt;/h2&gt;&#xA;&lt;p&gt;[Params.newsletter.provider] = &amp;ldquo;buttondown&amp;rdquo;&lt;/p&gt;&#xA;&lt;p&gt;Copy the &lt;code&gt;action&lt;/code&gt; url from your buttondown admin dashboard and add it to &lt;strong&gt;[Params.newsletter.path]&lt;/strong&gt; in config.toml&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://blog.buttondown.email/img/9.png&#34; alt=&#34;Buttondown share form URL&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;substack&#34;&gt;Substack&lt;/h2&gt;&#xA;&lt;p&gt;[Params.newsletter.provider] = &amp;ldquo;substack&amp;rdquo;&lt;/p&gt;&#xA;&lt;p&gt;Setting up substack is the easiest. Just add your substack newsletter URL (applicable for custom domains also) to &lt;strong&gt;[Params.newsletter.path]&lt;/strong&gt; in config.toml&lt;/p&gt;&#xA;&lt;p&gt;Note that since substack doesn&amp;rsquo;t have a native API for subscription. The theme uses the api from substackapi.com which is in no way associated to Substack itself.&lt;/p&gt;</description>
    </item>
    <item>
      <title>6. Google Analytics</title>
      <link>https://linky-blog.pages.dev/articles/google-analytics/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/google-analytics/</guid>
      <description>&lt;p&gt;Digital garden theme utilizes the Hugo&amp;rsquo;s [internal template](internal templates) for Google analytics and so both Google analytics v3 and GA v4 (gtag) are supported.&lt;/p&gt;&#xA;&lt;p&gt;Add your &lt;strong&gt;UA-PROPERTY_ID&lt;/strong&gt; or &lt;strong&gt;G-MEASUREMENT_ID&lt;/strong&gt; to config.toml&lt;/p&gt;&#xA;&lt;h4 id=&#34;google-analytics-v3-analyticsjs&#34;&gt;Google Analytics v3 (analytics.js)&lt;/h4&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;googleAnalytics = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;UA-PROPERTY_ID&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h4 id=&#34;google-analytics-v4-gtagjs&#34;&gt;Google Analytics v4 (gtag.js)&lt;/h4&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;googleAnalytics = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;G-MEASUREMENT_ID&amp;#39;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;→ &lt;a href=&#34;https://linky-blog.pages.dev/articles/metatags&#34; &gt;Configure Metatags&lt;/a&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>7. Metatags</title>
      <link>https://linky-blog.pages.dev/articles/metatags/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/articles/metatags/</guid>
      <description>&lt;p&gt;Metatags are used to provide additional information about the page, usually used by search engines and social media websites / apps. It allows to customize your page&amp;rsquo;s title, description, preview image and more.&lt;/p&gt;&#xA;&lt;h3 id=&#34;configure-default-tags&#34;&gt;Configure default tags&lt;/h3&gt;&#xA;&lt;p&gt;// config.toml&lt;/p&gt;&#xA;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;&#34;&gt;&lt;code class=&#34;language-toml&#34; data-lang=&#34;toml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;title = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#34;Personal Digital Garden&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;[Params]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  description = &lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#34;My Digital Garden on the Internet&amp;#34;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  images = [&lt;span style=&#34;color:#f1fa8c&#34;&gt;&amp;#39;/digital-garden-logo.png&amp;#39;&lt;/span&gt;]&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;Setting the above values will be used as default for all pages unless its overridden in a specific page&amp;rsquo;s markdown.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Pastry jelly cookie sugar donut orange</title>
      <link>https://linky-blog.pages.dev/portfolio/design1/</link>
      <pubDate>Sat, 18 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/portfolio/design1/</guid>
      <description>&lt;p&gt;Croissant orange croissant dolor orange croissant. Lollipop biscuit donut vanilla sweet croissant. Apple donut candy tiramisu cream jelly. Croissant sweet cookie vanilla tiramisu dolor.&lt;/p&gt;&#xA;&lt;p&gt;Pastry jelly cookie sugar donut orange. Candy sweet cookie sweet donut marzipan. Vanilla cookie sprinkles pastry orange cookie. Marzipan donut ipsum sugar biscuit vanilla.&lt;/p&gt;&#xA;&lt;p&gt;Candy cookie muffin pastry lollipop vanilla. Apple orange tiramisu jelly ipsum sugar. Candy cake orange ipsum orange muffin. Sugar pastry orange cream orange pastry.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Cream sugar apple donut apple croissant</title>
      <link>https://linky-blog.pages.dev/portfolio/design2/</link>
      <pubDate>Fri, 17 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/portfolio/design2/</guid>
      <description>&lt;p&gt;Tiramisu sprinkles marzipan lollipop marzipan dolor. Jelly candy marzipan vanilla candy ipsum. Sugar croissant lollipop vanilla cream marzipan. Sprinkles croissant cream dolor jelly marzipan.&lt;/p&gt;&#xA;&lt;p&gt;Pastry jelly cookie sugar donut orange. Candy sweet cookie sweet donut marzipan. Vanilla cookie sprinkles pastry orange cookie. Marzipan donut ipsum sugar biscuit vanilla.&lt;/p&gt;&#xA;&lt;p&gt;Candy cookie muffin pastry lollipop vanilla. Apple orange tiramisu jelly ipsum sugar. Candy cake orange ipsum orange muffin. Sugar pastry orange cream orange pastry.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Apple cream vanilla apple marzipan muffin</title>
      <link>https://linky-blog.pages.dev/portfolio/design3/</link>
      <pubDate>Thu, 16 Dec 2021 00:00:00 +0000</pubDate>
      <guid>https://linky-blog.pages.dev/portfolio/design3/</guid>
      <description>&lt;p&gt;Tiramisu sprinkles marzipan lollipop marzipan dolor. Jelly candy marzipan vanilla candy ipsum. Sugar croissant lollipop vanilla cream marzipan. Sprinkles croissant cream dolor jelly marzipan.&lt;/p&gt;&#xA;&lt;p&gt;Pastry jelly cookie sugar donut orange. Candy sweet cookie sweet donut marzipan. Vanilla cookie sprinkles pastry orange cookie. Marzipan donut ipsum sugar biscuit vanilla.&lt;/p&gt;&#xA;&lt;p&gt;Candy cookie muffin pastry lollipop vanilla. Apple orange tiramisu jelly ipsum sugar. Candy cake orange ipsum orange muffin. Sugar pastry orange cream orange pastry.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>