feat(direction): add direction option

.github/workflows/pages-deploy.yml

@@ -0,0 +1,73 @@
+name: "Build and Deploy"
+on:
+  push:
+    branches:
+      - main
+      - master
+    paths-ignore:
+      - .gitignore
+      - README.md
+      - LICENSE
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          # submodules: true
+          # If using the 'assets' git submodule from Chirpy Starter, uncomment above
+          # (See: https://github.com/cotes2020/chirpy-starter/tree/main/assets)
+
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v4
+
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: 3.3
+          bundler-cache: true
+
+      - name: Build site
+        run: bundle exec jekyll b -d "_site${{ steps.pages.outputs.base_path }}"
+        env:
+          JEKYLL_ENV: "production"
+
+      - name: Test site
+        run: |
+          bundle exec htmlproofer _site \
+            \-\-disable-external \
+            \-\-ignore-urls "/^http:\/\/127.0.0.1/,/^http:\/\/0.0.0.0/,/^http:\/\/localhost/"
+
+      - name: Upload site artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "_site${{ steps.pages.outputs.base_path }}"
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitignore

@@ -6,7 +6,6 @@ Gemfile.lock
 # Jekyll cache
 .jekyll-cache
 .jekyll-metadata
-_site
 
 # RubyGems
 *.gem

_config.yml

@@ -6,35 +6,44 @@ theme: jekyll-theme-chirpy
 # The language of the webpage › http://www.lingoes.net/en/translator/langcode.htm
 # If it has the same name as one of the files in folder `_data/locales`, the layout language will also be changed,
 # otherwise, the layout language will use the default value of 'en'.
-lang: en
+lang: fa
+
+# the direction of the webpage
+#
+# Available options:
+#
+#     ltr — use left to right direction (default)
+#     rtl — use right to left direction
+#
+direction: rtl
 
 # Change to your timezone › https://kevinnovak.github.io/Time-Zone-Picker
 timezone: Asia/Shanghai
 
 # jekyll-seo-tag settings › https://github.com/jekyll/jekyll-seo-tag/blob/master/docs/usage.md
 # ↓ --------------------------
 
-title: Chirpy # the main title
+title: Bug to Debug # the main title
 
-tagline: A text-focused Jekyll theme # it will display as the subtitle
+tagline: ما تو این وبلاگ راجب اخبار تکنولوژی و اموزش های برنامه نویسی صحبت میکنیم # it will display as the subtitle
 
 description: >- # used by seo meta and the atom feed
-  A minimal, responsive and feature-rich Jekyll theme for technical writing.
+  وبلاگ اموزش برنامه نویسی
 
 # Fill in the protocol & hostname for your site.
 # E.g. 'https://username.github.io', note that it does not end with a '/'.
-url: ""
+url: "https://davidazad1.github.io"
 
 github:
-  username: github_username # change to your GitHub username
+  username: davidazad1 # change to your GitHub username
 
 twitter:
   username: twitter_username # change to your Twitter username
 
 social:
   # Change to your full name.
   # It will be displayed as the default author of the posts and the copyright owner in the Footer
-  name: your_full_name
+  name: داوود اروجی
   email: [email protected] # change to your email address
   links:
     # The first element serves as the copyright owner's link
@@ -92,13 +101,13 @@ theme_mode: # [light | dark]
 
 # The CDN endpoint for media resources.
 # Notice that once it is assigned, the CDN url
-# will be added to all media resources (site avatar, posts' images, audio and video files) paths starting with '/'
-#
+# will be added to all lmedia resources (site avatar, posts' images, audio and video files) paths starting with '/'
+# 
 # e.g. 'https://cdn.com'
-cdn: "https://chirpy-img.netlify.app"
+cdn: ""
 
 # the avatar on sidebar, support local or CORS resources
-avatar: "/commons/avatar.jpg"
+avatar: "assets/img/favicons/image.png"
 
 # The URL of the site-wide social preview image used in SEO `og:image` meta tag.
 # It can be overridden by a customized `page.image` in front matter.

_data/locales/fa.yml

