-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 6f80f49
Showing
19 changed files
with
3,106 additions
and
0 deletions.
There are no files selected for viewing
Empty file.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
<!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"> | ||
|
||
<link rel="stylesheet" href="/2nd-Minima/assets/css/style.css"> | ||
<script> | ||
MathJax = { | ||
tex: { | ||
inlineMath: [['$', '$'], ['\\(', '\\)']] | ||
} | ||
}; | ||
</script> | ||
<script id="MathJax-script" async | ||
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"> | ||
</script> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link rel="shortcut icon" type="image/x-icon" href="/2nd-Minima/favicon/favicon.ico"> | ||
|
||
</head><body><header class="site-header"> | ||
<div class="wrapper"><a class="site-title" rel="author" href="/2nd-Minima/">Please-type-your-Github-name-here's Blog</a><nav class="site-nav"> | ||
<input type="checkbox" id="nav-trigger" class="nav-trigger" /> | ||
<label for="nav-trigger"> | ||
<span class="menu-icon"> | ||
<svg viewBox="0 0 18 15" width="18px" height="15px"> | ||
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/> | ||
</svg> | ||
</span> | ||
</label> | ||
|
||
<div class="trigger"><a class="page-link" href="/2nd-Minima/all-tags.html">Tags</a><a class="page-link" href="/2nd-Minima/archive.html">Archive</a><a class="page-link" href="/2nd-Minima/about.html">About</a></div> | ||
</nav></div> | ||
</header> | ||
<main class="page-content" aria-label="Content"> | ||
<div class="wrapper" style="text-align: justify;"> | ||
<ul id="toc" class="section-nav"> | ||
</ul> | ||
<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting"> | ||
|
||
<header class="post-header"> | ||
<h1 class="post-title p-name" itemprop="name headline">My first post</h1> | ||
|
||
<span>[ | ||
|
||
|
||
<a href="/2nd-Minima/tag/WoW"><code class="highligher-rouge"><nobr>WoW</nobr></code></a> | ||
|
||
|
||
<a href="/2nd-Minima/tag/go"><code class="highligher-rouge"><nobr>go</nobr></code></a> | ||
|
||
]</span> | ||
|
||
<br> | ||
<br> | ||
|
||
<p> | ||
Haha! This is my first post. | ||
</p> | ||
|
||
<p class="post-meta" style="font-size: 18px"><time class="dt-published" datetime="2024-01-20T00:00:00+00:00" itemprop="datePublished"> | ||
Jan 20, 2024 | ||
</time></p> | ||
</header> | ||
|
||
<hr> | ||
|
||
<div class="post-content e-content" itemprop="articleBody"> | ||
<p>###</p> | ||
|
||
</div><a class="u-url" href="/2nd-Minima/2024/01/20/My-first-post.html" hidden></a> | ||
|
||
</article> | ||
|
||
<hr> | ||
|
||
<h1><a href="https://github.com/Deep0Thinking/2nd-Minima#2.3">fake comments section</a></h1> | ||
|
||
</div> | ||
</main> | ||
|
||
</body> | ||
|
||
<script src="/2nd-Minima/assets/js/custom-styles.js"></script> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
MIT License | ||
|
||
Copyright (c) 2023 Deep0Thinking | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy | ||
of this software and associated documentation files (the "Software"), to deal | ||
in the Software without restriction, including without limitation the rights | ||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
copies of the Software, and to permit persons to whom the Software is | ||
furnished to do so, subject to the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in all | ||
copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
SOFTWARE. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,131 @@ | ||
# [2nd-Minima](https://deep0thinking.github.io/2nd-Minima/) | ||
|
||
### Table of Contents | ||
|
||
- [0 About](#0) | ||
|
||
- [0.1 About the 2nd-Minima repository](#0.1) | ||
|
||
- [0.2 About the "/README.md"](#0.2) | ||
|
||
- [0.3 About the usage](#0.3) | ||
|
||
- [0.4 About the acknowledgement](#0.4) | ||
|
||
- [1 Basic set up](#1) | ||
|
||
- [1.1 Use this template](#1.1) | ||
|
||
- [1.2 Webpage pre-set-up and deployment](#1.2) | ||
|
||
|
||
- [2 Usage](#2) | ||
|
||
- [2.1 "/_config.yml"](#2.1) | ||
|
||
- [2.2 Posts](#2.2) | ||
|
||
- [2.3 giscus.app](#2.3) | ||
|
||
- [2.4 "/about.md"](#2.4) | ||
|
||
- [2.5 "/archive.md"](#2.5) | ||
|
||
- [2.6 favicon](#2.6) | ||
|
||
|
||
<hr> | ||
|
||
<h3 id="0">0 About</h3> | ||
|
||
<h4 id="0.1">0.1 About the 2nd-Minima repository</h4> | ||
|
||
The **2nd-Minima** Github repository is designed for individuals seeking to handily create a blog. It's a user-friendly, advanced **template** based on the popular [Jekyll-theme-Minima](https://github.com/jekyll/minima), perfect for those unfamiliar with front-end programming. | ||
|
||
Experience a live demo of a [2nd-Minima](https://github.com/Deep0Thinking/2nd-Minima) based website here: [Deep0Thinking.github.io](https://deep0thinking.github.io) | ||
|
||
![Deep0Thinking.github.io](https://repository-images.githubusercontent.com/481486169/e28e51cb-d7c1-49c7-b8e5-c81a3e27fb46) | ||
|
||
<h4 id="0.2">0.2 About the "/README.md"</h4> | ||
|
||
This "[**/README.md**](https://github.com/Deep0Thinking/2nd-Minima/blob/master/README.md)" file serves as a comprehensive manual for the [**2nd-Minima**](https://github.com/Deep0Thinking/2nd-Minima) repository. It aims to provide clear explanations and guidance for customization and use. If you're new to this repository, I recommend reading this "**/README.md**" file in its entirety. It will help you get started quickly and easily. | ||
|
||
<h4 id="0.3">0.3 About the usage</h4> | ||
|
||
With the [MIT License](https://github.com/Deep0Thinking/2nd-Minima/blob/main/LICENSE), you have extensive freedom to modify and adapt the [**2nd-Minima**](https://github.com/Deep0Thinking/2nd-Minima) template to suit your personal needs. You may also use it for commercial purposes. | ||
|
||
<h4 id="0.4">0.4 About the acknowledgement</h4> | ||
|
||
I would like to thank all the developers and contributors of the [Jekyll-theme-Minima](https://github.com/jekyll/minima), because the [**2nd-Minima**](https://github.com/Deep0Thinking/2nd-Minima) is an advanced personal-website-template repository that developed mainly based on the [Jekyll-theme-Minima](https://github.com/jekyll/minima). | ||
|
||
And specifically, great thanks to [Long Qian](http://longqian.me/aboutme/), [MathJax](https://www.mathjax.org) and [giscus.app](https://giscus.app) for providing supportive tool and code for the community! | ||
|
||
Thanks should also go to Github, because this platform provide many people (including me) a chance to learn, cooperate and improve in coding. | ||
|
||
Lastly, heartfelt appreciation to my family and friends for their unwavering support. | ||
|
||
Oh, and a big thank you to you, the user, for trusting and using this template :) | ||
|
||
--- | ||
|
||
<h3 id="1">1 Basic set up</h3> | ||
|
||
<h4 id="1.1">1.1 Use this template</h4> | ||
|
||
Please direct to the [**2nd-Minima**](https://github.com/Deep0Thinking/2nd-Minima) repository (repo) page first and click on `Use this template` (the green button) -> `Create a new repository` , then please enter the "Repository name", if you're a first-timer, I suggest using the format "your-Github-username.github.io", like "louis.github.io". This naming convention is important for GitHub Pages, and you can learn more about it at https://pages.github.com. However, feel free to choose a different name, such as "Cookie-0111", if you prefer. This won't impact the future functionality of your site. | ||
|
||
As for the other repo settings, you can stick with the default options or adjust them according to your preferences. Keep in mind, even if you initially set your repository to private, others can still access your personal website once it's deployed and they have the link. (Note: even if you initially set your repository to `private`, others can still access your personal website once it's deployed and they have the link) | ||
|
||
<h4 id="1.2">1.2 Webpage pre-set-up and deployment</h4> | ||
|
||
Please direct to the page of the repo which you've just created using the [**2nd-Minima**](https://github.com/Deep0Thinking/2nd-Minima) template, click on `< > Code` (the green button right under the "Fork" button) -> `HTTPS` -> "Copy url to clipboard", and then open your terminal (or command line) and type in `git clone ` and paste the url you've just copied from the repo page, then press `Enter` to clone the repo to your local computer. (Note: you need to have "git" installed on your computer first, if you don't have git installed, please check here: https://git-scm.com/downloads) | ||
|
||
Once the cloning process is complete, please direct to the folder of the repo you've just cloned, and open the "**/.github/workflows/jekyll.yml**" file, then please replace the `/2nd-Minima` in `jekyll_baseurl: '/2nd-Minima'` with your repo name: If your repo is named "Cookie-0111", then set it to `jekyll_baseurl: '/Cookie-0111'`; If your repo name is in the form of "your-Github-username.github.io" like "louis.github.io", set it to `jekyll_baseurl: ''`. Don't forget to save the changes. (Note: the repo name is case-sensitive, so please type in the repo name exactly as it is) | ||
|
||
Return to the page of the repo you created, then navigate to `Settings` (located just beneath the search bar) -> `Pages` (on the left column list) -> `Deploy from a branch` -> `Github Actions`. And after about 2 minute, your personal website will be generated successfully. To monitor its deployment state, revisit your repository's main page, keep an eye on the small yellow dot (next to the green button `< > Code`). Upon successful deployment, this dot will change to a green check mark ✅ (Remember to refresh the page to update the status indicator). (Note: if you see a red cross ❌ instead of the check mark ✅, please check the "**/.github/workflows/jekyll.yml**" file and make sure you've replaced the `/2nd-Minima` in `jekyll_baseurl: '/2nd-Minima'` as previously instructed) | ||
|
||
To visit your site, navigate to `Settings` -> `Pages` -> `Visit site` , it's a good idea to bookmark your site's url for easy access. Alternatively, you can add your site's url into your repo's `About` section, which is located next to the green button `< > Code` on your repo Github main page. Click on the option button (the gear icon) in that `About` block to add your link. You can also create a direct link combines with the heading style in your "**/README.md**" file under the repo root folder, like `# [please-paste-your-webpage-link-here](https://please-paste-your-webpage-link-here)`. This creates a clickable heading on your repository's main page, as GitHub automatically displays the "README.md" file there for every repo. | ||
|
||
--- | ||
|
||
<h3 id="2">2 Usage</h3> | ||
|
||
<h4 id="2.1">2.1 "/_config.yml"</h4> | ||
|
||
Start by opening the "**/_config.yml**" file. In the title section, replace `Please-type-your-Github-name-here` with your actual Github username. | ||
|
||
Moving on to the line labeled `show_description`, I recommend setting its value to `true`. Don't worry about the details for now; we'll guide you through this part later. | ||
|
||
Lastly, let's focus on `header_pages`. This section determines the order of pages like `archive`, `about`, and `all-tags` on your website's navigation bar. To rearrange their display order on the webpage, simply change their sequence in `header_pages`. The order from top to bottom in this section directly corresponds to the left-to-right order on your website's navigation bar. | ||
|
||
<h4 id="2.2">2.2 Posts</h4> | ||
|
||
Are you ready to craft a captivating post featuring a mix of elements like text, images, YouTube videos, external links, LaTeX-formatted math equations, downloadable documents, interactive animations, and more? | ||
|
||
If so, your next step is simple. Dive into our comprehensive guide post titled [How-to-post-posts](https://deep0thinking.github.io/2nd-Minima/2022/11/28/How-to-post-posts.html). You'll find this valuable resource in the "**/_posts/**" folder. This guide is your key to effortlessly integrating these diverse content types into your posts. Let's get started! | ||
|
||
<h4 id="2.3">2.3 giscus.app</h4> | ||
|
||
You might have noticed the **fake comments section** at the bottom of the "**How to post posts**" post and "**Archive**" page and "**About**" page. This is where you'll set up your **real comments section**. | ||
|
||
The actual comments functionality is powered by [giscus.app](https://giscus.app), a robust platform for enabling comments on your site. To get started, visit [giscus.app](https://giscus.app) and follow the detailed instructions provided there to enable the giscus comment section. | ||
|
||
Once you've read through the giscus instructions and obtained the necessary embed code, it's time to integrate it into your site. Replace the **fake comments section** code at the bottom of your "**/_layouts/post.html**" file with the new giscus embed code. The placeholder code you'll be replacing looks like this: `<h1><a href="https://github.com/Deep0Thinking/2nd-Minima#2.4">fake comments section</a></h1>`. Remember to repeat this step for your "**/about.md**" and "**/archive.md**" files, as they also contain placeholders for the **fake comments section**. | ||
|
||
You might wonder why not simply insert the giscus embed code into the "**/_layouts/page.html**" file, as both the [**about**](https://deep0thinking.github.io/2nd-Minima/about.html) and [**archive**](https://deep0thinking.github.io/2nd-Minima/archive.html) pages use `layout: page` in their predeclarations. The reason is that doing so would also add a comments section to the [**all-tags**](https://deep0thinking.github.io/2nd-Minima/all-tags.html) page and every single **tag** page, which isn't ideal. In my view, this could clutter these pages and detract from the site's aesthetic appeal. But you can surely do that based on you preference. | ||
|
||
After you've completed these steps, the giscus comments sections should now be visible at the bottom of the relevant pages. | ||
|
||
<h4 id="2.4">2.4 "/about.md"</h4> | ||
|
||
You'll find detailed guidance on customizing the [**about**](https://deep0thinking.github.io/2nd-Minima/about.html) page within the "**/about.md**" file itself. So, take a moment to visit your "**/about.md**" file, where you can apply your own personal touches and modifications to make it truly yours. | ||
|
||
<h4 id="2.5">2.5 "/archive.md"</h4> | ||
|
||
Tailoring the [**archive**](https://deep0thinking.github.io/2nd-Minima/archive.html) page to your preferences is straightforward. You'll find all the necessary instructions within the "**/archive.md** file. Go ahead and open your "**/archive.md** file to start making personalized modifications that reflect your style and needs. | ||
|
||
<h4 id="2.6">2.6 favicon</h4> | ||
|
||
The favicon is a small, iconic image that represents your webpage. Have you noticed the black icon next to your webpage title? That's the default favicon I've set for this repository. But you can personalize it by creating your own. For this, I recommend using [favicon.io](https://favicon.io). It's a user-friendly website that lets you design and generate your own favicon for free. | ||
|
||
Once you've crafted your favicon, the next step is simple. Just place your newly created "**favicon.ico**" file into the "**/favicon/**" folder, replacing the existing one (the old "**favicon.ico**" file I placed there). ***(Attention: the new file you replaced with under the "/favicon/" must be named exactly "favicon.ico" for it to function correctly )*** With this change, your webpage will display the favicon you've designed, adding a unique touch to your site. |
Oops, something went wrong.