Qiubaiying.github.io

screenshot of Qiubaiying.github.io
jekyll

BY Blog ->

Overview:

This product is a tutorial for building a personal blog using Jekyll, GitHub Pages, and Bootstrap. The tutorial provides detailed instructions on various aspects of setting up the blog, including installation, customization, and adding features such as comments and social media integration. The tutorial also covers topics like SEO optimization and responsive design. The product is open-source and licensed under the MIT License.

Features:

  • Blog setup tutorial: Step-by-step instructions for setting up a personal blog using Jekyll, GitHub Pages, and Bootstrap.
  • Customization: Detailed instructions for customizing the blog's layout, sidebar, header image, and social media integration.
  • Comments system: Support for both Disqus and Gitalk comment systems, allowing users to add comments to blog posts.
  • Analytics integration: Integration with Google Analytics and Baidu Analytics for website traffic analysis.
  • SEO optimization: Instructions for optimizing blog titles and meta tags for search engine optimization.
  • Responsive design: The blog layout and components are designed to be responsive and adapt to different screen sizes.
  • Featured tags: The blog includes a section for featuring popular tags based on the number of articles using those tags.
  • Friends section: The blog includes a section for displaying links to friends' blogs.
  • Keynote layout: Instructions for adding HTML5 slideshow presentation layouts to blog posts.
jekyll
Jekyll

Jekyll is a static site generator written in Ruby that allows you to create simple, fast, and secure websites without the need for a database.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading