docs(about): create about me

config.toml

@@ -7,13 +7,13 @@ compile_sass = true
 # Whether to build a search index to be used later on by a JavaScript library
 build_search_index = false
 taxonomies = [{ name = "tags" }]
-title = "Loom Blog"
+title = "JimZhang's Blog"
 
 [markdown]
 # Whether to do syntax highlighting
 # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
 highlight_code = true
-
+highlight_theme = "dracula"
 [extra]
 # Put all your custom variables here
 copyright = "JimZhang"
@@ -26,14 +26,14 @@ name = "GitHub"
 url = "https://github.com/zzl221000"
 
 [[extra.social]]
-icon = "twitter"
-name = "Twitter"
-url = "https://github.com/XXXMrG/"
+icon = "send"
+name = "Telegram"
+url = "https://t.me/zzl221000"
 
 [[extra.social]]
-icon = "gitlab"
-name = "GitLab"
-url = "https://gitlab.com/your-name/"
+icon = "book-open"
+name = "Workfor"
+url = "https://www.winhc.cn"
 
 [[extra.translations.en]]
 show_more = "Read more ⟶"

content/about.md

@@ -0,0 +1,19 @@
++++
+path = "about"
+title = "About ME"
+date = "1970-01-01"
+[extra]
+no_date = true
++++
+
+
+我是JimZhang，目前在上海，一个普通的大数据开发工程师，主要涉及工商与法律风险数据业务。
+
+擅长`JAVA`、`Python`、`NodeJS`，偶尔用用`Rust`。
+
+
+
+
+
+
+

content/posts/_index.md

@@ -1,7 +1,7 @@
 +++
 path = "posts"
 title = "Posts"
-paginate_by = 7
+paginate_by = 25
 template = "posts.html"
 transparent = true
 sort_by = "date"

public/theme/dark.css

