Skip to content

Commit

Permalink
Deploy horaoen/horaoen.github.io to horaoen/horaoen.github.io:gh-pages
Browse files Browse the repository at this point in the history
  • Loading branch information
GitHub Actions committed Nov 2, 2024
0 parents commit e7f0a89
Show file tree
Hide file tree
Showing 63 changed files with 7,053 additions and 0 deletions.
3 changes: 3 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<!doctype html>
<title>404 Not Found</title>
<h1>404 Not Found</h1>
176 changes: 176 additions & 0 deletions about/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">



<title>
About

</title>


<meta property="og:title" content="About" />












<link rel="icon" type="image/png" href=&#x2F;icon&#x2F;favicon.png />





<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=XXXX-XXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'XXXX-XXXXX');
</script>




<script src=https://horaoen.github.io/js/feather.min.js></script>




<link href=https://horaoen.github.io/css/fonts.css rel="stylesheet" />


<link rel="stylesheet" type="text/css" media="screen" href=https://horaoen.github.io/css/main.css />


<link
rel="stylesheet"
id="darkModeStyle"
type="text/css"
href=https://horaoen.github.io/css/dark.css


disabled

/>








</head>


<body>
<div class="content">
<header>
<div class="main" id="main_title">
<a href=https:&#x2F;&#x2F;horaoen.github.io></a>
</div>

<nav>

<a href=&#x2F;>首页</a>

<a href=&#x2F;posts>文章</a>

<a href=&#x2F;protpets>宠物救助</a>

<a href=&#x2F;about>关于我</a>

<a href=&#x2F;tags>标签</a>



|


<a href=&#x2F;>en</a>




| <a id="dark-mode-toggle" onclick="toggleTheme()" href=""></a>
<script src=https://horaoen.github.io/js/themetoggle.js></script>

</nav>
</header>




<main>
<article>
<div class="title">
<h1 class="title">About</h1>
<div class="meta">

on 2022-05-12


</div>
</div>



<section class="body">
<p>Zola at a Glance</p>
<p>Zola is a static site generator (SSG), similar to Hugo, Pelican, and Jekyll (for a comprehensive list of SSGs, please see Jamstack). It is written in Rust and uses the Tera template engine, which is similar to Jinja2, Django templates, Liquid, and Twig. Content is written in CommonMark, a strongly defined, highly compatible specification of Markdown.</p>
<p>SSGs use dynamic templates to transform content into static HTML pages. Static sites are thus very fast and require no databases, making them easy to host. A comparison between static and dynamic sites, such as WordPress, Drupal, and Django, can be found here.</p>
<p>To get a taste of Zola, please see the quick overview below.
First Steps with Zola</p>
<p>Unlike some SSGs, Zola makes no assumptions regarding the structure of your site. In this overview, we'll be making a simple blog site.</p>

</section>



</article>
</main>



<footer>
<div style="display:flex">

<a class="soc" href=https:&#x2F;&#x2F;github.com&#x2F;horaoen title=GitHub>
<i data-feather=github></i>
</a>

<a class="soc" href=https:&#x2F;&#x2F;twitter.com&#x2F;haoran_f title=Twitter>
<i data-feather=twitter></i>
</a>

</div>
<div class="footer-info">
2024 © horaoen | <a
href="https://github.com/XXXMrG/archie-zola">Archie-Zola Theme</a>
</div>
</footer>


<script>
feather.replace();
</script>


</div>
</body>

</html>
181 changes: 181 additions & 0 deletions css/dark.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
body {
color: white;
background-color: #202124;
}

::-moz-selection {
background: blue;
color: #fff;
text-shadow: none;
}

::selection {
background: red;
color: #fff;
text-shadow: none;
}

hr {
border-top: 3px dotted blue;
}

code {
background-color: lightblue;
color: black;
text-decoration: bold;
padding: 0.1em 0.2em;
}

pre {
background-color: #272822;
line-height: 1.4;
overflow-x: auto;
padding: 1em;
}

blockquote {
border-color: blue;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: #ddd;
}

h1::before {
color: var(--darkMaincolor);
content: "# ";
}

h2::before {
color: var(--darkMaincolor);
content: "## ";
}

h3::before {
color: var(--darkMaincolor);
content: "### ";
}

h4::before {
color: var(--darkMaincolor);
content: "#### ";
}

h5::before {
color: var(--darkMaincolor);
content: "##### ";
}

h6::before {
color: var(--darkMaincolor);
content: "###### ";
}

a {
border-bottom: 3px solid var(--darkMaincolor);
color: inherit;
}

a:hover {
background-color: var(--darkMaincolor);
color: black;
}

.site-description a {
color: #ddd;
}

.site-description a:hover {
color: black;
}

.tags a {
border-bottom: 3px solid var(--darkMaincolor);
}

.tags a:hover {
background-color: var(--darkMaincolor);
color: black;
}

.site-title a {
color: white;
text-decoration: none !important;
}

.header nav,
.footer {
border-color: #333;
}

.highlight {
background-color: #333;
}

.soc:hover {
color: black;
}

.draft-label {
color: var(--darkMaincolor);
background-color: blue;
}

.highlight pre code[class=language-javaScript]::before,
.highlight pre code[class="language-js"]::before {
content: "js";
background: #f7df1e;
color: black;
}

.highlight pre code[class*='language-yml']::before,
.highlight pre code[class*='language-yaml']::before {
content: 'yaml';
background: #f71e6a;
color: white;
}

.highlight pre code[class*='language-shell']::before,
.highlight pre code[class*='language-bash']::before,
.highlight pre code[class*='language-sh']::before {
content: 'shell';
background: green;
color: white
}

.highlight pre code[class*='language-json']::before {
content: 'json';
background: dodgerblue;
color: #000000
}

.highlight pre code[class*='language-python']::before,
.highlight pre code[class*='language-py']::before {
content: 'py';
background: blue;
color: yellow;
}

.highlight pre code[class*='language-css']::before {
content: 'css';
background: cyan;
color: black;
}

.highlight pre code[class*='language-go']::before {
content: 'Go';
background: cyan;
color: royalblue;
}

.highlight pre code[class*='language-md']::before,
.highlight pre code[class*='language-md']::before {
content: 'Markdown';
background: royalblue;
color: whitesmoke;
}
Loading

0 comments on commit e7f0a89

Please sign in to comment.