@@ -0,0 +1,89 @@
+# The layout text of site
+
+# ----- Commons label -----
+
+layout:
+  post: پست 
+  category: دسته‌بندی
+  tag: تگ
+
+# The tabs of sidebar
+tabs:
+  # format: <filename_without_extension>: <value>
+  home: خانه
+  categories: دسته‌بندی‌ها
+  tags: تگ‌ها
+  archives: آرشیو‌ها
+  about: درباره
+
+# the text displayed in the search bar & search results
+search:
+  hint: جست‌و‌جو
+  cancel: لغو
+  no_results: ای بابا، نتیجه ای پیدا نکردیم
+
+panel:
+  lastmod: به تازگی بروز شده
+  trending_tags: پرطرفدار
+  toc: محتوا
+
+copyright:
+  # Shown at the bottom of the post
+  license:
+    template:
+    name: CC BY 4.0
+    link: https://creativecommons.org/licenses/by/4.0/
+
+  # Displayed in the footer
+  brief: حقوق محفوط است
+  verbose: 
+
+meta: 
+
+not_found:
+  statement: اوپس، چیزی که دنبالش بودی پیدا نشد
+
+notification:
+  update_found: نسخه‌ی جدید در دسترس است
+  update: بروزرسانی
+
+# ----- Posts related labels -----
+
+post:
+  written_by: توسط
+  posted: پست شده
+  updated: بروز شده
+  words: کلمات
+  pageview_measure: بازدیدها
+  read_time:
+    unit: دقیقه
+    prompt: خواندن
+  relate_posts: ادامه مطلب
+  share: اشتراک‌‌ گذاری
+  button:
+    next: جدیدتر
+    previous: قدیمی‌تر
+    copy_code:
+      succeed: کپی شده!
+    share_link:
+      title: کپی لینک
+      succeed: لینک با موفقیت کپی شد!
+
+# Date time format.
+# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
+df:
+  post:
+    strftime: "%b %e, %Y"
+    dayjs: "ll"
+  archives:
+    strftime: "%b"
+    dayjs: "MMM"
+
+# categories page
+categories:
+  category_measure:
+    singular: دسته‌بندی
+    plural: دسته‌بندی‌ها
+  post_measure:
+    singular: پست‌
+    plural: پست‌ها

_includes/footer.html

@@ -1,6 +1,7 @@
 <!-- The Footer -->
 
 <footer
+  dir={{ site.direction | default: ltr }}
   aria-label="Site Info"
   class="
     d-flex flex-column justify-content-center text-muted

_includes/head.html

@@ -1,4 +1,4 @@
-<head>
+<head dir={{ site.direction | default: ltr }}>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
   <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">

_includes/no-linenos.html

@@ -0,0 +1,10 @@
+{% comment %}
+  Remove the line number of the code snippet.
+{% endcomment %}
+
+{% assign content = include.content %}
+
+{% if content contains '<td class="rouge-gutter gl"><pre class="lineno">' %}
+  {% assign content = content | replace: '<td class="rouge-gutter gl"><pre class="lineno">', '<!-- <td class="rouge-gutter gl"><pre class="lineno">'%}
+  {% assign content = content | replace: '</td><td class="rouge-code">', '</td> --><td class="rouge-code">' %}
+{% endif %}

_includes/notification.html

@@ -1,4 +1,5 @@
 <aside
+  dir={{ site.direction | default: ltr }}
   id="notification"
   class="toast"
   role="alert"

_includes/post-nav.html

@@ -24,7 +24,7 @@
       class="btn btn-outline-primary"
       aria-label="{{ next }}"
     >
-      <p>{{ page.next.title }}</p>
+      <p dir={{ site.direction | default: ltr }}>{{ page.next.title }}</p>
     </a>
   {% else %}
     <div class="btn btn-outline-primary disabled" aria-label="{{ next }}">

_includes/post-sharing.html

@@ -1,6 +1,6 @@
 <!-- Post sharing snippet -->
 
