DOCSEARCHbyAlgolia
Submit Docs

ahhuipt Blog Template

website·Indexed 31 days ago

https://ahhuipt.github.io

A blog template and documentation site featuring guides on Hexo and Jekyll installation, environment configuration, and Markdown usage. Includes a blog update manual with versioning from 1.0.0 to 2.0.0 and instructions for customizing config.yml and posts.

Tokens
6.6K
Snippets
41
Records
66
Agent score
67%

What's inside ahhuipt Blog Template

  1. Overview of Jekyll Blog Template Features

    The Jekyll blog template provides a responsive design compatible with desktops, mobile phones, and tablets. Key built-in features include:

    • Personalized avatars
    • Automatic donation functionality for each post
    • Support for Disqus and Livere comment systems
    • Site-wide and per-post visit statistics
    • Automatic table of contents generation for articles
    • Tag-based categorization
    • Code syntax highlighting
    • Diverse styling for H1, H2, H3, and H4 headers
    • Integration of third-party social media icons for direct linking to social profiles

  2. Blog template features overview

    The blog template provides the following built-in capabilities:

    • Responsive Design: Adapts to desktops, mobile phones, and tablets.
    • Content Enhancements: Automatic table of contents (TOC), code syntax highlighting, and diverse styling for H1-H4 headers.
    • Engagement: Integrated donation functionality for each post and support for Disqus and Livere comment systems.
    • Analytics: Support for total site visit counts and per-article visit statistics.
    • Organization: Support for tag-based categorization.
    • Social Integration: Display of third-party social icons and social sharing (Facebook, Twitter).

  3. Create and add custom pages to navigation

    Custom pages (such as about.md or support.md) can be created by duplicating an existing page file and modifying its content and filename. To make a new custom page appear in the site navigation, add the page configuration to the nav field within the _config.yml file.

  4. Features of the Jekyll Blog Template

    The Jekyll blog template provides a responsive design compatible with desktops, mobile phones, and tablets. Key built-in features include:

    • Personalized avatars
    • Automatic donation functionality for every post
    • Integration with Disqus and livere comment systems
    • Site-wide and per-post visit statistics
    • Automatic table of contents generation for articles
    • Tag-based categorization
    • Code syntax highlighting
    • Diverse styling for H1, H2, H3, and H4 headers
    • Integration of third-party social icons for direct linking to social profiles

  5. Blog template features overview

    The blog template includes the following built-in capabilities:

    • Responsive design for desktop, mobile, and tablets
    • Personalized avatars
    • Automatic donation functionality for each post
    • Integration with Disqus and Livere comment systems
    • Site-wide and per-article visit statistics
    • Automatic Table of Contents (ToC) generation
    • Tag-based categorization and code syntax highlighting
    • Diverse styling for H1, H2, H3, and H4 headers
    • Third-party social icons and sharing (Facebook, Twitter)

  6. Create syntax-highlighted code blocks

    Use triple backticks to wrap multi-line code blocks for syntax highlighting.
    ```python
@requires_authorization
class SomeClass:
    pass

if __name__ == '__main__':
    print 'hello world'

  8. Create and format blog posts in Jekyll

    Posts must be placed in the _posts directory. Filenames must follow the pattern YYYY-MM-DD-title.markdown (or .md). It is recommended to use English or alphanumeric characters for the title part of the filename to avoid URL encoding issues. Each post must start with a YAML front matter block.
    ---
layout: post
title: "Welcome to Jekyll!"
date: 2016-10-16 11:29:08 +0800
categories: jekyll update
---

Post content goes here...

  9. Deploy Hexo blog to Coding Pages for Baidu SEO

    Coding.net provides a GitHub-like environment that allows Baidu crawlers to index your blog. When deploying to Coding Pages, keep the following constraints in mind:

    1. The blog must be pushed to a branch specifically named coding-pages.
    2. Custom CNAMEs are not supported via standard files; you must bind your domain through the Page module in the Coding.net UI.

  10. Manage Hexo blog configuration and content using Git

    To solve issues such as style corruption, accidental deletion of local files, or the need to write blog posts across multiple computers, use Git to manage the entire Hexo project directory. This allows for version control and synchronization across different environments. Note that if you use a theme with its own .git folder, you should either delete that folder or use git submodule to avoid nested repository conflicts.
    # On a new machine:
sudo npm install -g hexo
# Clone your blog repository
git clone <your-blog-repo>
cd <blog-directory>

# Preview locally
hexo server

# Revert to a previous state if styles are broken
git reset --hard

# Deploy and sync
hexo d
git push origin main

  11. Create and format blog posts in Jekyll

    Posts must be placed in the _posts directory. Filenames must follow the YYYY-MM-DD-title.markdown (or .md) format. Each post requires a YAML front matter header to define the layout, title, date, and categories.
    ---
layout: post
title:  "Welcome to Jekyll!"
date:   2016-10-16 11:29:08 +0800
categories: jekyll update
---

Post content goes here...

  12. Install and set up a local Jekyll blog

    To start a Jekyll blog, ensure you have Git, Ruby, and RubyGems installed. Mac users should also install Xcode and Command-Line Tools. Use the following sequence of commands to install Jekyll, create a new project, and launch the local development server.
    # Install Jekyll
gem install jekyll

# Create a new blog project
jekyll new myBlog

# Enter the project directory
cd myBlog

# Start the local server
jekyll serve

    Access the blog at http://localhost:4000