-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtech-stack-of-weileizengcom.html
146 lines (114 loc) · 5.01 KB
/
tech-stack-of-weileizengcom.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>"Tech stack of weileizeng.com"</title>
<!-- add by weilei for icon -->
<!--
<link rel="icon" type="image/x-icon" href="images/favicon.ico" />
-->
<link rel="icon" type="image/x-icon" href=/images/logos/favicon.ico />
<link rel="stylesheet" href="/theme/css/normalize.css" />
<link rel="stylesheet" href="/theme/css/foundation.min.css" />
<link rel="stylesheet" href="/theme/css/style.css" />
<link rel="stylesheet" href="/theme/css/pygments.css" />
<script src="/theme/js/modernizr.js"></script>
</head>
<body>
<!-- Nav Bar -->
<nav>
<div class="top-bar">
<div class="row">
<div class="large-9 large-centered columns">
<h1>
<img src="/images/logos/[email protected]" alt="My Logo" style="border-radius: 50%; width:48px" />
<a href="/">Weilei Zeng</a> <!-- / added by weilei to point to the home page -->
</h1>
</div>
</div>
</div>
<!-- Show menu items and pages -->
<div class="row">
<div class="large-9 columns">
<ul class="button-group navigation">
</ul>
</div>
</div>
</nav>
<!-- End Nav -->
<!-- Main Page Content and Sidebar -->
<div class="row">
<!-- Main Blog Content -->
<div class="large-9 columns">
<article>
<header>
<h3 class="article-title"><a href="/tech-stack-of-weileizengcom.html" rel="bookmark"
title="Permalink to "Tech stack of weileizeng.com"">"Tech stack of weileizeng.com"</a></h3>
</header>
<h6 class="subheader" title="2021-01-01T12:00:00+08:00">五 01 一月 2021
</h6>
<ul>
<li>Study
published: true</li>
</ul>
<h1>feature_text: |</h1>
<h1>This is my post</h1>
<p>excerpt: |
I update this website only several times a year, and sometimes I forget how to do it. So here is the tools to build the website from the scratch.</p>
<hr>
<p>I started hosting this website in late 2019.</p>
<p>The domain is managed on <a href="https://www.netlify.com/">Netlify</a>. Netlify can host static website directly from github repoes. Or one can use <a href="https://pages.github.com/">GitHub Pages</a> to host website and then redirect to the domain. Both are easy and I have several examples on GitHub, including this webpage.</p>
<p>Other than those platforms, one still need to build a static html website. It is uncommon to write HTML directly, because there are various tools to generate static webpages from simple text format such as MarkDown. The one I am using is <a href="https://jekyllrb.com/">jekyll</a>. I am using it because it is supported by <a href="">GitHub Themes</a>, which allow us to generate a website by clicking on a button. That's very convenient for sharing small projects. But in general, one can use any tool to generate the static website into a folder and ask GitHub to host it as it is.</p>
<p>Along the way, I find many tools useful, for example, jekyll-scholar, math-jax, markmap, Makefile.</p>
<p class="subheader">Category: <a href="/category/alembic.html">alembic</a>
Published by <a href="/author/zwl.html">ZWL</a>
</p>
</article>
</div>
<!-- End Main Content -->
<!-- Sidebar -->
<aside class="large-3 columns">
<h5 class="sidebar-title">Site</h5>
<ul class="side-nav">
<li><a href="/archives.html">Archives</a>
<li><a href="/tags.html">Tags</a>
</ul>
<h5 class="sidebar-title">Categories</h5>
<ul class="side-nav">
<li><a href="/category/about.html">about</a></li>
<li><a href="/category/alembic.html">alembic</a></li>
<li><a href="/category/blog.html">blog</a></li>
<li><a href="/category/news.html">news</a></li>
<li><a href="/category/research.html">research</a></li>
</ul>
<h5 class="sidebar-title">Links</h5>
<ul class="side-nav">
<li><a href="http://localhost:8000">Home·localhost:8000</a></li>
<li><a href="https://weileizeng.github.io/">Home·weileizeng.github.io</a></li>
<li><a href="https://github.com/WeileiZeng/weileizeng.github.io">GitHub repo</a></li>
<li><a href="https://getpelican.com/">Pelican</a></li>
<li><a href="https://www.python.org/">Python.org</a></li>
<li><a href="https://palletsprojects.com/p/jinja/">Jinja2</a></li>
</ul>
<h5 class="sidebar-title">Social</h5>
<ul class="side-nav">
<li><a href="https://github.com/WeileiZeng">GitHub/WeileiZeng</a></li>
<li><a href="#">WeChat·微信</a></li>
<li><a href="#">Zhihu·知乎</a></li>
</ul>
</aside> <!-- End Sidebar -->
</div> <!-- End Main Content and Sidebar -->
<!-- Footer -->
<footer class="row">
<div class="large-12 columns">
<hr />
<div class="row">
<div class="large-6 columns">
<!-- <p>Weilei Zeng by ZWL</p> -->
</div>
</div>
</div>
</footer>
</body>
</html>