index.html

---
layout: default
---

<!-- 菜单页 -->
<div>
</div>
<style>
  * {
      margin: 0;
      padding: 0;
      list-style: none;
      text-decoration: none;
      font-weight: 520;
      font-family: 微软雅黑;
  }

  #nav {
      width: 300px;
      height: 72px;
      background-color: rgb(247, 249, 250);
      border-radius: 20px;
      margin: 20px auto;
  }
  #nav>ul{list-style:none;}

  li {
            /* 去掉li前面的小圆点 */
            list-style: none;
        }

  #nav>ul>li {
      float: left;
      width: 40px;
      height: 72px;
      text-align: center;
  }

  #nav>ul>li>a {
      text-align: center;
      line-height: 72px;
      font-size: 20px;
      color: black;
  }

  #nav>ul>li>a:hover {
      color: orange;
  }

  ul>span {
      float: left;
      line-height: 72px;
      color: rgb(225, 224, 224);
      font-weight: 800;
      font-size: 24px;
  }

  #nav>ul>li>.a1 {
      color: #FF0036;
  }

  #nav>ul>li>.a2 {
      color: rgb(101, 198, 58);
  }
</style>


<div class="search-container">
  <input type="text" id="search-input" placeholder="search blog posts..." style="width: 90%;
    height: 35px;
    color: #333;
    background-color: rgba(227,231,236,.2);
    line-height: 35px;
    padding:0px 16px;
    border: 1px solid #c0c0c0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 17px;
    outline: none;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);">
  <ul id="results-container"></ul>
</div>

<!--script src="https://unpkg.com/simple-jekyll-search/dest/simple-jekyll-search.min.js"></script-->
<script src="{{ site.baseurl }}/js/simple-jekyll-search.min.js"></script>

<script>
	window.simpleJekyllSearch = new SimpleJekyllSearch({
	searchInput: document.getElementById('search-input'),
	resultsContainer: document.getElementById('results-container'),
	json: '{{ site.baseurl }}/search.json',
	searchResultTemplate: '<li><a href="{url}?query={query}" title="{desc}">{title}</a></li>',
	noResultsText: 'No results found',
	limit: 10,
	fuzzy: false,
	exclude: ['Welcome']
  })
</script>

<!-- Changed by Andres 2023-12-10 -->
<div>
  
</div>

{% if site.posts.size == 0 %}
  <h2>No post found</h2>
{% endif %}

<div class="posts">
  {% for post in paginator.posts %}
  {% unless post.draft %}
    <article class="post">
      <h1>
        <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
      </h1>

      <div clsss="meta">
        <span class="date">
          {{ post.date | date: "%Y-%m-%d" }}
        </span>

        <ul class="tag">
          {% for tag in post.tags %}
          <li>
            <a href="{{ site.url }}{{ site.baseurl }}/tags#{{ tag }}">
              {{ tag }}
            </a>
          </li>
          {% endfor %}
        </ul>
      </div>

      <div class="entry">
        {{ post.excerpt | truncate: 200 }}
      </div>

      <a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More</a>
    </article>
  {% endunless %}
  {% endfor %}
</div>

<div class="pagination">
  {% if paginator.previous_page %}
    <span class="prev">
      <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="prev">
        ← Last Page
      </a>
    </span>
  {% endif %}
  {% if paginator.next_page %}
    <span class="next">
      <a href="{{ site.baseurl}}{{ paginator.next_page_path }}" class="next">
        Next Page →
      </a>
    </span>
  {% endif %}
</div>