https://hugo-primer-blog-demo.ngs.io/Recent content on My BlogHugoenTue, 20 Aug 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-15/Tue, 20 Aug 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-15/<p>This is sample post number 15. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-14/Mon, 15 Jul 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-14/<p>This is sample post number 14. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-13/Mon, 10 Jun 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-13/<p>This is sample post number 13. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-12/Mon, 20 May 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-12/<p>This is sample post number 12. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-11/Mon, 15 Apr 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-11/<p>This is sample post number 11. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-10/Sun, 10 Mar 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-10/<p>This is sample post number 10. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-9/Sat, 10 Feb 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-9/<p>This is sample post number 9. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/gfm-demo/Sat, 20 Jan 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/gfm-demo/<p>This post demonstrates all GitHub Flavored Markdown (GFM) features and code syntax highlighting supported by this theme.</p> <h2 id="headings">Headings</h2> <h1 id="heading-1">Heading 1</h1> <h2 id="heading-2">Heading 2</h2> <h3 id="heading-3">Heading 3</h3> <h4 id="heading-4">Heading 4</h4> <h5 id="heading-5">Heading 5</h5> <h6 id="heading-6">Heading 6</h6> <hr> <h2 id="text-formatting">Text Formatting</h2> <p>Regular text paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p><strong>Bold text</strong> and <strong>also bold</strong></p> <p><em>Italic text</em> and <em>also italic</em></p> <p><em><strong>Bold and italic</strong></em> and <em><strong>also bold and italic</strong></em></p> <p><del>Strikethrough text</del></p> <p>This is a _subscript and this is a ^superscript</p>https://hugo-primer-blog-demo.ngs.io/posts/welcome/Mon, 15 Jan 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/welcome/<p>Welcome to my new blog! This site is built with <a href="https://gohugo.io/">Hugo</a> and styled with <a href="https://primer.style/">Primer CSS</a>, GitHub&rsquo;s design system.</p> <h2 id="features">Features</h2> <p>This theme includes:</p> <ul> <li><strong>Dark mode support</strong> - Automatically syncs with your system preferences, or you can choose manually</li> <li><strong>Multilingual</strong> - Full i18n support for multiple languages</li> <li><strong>Responsive design</strong> - Looks great on all devices</li> <li><strong>Primer CSS</strong> - Clean, modern design using GitHub&rsquo;s design system</li> </ul> <h2 id="code-example">Code Example</h2> <p>Here&rsquo;s a simple Go code example:</p>https://hugo-primer-blog-demo.ngs.io/posts/getting-started-with-hugo/Wed, 10 Jan 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/getting-started-with-hugo/<p>Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.</p> <h2 id="installation">Installation</h2> <p>Installing Hugo is straightforward. On macOS, you can use Homebrew:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code data-lang="bash"><span class="line"><span class="cl">brew install hugo</span></span></code></pre></div><p>On Windows, you can use Chocolatey:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code data-lang="bash"><span class="line"><span class="cl">choco install hugo-extended</span></span></code></pre></div><h2 id="creating-a-new-site">Creating a New Site</h2> <p>Once Hugo is installed, creating a new site is simple:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code data-lang="bash"><span class="line"><span class="cl">hugo new site my-blog </span></span><span class="line"><span class="cl"><span class="nb">cd</span> my-blog</span></span></code></pre></div><h2 id="adding-content">Adding Content</h2> <p>Create your first post:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code data-lang="bash"><span class="line"><span class="cl">hugo new posts/my-first-post.md</span></span></code></pre></div><h2 id="running-the-development-server">Running the Development Server</h2> <p>Start the development server with:</p>https://hugo-primer-blog-demo.ngs.io/posts/primer-css-guide/Fri, 05 Jan 2024 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/primer-css-guide/<p>Primer is GitHub&rsquo;s design system and CSS framework. It provides a set of guidelines and components to create consistent, accessible interfaces.</p> <h2 id="what-is-primer">What is Primer?</h2> <p>Primer is built around three core pillars:</p> <ol> <li><strong>Primitives</strong> - Design tokens for colors, spacing, and typography</li> <li><strong>CSS</strong> - Utility classes and component styles</li> <li><strong>Components</strong> - React and ViewComponent implementations</li> </ol> <h2 id="getting-started">Getting Started</h2> <p>Install Primer CSS via npm:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code data-lang="bash"><span class="line"><span class="cl">npm install @primer/css</span></span></code></pre></div><p>Import the CSS in your project:</p> <div class="highlight"><pre tabindex="0" class="chroma"><code data-lang="scss"><span class="line"><span class="cl"><span class="k">@import</span> <span class="s2">&#34;@primer/css/index.scss&#34;</span><span class="p">;</span></span></span></code></pre></div><h2 id="utility-classes">Utility Classes</h2> <p>Primer provides a comprehensive set of utility classes:</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-8/Mon, 25 Dec 2023 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-8/<p>This is sample post number 8. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-7/Fri, 15 Dec 2023 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-7/<p>This is sample post number 7. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-6/Tue, 05 Dec 2023 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-6/<p>This is sample post number 6. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-5/Mon, 20 Nov 2023 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-5/<p>This is sample post number 5. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/posts/sample-post-4/Wed, 15 Nov 2023 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/posts/sample-post-4/<p>This is sample post number 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <h2 id="introduction">Introduction</h2> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p> <h2 id="content">Content</h2> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> <h2 id="conclusion">Conclusion</h2> <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>https://hugo-primer-blog-demo.ngs.io/about/Mon, 01 Jan 0001 00:00:00 +0000https://hugo-primer-blog-demo.ngs.io/about/<img src="https://picsum.photos/seed/profile/200/200" alt="Profile Photo" class="avatar avatar-8 rounded-full mb-3" style="width: 200px; height: 200px;"> <p><a href="https://hugo-primer-blog-demo.ngs.io/ja/about/">日本語</a></p> <p>A software developer based in Tokyo, Japan. Born January 1, 1990 in Shibuya, Tokyo.</p> <h2 id="current-position">Current Position</h2> <ul> <li><a href="https://example.com">Sample Inc.</a> Co-founder &amp; CEO</li> <li><a href="https://example.com">DemoTech Inc.</a> CTO</li> </ul> <h2 id="career">Career</h2> <ul> <li>2020 - Present: Sample Inc. CEO</li> <li>2018 - 2020: Tech Startup Inc. Lead Engineer</li> <li>2015 - 2018: Web Development Co. Senior Engineer</li> <li>2012 - 2015: System Development Co. Engineer</li> </ul> <h2 id="created-works">Created Works</h2> <ul> <li><a href="https://github.com/your-username">GitHub</a></li> <li><a href="https://www.npmjs.com/~your-username">npm</a></li> <li><a href="https://rubygems.org/profiles/your-username">RubyGems</a></li> <li><a href="https://qiita.com/your-username">Qiita</a></li> </ul> <h2 id="profiles">Profiles</h2> <ul> <li><a href="https://speakerdeck.com/your-username">Speaker Deck</a></li> <li><a href="https://www.linkedin.com/in/your-username">LinkedIn</a></li> <li><a href="https://www.wantedly.com/id/your-username">Wantedly</a></li> </ul> <h2 id="social-media">Social Media</h2> <ul> <li><a href="https://x.com/your-username">X (Twitter)</a></li> <li><a href="https://bsky.app/profile/your-username.bsky.social">Bluesky</a></li> <li><a href="https://instagram.com/your-username">Instagram</a></li> <li><a href="https://facebook.com/your-username">Facebook</a></li> </ul> <h2 id="publications">Publications</h2> <div class="d-flex flex-items-start mb-3"> <img src="https://picsum.photos/seed/book1/126/170" alt="Book Cover" class="mr-3 rounded" style="width: 126px; height: 170px;"> <div> <strong><a href="https://example.com/book">Introduction to Web Application Development</a></strong><br> Tech Publisher (April 2023)<br> ISBN: 978-4-1234-5678-9 </div> </div> <div class="d-flex flex-items-start mb-3"> <img src="https://picsum.photos/seed/book2/126/170" alt="Book Cover" class="mr-3 rounded" style="width: 126px; height: 170px;"> <div> <strong><a href="https://example.com/book2">Practical Team Development Guide</a></strong><br> Tech Books (August 2021)<br> ISBN: 978-4-9876-5432-1 </div> </div> <h2 id="media-coverage">Media Coverage</h2> <ul> <li><a href="https://example.com/interview">Engineer Interview: Taro Yamada on Development Philosophy</a> - TechMedia (2023)</li> <li><a href="https://example.com/article">A Day in the Life of a Startup CTO</a> - DevNews (2022)</li> <li><a href="https://example.com/remote">Team Development in the Remote Work Era</a> - WorkStyle Magazine (2021)</li> </ul> <h2 id="hobbies">Hobbies</h2> <p>Gadgets, road cycling, running, camping, photography, music</p>