-<div class="share-wrapper d-flex align-items-center">
+<div dir={{ site.direction | default: ltr }} class="share-wrapper d-flex align-items-center">
   <span class="share-label text-muted">{{ site.data.locales[include.lang].post.share }}</span>
   <span class="share-icons">
     {% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}

_includes/sidebar.html

@@ -1,6 +1,6 @@
 <!-- The Side Bar -->
 
-<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
+<aside dir={{ site.direction | default: ltr }} aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
   <header class="profile-wrapper">
     <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}

_includes/toc.html

@@ -1,7 +1,7 @@
 {% include toc-status.html %}
 
 {% if enable_toc %}
-  <div class="toc-border-cover z-3"></div>
+  <div dir={{ site.direction | default: ltr }} class="toc-border-cover z-3"></div>
   <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4 pb-4">
     <h2 class="panel-heading ps-3 pb-2 mb-0">{{- site.data.locales[include.lang].panel.toc -}}</h2>
     <nav id="toc"></nav>

_includes/topbar.html

@@ -1,6 +1,6 @@
 <!-- The Top Bar -->
 
-<header id="topbar-wrapper" aria-label="Top Bar">
+<header dir=rtl id="topbar-wrapper" aria-label="Top Bar">
   <div
     id="topbar"
     class="d-flex align-items-center justify-content-between px-lg-3 h-100"

_includes/trending-tags.html

@@ -34,7 +34,7 @@
 {% endfor %}
 
 {% if trending_tags.size > 0 %}
-  <section>
+  <section dir={{ site.direction | default: ltr }}>
     <h2 class="panel-heading">{{- site.data.locales[include.lang].panel.trending_tags -}}</h2>
     <div class="d-flex flex-wrap mt-3 mb-1 me-3">
       {% for tag_name in trending_tags %}

_includes/update-list.html

@@ -23,7 +23,7 @@
 {% endfor %}
 
 {% if update_list.size > 0 %}
-  <section id="access-lastmod">
+  <section dir={{ site.direction | default: ltr }} id="access-lastmod">
     <h2 class="panel-heading">{{- site.data.locales[include.lang].panel.lastmod -}}</h2>
     <ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
       {% for item in update_list %}

_layouts/archives.html

@@ -23,10 +23,15 @@
 
     <li>
       {% assign ts = post.date | date: '%s' %}
-      <span class="date day" data-ts="{{ ts }}" data-df="DD">{{ post.date | date: '%d' }}</span>
+      {% if site.direction != "rtl" %}
+        <span class="date day" data-ts="{{ ts }}" data-df="DD">{{ post.date | date: '%d' }}</span>
+      {% endif %}
       <span class="date month small text-muted ms-1" data-ts="{{ ts }}" data-df="{{ df_dayjs_m }}">
         {{ post.date | date: df_strftime_m }}
       </span>
+      {% if site.direction == "rtl" %}
+        <span class="date day" data-ts="{{ ts }}" data-df="DD">{{ post.date | date: '%d' }}</span>
+      {% endif %}
       <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
     </li>
 

_layouts/category.html

@@ -12,8 +12,10 @@ <h1 class="ps-lg-2">
     <span class="lead text-muted ps-2">{{ page.posts | size }}</span>
   </h1>
 
+  {% assign sorted_posts = page.posts | sort: "priority" %}
+
   <ul class="content ps-0">
-    {% for post in page.posts %}
+    {% for post in sorted_posts %}
       <li class="d-flex justify-content-between px-md-3">
         <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
         <span class="dash flex-grow-1"></span>

_layouts/default.html

@@ -24,7 +24,7 @@
         {% include topbar.html lang=lang %}
 
         <div class="row flex-grow-1">
-          <main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
+          <main dir={{ site.direction | default: ltr }} aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
             {% if layout.refactor or layout.layout == 'default' %}
               {% include refactor-content.html content=content lang=lang %}
             {% else %}
@@ -33,7 +33,7 @@
           </main>
 
           <!-- panel -->
-          <aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
+          <aside dir={{ site.direction | default: ltr }} aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
             <div class="access">
               {% include_cached update-list.html lang=lang %}
               {% include_cached trending-tags.html lang=lang %}