docs(about): create about me

master
JimZhang 2 years ago
parent f297979044
commit 8a1677ecab

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

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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

File diff suppressed because one or more lines are too long

@ -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)}

@ -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)}

@ -114,14 +114,13 @@ td {
padding: 0.4rem; padding: 0.4rem;
} }
code {
color: white; p code {
background: black; background-color: var(--code-back-color);
} padding: .2em .4em;
code { margin: 0;
color: var(--main-back-color); font-size: 85%;
background-color: var(--main-text-color); border-radius: 6px;
padding: 0.15rem;
} }
div.highlighter-rouge code { div.highlighter-rouge code {
display: block; display: block;
@ -325,15 +324,11 @@ button:hover {
footer { footer {
margin-top: 2rem; margin-top: 2rem;
position: absolute;
bottom: 0; bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding: 0.5rem 0rem; padding-bottom: 0.5rem;
} }
.soc { .soc {
@ -362,3 +357,36 @@ footer {
width: 100%; 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;
}

@ -4,6 +4,7 @@ html[data-theme="dark"] {
--main-back-color: rgb(17, 17, 17); --main-back-color: rgb(17, 17, 17);
--link-text-color: rgb(120, 217, 113); --link-text-color: rgb(120, 217, 113);
--target-highlight-color: rgb(255, 255, 0); --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); --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); --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); --email-icon-url: url(https://img.icons8.com/material-sharp/64/f0f0f0/email.png);

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

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

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

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

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