@@ -1 +1 @@
-html[data-theme="dark"]{--page-back-color: rgb(27, 27, 27);--main-text-color: rgb(240, 240, 240);--main-back-color: rgb(17, 17, 17);--link-text-color: rgb(120, 217, 113);--target-highlight-color: rgb(255, 255, 0);--github-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.white.svg);--rss-icon-url: url(https://img.icons8.com/material/64/f0f0f0/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/copyright.png)}
+html[data-theme="dark"]{--page-back-color: rgb(27, 27, 27);--main-text-color: rgb(240, 240, 240);--main-back-color: rgb(17, 17, 17);--link-text-color: rgb(120, 217, 113);--target-highlight-color: rgb(255, 255, 0);--code-back-color:rgba(99,110,123,0.4);--github-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.white.svg);--rss-icon-url: url(https://img.icons8.com/material/64/f0f0f0/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/f0f0f0/copyright.png)}

public/theme/light.css

@@ -1 +1 @@
-html[data-theme="light"]{--page-back-color: rgb(240, 240, 240);--main-text-color: rgb(0, 0, 0);--main-back-color: rgb(255, 255, 255);--link-text-color: rgb(255, 76, 31);--target-highlight-color: rgb(125, 0, 255);--github-icon-url: url(https://img.icons8.com/material-sharp/64/000000/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/000000/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/000000/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/000000/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.black.svg);--rss-icon-url: url(https://img.icons8.com/material/64/000000/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/000000/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/000000/copyright.png)}
+html[data-theme="light"]{--page-back-color: rgb(240, 240, 240);--main-text-color: rgb(0, 0, 0);--main-back-color: rgb(255, 255, 255);--link-text-color: rgb(255, 76, 31);--code-back-color:rgba(175,184,193,0.2);--target-highlight-color: rgb(125, 0, 255);--github-icon-url: url(https://img.icons8.com/material-sharp/64/000000/github.png);--twitter-icon-url: url(https://img.icons8.com/material-sharp/64/000000/twitter-squared.png);--email-icon-url: url(https://img.icons8.com/material-sharp/64/000000/email.png);--coffee-icon-url: url(https://img.icons8.com/material-sharp/64/000000/kawaii-coffee.png);--webring-icon-url: url(https://webring.xxiivv.com/icon.black.svg);--rss-icon-url: url(https://img.icons8.com/material/64/000000/rss.png);--search-icon-url: url(https://img.icons8.com/material-sharp/64/000000/search.png);--cc-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons.png);--attribution-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-by.png);--non_com-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-nc.png);--share_alike-icon-url: url(https://img.icons8.com/material-outlined/64/000000/creative-commons-sa.png);--copyright-icon-url: url(https://img.icons8.com/material-outlined/64/000000/copyright.png)}

sass/no-style-please.scss

@@ -114,14 +114,13 @@ td {
   padding: 0.4rem;
 }
 
-code {
-  color: white;
-  background: black;
-}
-code {
-  color: var(--main-back-color);
-  background-color: var(--main-text-color);
-  padding: 0.15rem;
+
+p code {
+  background-color: var(--code-back-color);
+  padding: .2em .4em;
+  margin: 0;
+  font-size: 85%;
+  border-radius: 6px;
 }
 div.highlighter-rouge code {
   display: block;
@@ -324,16 +323,12 @@ button:hover {
 }
 
 footer {
-    margin-top: 2rem;
-  position: absolute;
+  margin-top: 2rem;
   bottom: 0;
-  left: 0;
-  right: 0;
-  margin: 0 auto;
   display: flex;
   align-items: center;
   flex-direction: column;
-  padding: 0.5rem 0rem;
+  padding-bottom: 0.5rem;
 }
 
 .soc {
@@ -361,4 +356,37 @@ footer {
     .start {
         width: 100%;
     }
-}
+}
+
+
+article {
+    .body {
+        word-wrap: break-word;
+    }
+}
+pre {
+    padding: 1rem;
+    overflow: auto;
+  }
+  // The line numbers already provide some kind of left/right padding
+  pre[data-linenos] {
+    padding: 1rem 0;
+  }
+  pre table td {
+    padding: 0;
+  }
+  // The line number cells
+  pre table td:nth-of-type(1) {
+    text-align: center;
+    user-select: none;
+  }
+  pre mark {
+    // If you want your highlights to take the full width.
+    display: block;
+    // The default background colour of a mark is bright yellow
+    background-color: rgba(254, 252, 232, 0.9);
+  }
+  pre table {
+    width: 100%;
+    border-collapse: collapse;
+  }

sass/theme/dark.scss

@@ -4,6 +4,7 @@ html[data-theme="dark"] {
   --main-back-color: rgb(17, 17, 17);
   --link-text-color: rgb(120, 217, 113);
   --target-highlight-color: rgb(255, 255, 0);
+  --code-back-color:rgba(99,110,123,0.4);
   --github-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/github.png);
   --twitter-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/twitter-squared.png);
   --email-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/email.png);

sass/theme/light.scss

@@ -3,6 +3,7 @@ html[data-theme="light"] {
   --main-text-color: rgb(0, 0, 0);
   --main-back-color: rgb(255, 255, 255);
   --link-text-color: rgb(255, 76, 31);
+  --code-back-color:rgba(175,184,193,0.2);;
   --target-highlight-color: rgb(125, 0, 255);
   --github-icon-url: url(https://img.icons8.com/material-sharp/64/000000/github.png);
   --twitter-icon-url: url(https://img.icons8.com/material-sharp/64/000000/twitter-squared.png);

templates/base.html

@@ -13,6 +13,7 @@
         {% block main_content %}
             Nothing here?!
         {% endblock main_content %}
+        {% include "partials/footer.html" %}
     </div>
     </div>
    

templates/macros/macros.html

@@ -1,5 +1,11 @@
 {% macro list_posts(pages, tag_name=false) %}
     <ul>
+        {%- if current_path =="/" %}
+        <li>
+            {% set url = get_url(path="about") %}
+            <a href={{ url }}>about me</a>
+        </li>
+    {% endif -%}
         {% if tag_name %}
         <li>{{ term.name }}</li>
         {% else %}
@@ -15,9 +21,18 @@
         <li >
             {{ page.date | date(format="%Y-%m-%d") }}  <a href={{ page.permalink }}>{{page.title}}</a>
         </li>
-
     {% endfor -%}
+    {%- if current_path =="/" %}
+        <li>
+            <a href="/posts">more posts...</a>
+        </li>
+    {% endif -%}
 </ul>
+{%- if current_path =="/" %}
+        <li>
+            as soon
+        </li>
+    {% endif -%}
     </ul>
 {% endmacro list_posts %}
 
@@ -56,7 +71,8 @@
         <div class="title">
             {#<h1 class="title">{{ page.title }}</h1>#}
             {{ post_macros::page_header(title=page.title) }}
-
+            {% if  page.extra and page.extra.no_date %}
+            {% else %}
             {% if page.date %}
                 <div class="meta">
                     <span class="post_date">{{ page.date | date(format="%Y-%m-%d") }}</span>|
@@ -75,6 +91,7 @@
                 {% endfor %}
              {% endif %}
             {% endif %}
+            {% endif %}
         </div>
 
         {% if page.extra.tldr %}

templates/partials/nav.html

@@ -3,9 +3,10 @@
    
     <nav class="horizon">
         {% set current_path = current_path | default(value="/") %}
-    {% if current_path =="/" or current_path =="/posts/" or current_path is starting_with("/page/")  %}
+    {% if current_path =="/"  or current_path is starting_with("/page/")  %}
     {% else %}
-    <a  href="/" class="start">••</a>
+    <div class="start"><a  href="/" >••</a></div>
+    
     {% endif %} 
         {% if config.extra.mode == "toggle" %}
         <a id="dark-mode-toggle" onclick="toggleTheme()" href=""></a>

templates/posts.html

@@ -14,7 +14,7 @@
         {{ post_macros::list_posts(pages=show_pages) }}
     </main>
 
-    {% if paginator %}
+    {% if paginator and current_path != "/" %}
         <ul class="pagination">
             {% if paginator.previous %}
                 <span class="page-item page-prev">
@@ -29,5 +29,5 @@
             {% endif %}
         </ul>
     {% endif %}
-    {% include "partials/footer.html" %}
+    
 {% endblock main_content %}