mirror of
https://github.com/Dichgrem/Blog.git
synced 2025-02-23 14:08:37 -05:00
Initial commit
This commit is contained in:
Dichgrem
parent
c23e7df0bc
commit
4c8e5cb90b
43
content/Zola-blog.md
Normal file
43
content/Zola-blog.md
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
+++
|
||||||
|
title = "个人博客搭建记"
|
||||||
|
date = 2024-03-12
|
||||||
|
|
||||||
|
[taxonomies]
|
||||||
|
tags = ["Zola","Blog"]
|
||||||
|
+++
|
||||||
|
|
||||||
|
|
||||||
|
前言 个人博客的搭建有诸多框架的选择。本文以Zola框架为例，介绍如何部署该静态站点，并将其托管到Paas平台上。
|
||||||
|
<!-- more -->
|
||||||
|
## 前情回顾
|
||||||
|
在互联网冲浪的过程中，我们常常看到许多独立站点，有各种各样的主题样式；这些站点见证了互联网的发展历史。从最初的手工编写HTML页面，到后来的内容管理系统（CMS）如WordPress的兴起，再到如今流行的静态网站生成器（SSG），如Hugo，Hexo，Zola等等。
|
||||||
|
|
||||||
|
如今，静态网站生成器以其简单易用和高效性而备受青睐。其工作原理是在本地计算机上生成整个网站的HTML文件，然后将这些静态文件上传到服务器，这样用户访问网站时就可以直接从服务器上获取到HTML文件，而无需动态生成页面。这种方式不仅能够提高网站的访问速度，还可以减轻服务器的负载压力。
|
||||||
|
|
||||||
|
通过Hugo和Hexo等静态框架，个人用户和开发者可以轻松地创建出具有各种主题和样式的独立站点。这些框架提供了丰富的主题和插件库，用户可以根据自己的需求选择合适的主题，并通过简单的配置和定制来创建一个符合自己风格的网站。同时，这些框架还支持Markdown等标记语言，使得用户可以更加方便地编写和管理网站内容。
|
||||||
|
|
||||||
|
## 静与动
|
||||||
|
|
||||||
|
博客的搭建涉及框架的选择。一般而言，有静态网页与动态网页的区别。
|
||||||
|
|
||||||
|
静态网页是提前在服务器上创建好的HTML文件。当用户访问时，服务器将这些文件直接发送给浏览器，浏览器解析并呈现页面内容。
|
||||||
|
这意味着每个用户访问相同的静态网页时，看到的内容都是一样的，不会根据用户的操作或者输入而改变。其优点在于响应速度较快，对服务器压力较小，可缓存性强，提高页面加载速度。
|
||||||
|
|
||||||
|
而动态网页的内容是在用户请求时才动态生成的。当用户访问动态网页时，服务器根据用户的请求和其他条件（例如数据库中的数据）生成HTML文件，然后发送给浏览器。
|
||||||
|
优点在于无需多种配置，易于部署和写作。但性能消耗较高，同时响应速度可能较慢。以作者之前的Halo博客为例，其在VPS上部署后在复杂主题的加载上比较缓慢。
|
||||||
|
|
||||||
|
## 构建过程
|
||||||
|
- 安装Zola到一个文件夹，并为其命名；
|
||||||
|
- 选择主题（theme），将下载好的主题与Zola同名文件夹合并；
|
||||||
|
- 运行zola build和zola serve,在本机浏览器127.0.0.1：1111上查看站点；
|
||||||
|
- 在content文件夹中写自己的博客；
|
||||||
|
- 随后再次运行运行zola build和zola serve，生成public文件夹；
|
||||||
|
- 新建一个Github仓库，用Git连接并push上去；
|
||||||
|
- 在Vercel/Fleek等平台将仓库部署并设置域名。
|
||||||
|
|
||||||
|
## 后记
|
||||||
|
通过简单的步骤，我们已经快速地创建一个具有自定义主题和样式的独立站点，并将其发布到互联网上供他人访问。而在这期间，各种工具链的完善和前端基本原理了解也是收获的一部分。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -79,6 +79,17 @@
|
|||||||
|
|
||||||
|
|
||||||
<ul><li class="post-list">
|
<ul><li class="post-list">
|
||||||
|
<a href="https://blog.dich.ink/zola-blog/">
|
||||||
|
<span class="post-date">2024-03-12</span>
|
||||||
|
:: <span class="post-list-title">个人博客搭建记</span></a>
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
::
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/blog/">#Blog</a>,
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/zola/">#Zola</a></span>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li class="post-list">
|
||||||
<a href="https://blog.dich.ink/opensourcesoftware-licenses/">
|
<a href="https://blog.dich.ink/opensourcesoftware-licenses/">
|
||||||
<span class="post-date">2024-03-04</span>
|
<span class="post-date">2024-03-04</span>
|
||||||
:: <span class="post-list-title">开源软件与协议</span></a>
|
:: <span class="post-list-title">开源软件与协议</span></a>
|
||||||
|
|||||||
@ -5,8 +5,28 @@
|
|||||||
<link rel="self" type="application/atom+xml" href="https://blog.dich.ink/atom.xml"/>
|
<link rel="self" type="application/atom+xml" href="https://blog.dich.ink/atom.xml"/>
|
||||||
<link rel="alternate" type="text/html" href="https://blog.dich.ink"/>
|
<link rel="alternate" type="text/html" href="https://blog.dich.ink"/>
|
||||||
<generator uri="https://www.getzola.org/">Zola</generator>
|
<generator uri="https://www.getzola.org/">Zola</generator>
|
||||||
<updated>2024-03-04T00:00:00+00:00</updated>
|
<updated>2024-03-12T00:00:00+00:00</updated>
|
||||||
<id>https://blog.dich.ink/atom.xml</id>
|
<id>https://blog.dich.ink/atom.xml</id>
|
||||||
|
<entry xml:lang="en">
|
||||||
|
<title>个人博客搭建记</title>
|
||||||
|
<published>2024-03-12T00:00:00+00:00</published>
|
||||||
|
<updated>2024-03-12T00:00:00+00:00</updated>
|
||||||
|
|
||||||
|
<author>
|
||||||
|
<name>
|
||||||
|
|
||||||
|
Unknown
|
||||||
|
|
||||||
|
</name>
|
||||||
|
</author>
|
||||||
|
|
||||||
|
<link rel="alternate" type="text/html" href="https://blog.dich.ink/zola-blog/"/>
|
||||||
|
<id>https://blog.dich.ink/zola-blog/</id>
|
||||||
|
|
||||||
|
<summary type="html"><p>前言 个人博客的搭建有诸多框架的选择。本文以Zola框架为例，介绍如何部署该静态站点，并将其托管到Paas平台上。</p>
|
||||||
|
</summary>
|
||||||
|
|
||||||
|
</entry>
|
||||||
<entry xml:lang="en">
|
<entry xml:lang="en">
|
||||||
<title>开源软件与协议</title>
|
<title>开源软件与协议</title>
|
||||||
<published>2024-03-04T00:00:00+00:00</published>
|
<published>2024-03-04T00:00:00+00:00</published>
|
||||||
|
|||||||
@ -76,6 +76,41 @@
|
|||||||
<div class="posts">
|
<div class="posts">
|
||||||
<div class="post on-list">
|
<div class="post on-list">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/zola-blog/">个人博客搭建记</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2024-03-12
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/blog/">#Blog</a>
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/zola/">#Zola</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 个人博客的搭建有诸多框架的选择。本文以Zola框架为例，介绍如何部署该静态站点，并将其托管到Paas平台上。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- ︎ -- force text style - some devices render this as emoji -->
|
||||||
|
<a class="read-more button" href="https://blog.dich.ink/zola-blog/">
|
||||||
|
<span class="button__text">Read more</span>
|
||||||
|
<span class="button__icon">↩︎</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post on-list">
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/opensourcesoftware-licenses/">开源软件与协议</a></h1>
|
<h1 class="post-title"><a href="https://blog.dich.ink/opensourcesoftware-licenses/">开源软件与协议</a></h1>
|
||||||
<div class="post-meta-inline">
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
@ -143,40 +178,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post on-list">
|
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/podcast-use/">播客收听指北</a></h1>
|
|
||||||
<div class="post-meta-inline">
|
|
||||||
|
|
||||||
<span class="post-date">
|
|
||||||
2024-01-20
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="post-tags-inline">
|
|
||||||
:: tags:
|
|
||||||
<a class="post-tag" href="https://blog.dich.ink/tags/podcast/">#Podcast</a></span>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content">
|
|
||||||
<p>前言 讲起播客，许多人第一反应是喜马拉雅，但其实播客的订阅和收听有许多种方式。本文带你了解订阅播客的各种方式，并告诉你市面上有哪些不错的播客客户端可供选择。</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<!-- ︎ -- force text style - some devices render this as emoji -->
|
|
||||||
<a class="read-more button" href="https://blog.dich.ink/podcast-use/">
|
|
||||||
<span class="button__text">Read more</span>
|
|
||||||
<span class="button__icon">↩︎</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<div class="pagination__buttons">
|
<div class="pagination__buttons">
|
||||||
|
|||||||
@ -188,6 +188,13 @@
|
|||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="button next">
|
||||||
|
<a href="https://blog.dich.ink/zola-blog/">
|
||||||
|
<span class="button__text">个人博客搭建记</span>
|
||||||
|
<span class="button__icon">→</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -76,6 +76,40 @@
|
|||||||
<div class="posts">
|
<div class="posts">
|
||||||
<div class="post on-list">
|
<div class="post on-list">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/podcast-use/">播客收听指北</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2024-01-20
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/podcast/">#Podcast</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 讲起播客，许多人第一反应是喜马拉雅，但其实播客的订阅和收听有许多种方式。本文带你了解订阅播客的各种方式，并告诉你市面上有哪些不错的播客客户端可供选择。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- ︎ -- force text style - some devices render this as emoji -->
|
||||||
|
<a class="read-more button" href="https://blog.dich.ink/podcast-use/">
|
||||||
|
<span class="button__text">Read more</span>
|
||||||
|
<span class="button__icon">↩︎</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post on-list">
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/rss-read/">RSS阅读指南</a></h1>
|
<h1 class="post-title"><a href="https://blog.dich.ink/rss-read/">RSS阅读指南</a></h1>
|
||||||
<div class="post-meta-inline">
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
@ -140,40 +174,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post on-list">
|
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/searching/">搜索引擎与爬虫</a></h1>
|
|
||||||
<div class="post-meta-inline">
|
|
||||||
|
|
||||||
<span class="post-date">
|
|
||||||
2024-01-07
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="post-tags-inline">
|
|
||||||
:: tags:
|
|
||||||
<a class="post-tag" href="https://blog.dich.ink/tags/searching/">#Searching</a></span>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content">
|
|
||||||
<p>前言 搜索引擎原理可以简单分为三个过程：爬行，索引，排名。</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<!-- ︎ -- force text style - some devices render this as emoji -->
|
|
||||||
<a class="read-more button" href="https://blog.dich.ink/searching/">
|
|
||||||
<span class="button__text">Read more</span>
|
|
||||||
<span class="button__icon">↩︎</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<div class="pagination__buttons">
|
<div class="pagination__buttons">
|
||||||
|
|||||||
@ -76,6 +76,40 @@
|
|||||||
<div class="posts">
|
<div class="posts">
|
||||||
<div class="post on-list">
|
<div class="post on-list">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/searching/">搜索引擎与爬虫</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2024-01-07
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/searching/">#Searching</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 搜索引擎原理可以简单分为三个过程：爬行，索引，排名。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- ︎ -- force text style - some devices render this as emoji -->
|
||||||
|
<a class="read-more button" href="https://blog.dich.ink/searching/">
|
||||||
|
<span class="button__text">Read more</span>
|
||||||
|
<span class="button__icon">↩︎</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post on-list">
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/advertising-algorithms/">广告推荐算法与实例</a></h1>
|
<h1 class="post-title"><a href="https://blog.dich.ink/advertising-algorithms/">广告推荐算法与实例</a></h1>
|
||||||
<div class="post-meta-inline">
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
@ -141,41 +175,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post on-list">
|
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/android-root/">安卓刷机与root教程</a></h1>
|
|
||||||
<div class="post-meta-inline">
|
|
||||||
|
|
||||||
<span class="post-date">
|
|
||||||
2023-09-07
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="post-tags-inline">
|
|
||||||
:: tags:
|
|
||||||
<a class="post-tag" href="https://blog.dich.ink/tags/android/">#android</a>
|
|
||||||
<a class="post-tag" href="https://blog.dich.ink/tags/root/">#root</a></span>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content">
|
|
||||||
<p>前言 自安卓系统诞生以来，root 一直是玩机的必备过程。时至今日，在安卓定制系统日益完善的情况下，能root 的机型越来越少，本文以小米手机为例，介绍root 的具体方法。</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<!-- ︎ -- force text style - some devices render this as emoji -->
|
|
||||||
<a class="read-more button" href="https://blog.dich.ink/android-root/">
|
|
||||||
<span class="button__text">Read more</span>
|
|
||||||
<span class="button__icon">↩︎</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<div class="pagination__buttons">
|
<div class="pagination__buttons">
|
||||||
|
|||||||
@ -76,6 +76,41 @@
|
|||||||
<div class="posts">
|
<div class="posts">
|
||||||
<div class="post on-list">
|
<div class="post on-list">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/android-root/">安卓刷机与root教程</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2023-09-07
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/android/">#android</a>
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/root/">#root</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 自安卓系统诞生以来，root 一直是玩机的必备过程。时至今日，在安卓定制系统日益完善的情况下，能root 的机型越来越少，本文以小米手机为例，介绍root 的具体方法。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- ︎ -- force text style - some devices render this as emoji -->
|
||||||
|
<a class="read-more button" href="https://blog.dich.ink/android-root/">
|
||||||
|
<span class="button__text">Read more</span>
|
||||||
|
<span class="button__icon">↩︎</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post on-list">
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/mechrev-keyboard/">机械革命键盘失灵拯救记</a></h1>
|
<h1 class="post-title"><a href="https://blog.dich.ink/mechrev-keyboard/">机械革命键盘失灵拯救记</a></h1>
|
||||||
<div class="post-meta-inline">
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
@ -140,40 +175,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post on-list">
|
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/chromebook/">ChromeBook研究记</a></h1>
|
|
||||||
<div class="post-meta-inline">
|
|
||||||
|
|
||||||
<span class="post-date">
|
|
||||||
2023-08-12
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="post-tags-inline">
|
|
||||||
:: tags:
|
|
||||||
<a class="post-tag" href="https://blog.dich.ink/tags/chromebook/">#chromebook</a></span>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content">
|
|
||||||
<p>前言 ChromeBook作为国外一款定位为商务办公和学生入门的机器，其性能在2023年的当下似乎已经过时；在其退出中国市场后更是接近绝迹。不过，针对特殊需求下的部分机型在今天仍然极具性价比。</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<!-- ︎ -- force text style - some devices render this as emoji -->
|
|
||||||
<a class="read-more button" href="https://blog.dich.ink/chromebook/">
|
|
||||||
<span class="button__text">Read more</span>
|
|
||||||
<span class="button__icon">↩︎</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<div class="pagination__buttons">
|
<div class="pagination__buttons">
|
||||||
|
|||||||
@ -76,6 +76,40 @@
|
|||||||
<div class="posts">
|
<div class="posts">
|
||||||
<div class="post on-list">
|
<div class="post on-list">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/chromebook/">ChromeBook研究记</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2023-08-12
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/chromebook/">#chromebook</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 ChromeBook作为国外一款定位为商务办公和学生入门的机器，其性能在2023年的当下似乎已经过时；在其退出中国市场后更是接近绝迹。不过，针对特殊需求下的部分机型在今天仍然极具性价比。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- ︎ -- force text style - some devices render this as emoji -->
|
||||||
|
<a class="read-more button" href="https://blog.dich.ink/chromebook/">
|
||||||
|
<span class="button__text">Read more</span>
|
||||||
|
<span class="button__icon">↩︎</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="post on-list">
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/pve-mcsm/">PVE安装与MC服务器搭建</a></h1>
|
<h1 class="post-title"><a href="https://blog.dich.ink/pve-mcsm/">PVE安装与MC服务器搭建</a></h1>
|
||||||
<div class="post-meta-inline">
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
@ -141,40 +175,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="post on-list">
|
|
||||||
|
|
||||||
<h1 class="post-title"><a href="https://blog.dich.ink/openwrt/">OpenWrt 软路由部署</a></h1>
|
|
||||||
<div class="post-meta-inline">
|
|
||||||
|
|
||||||
<span class="post-date">
|
|
||||||
2023-08-08
|
|
||||||
</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="post-tags-inline">
|
|
||||||
:: tags:
|
|
||||||
<a class="post-tag" href="https://blog.dich.ink/tags/openwrt/">#openwrt</a></span>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content">
|
|
||||||
<p>前言 openwrt是一个自由的、兼容性好的嵌入式linux发行版。作为软路由玩家必备的一款神器，可以实现诸如去广告，多拨和科学上网等多种功能。本文以openwrt在X86平台的安装为例，介绍其部署流程。</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<!-- ︎ -- force text style - some devices render this as emoji -->
|
|
||||||
<a class="read-more button" href="https://blog.dich.ink/openwrt/">
|
|
||||||
<span class="button__text">Read more</span>
|
|
||||||
<span class="button__icon">↩︎</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<div class="pagination__buttons">
|
<div class="pagination__buttons">
|
||||||
@ -184,6 +184,13 @@
|
|||||||
<span class="button__text">Newer posts</span>
|
<span class="button__text">Newer posts</span>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
<span class="button next">
|
||||||
|
<a href="https://blog.dich.ink/page/6/">
|
||||||
|
<span class="button__text">Older posts</span>
|
||||||
|
<span class="button__icon">→</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
143
public/page/6/index.html
Normal file
143
public/page/6/index.html
Normal file
@ -0,0 +1,143 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Dich'blog</title>
|
||||||
|
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
|
||||||
|
<meta name="robots" content="noodp"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/style.css">
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/blue.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/background_dark.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/font-hack-subset.css">
|
||||||
|
|
||||||
|
<meta name="description" content="description of your site">
|
||||||
|
|
||||||
|
<meta property="og:description" content="description of your site">
|
||||||
|
<meta property="og:title" content="Dich'blog">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://blog.dich.ink/">
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="twitter:description" content="description of your site">
|
||||||
|
<meta name="twitter:title" content="Dich'blog">
|
||||||
|
<meta property="twitter:domain" content="blog.dich.ink">
|
||||||
|
<meta property="twitter:url" content="https://blog.dich.ink/">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="alternate" type="application/atom+xml" title="RSS" href="https://blog.dich.ink/atom.xml">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<header class="header">
|
||||||
|
<div class="header__inner">
|
||||||
|
<div class="header__logo">
|
||||||
|
|
||||||
|
<a href="https://blog.dich.ink" style="text-decoration: none;">
|
||||||
|
<div class="logo">
|
||||||
|
|
||||||
|
Dich'blog
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<nav class="menu">
|
||||||
|
<ul class="menu__inner">
|
||||||
|
<li class="active"><a href="https://blog.dich.ink">blog</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/tags">tags</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/archive">archive</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/about">about me</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://github.com/Dichgrem" target="_blank" rel="noopener noreferrer">github</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<div class="post on-list">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/openwrt/">OpenWrt 软路由部署</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2023-08-08
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/openwrt/">#openwrt</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 openwrt是一个自由的、兼容性好的嵌入式linux发行版。作为软路由玩家必备的一款神器，可以实现诸如去广告，多拨和科学上网等多种功能。本文以openwrt在X86平台的安装为例，介绍其部署流程。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<!-- ︎ -- force text style - some devices render this as emoji -->
|
||||||
|
<a class="read-more button" href="https://blog.dich.ink/openwrt/">
|
||||||
|
<span class="button__text">Read more</span>
|
||||||
|
<span class="button__icon">↩︎</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="pagination">
|
||||||
|
<div class="pagination__buttons">
|
||||||
|
<span class="button previous">
|
||||||
|
<a href="https://blog.dich.ink/page/5/">
|
||||||
|
<span class="button__icon">←</span>
|
||||||
|
<span class="button__text">Newer posts</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer__inner">
|
||||||
|
<div class="copyright">
|
||||||
|
<span>©
|
||||||
|
2024
|
||||||
|
Dichgrem</span>
|
||||||
|
<span class="copyright-theme">
|
||||||
|
<span class="copyright-theme-sep">:: </span>
|
||||||
|
Theme: <a href="https://github.com/pawroman/zola-theme-terminimal/">Terminimal</a> by pawroman
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -64,6 +64,9 @@
|
|||||||
<url>
|
<url>
|
||||||
<loc>https://blog.dich.ink/page/5/</loc>
|
<loc>https://blog.dich.ink/page/5/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://blog.dich.ink/page/6/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://blog.dich.ink/podcast-use/</loc>
|
<loc>https://blog.dich.ink/podcast-use/</loc>
|
||||||
<lastmod>2024-01-20</lastmod>
|
<lastmod>2024-01-20</lastmod>
|
||||||
@ -99,6 +102,9 @@
|
|||||||
<url>
|
<url>
|
||||||
<loc>https://blog.dich.ink/tags/android/</loc>
|
<loc>https://blog.dich.ink/tags/android/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://blog.dich.ink/tags/blog/</loc>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://blog.dich.ink/tags/calling-cards/</loc>
|
<loc>https://blog.dich.ink/tags/calling-cards/</loc>
|
||||||
</url>
|
</url>
|
||||||
@ -150,4 +156,11 @@
|
|||||||
<url>
|
<url>
|
||||||
<loc>https://blog.dich.ink/tags/working/</loc>
|
<loc>https://blog.dich.ink/tags/working/</loc>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://blog.dich.ink/tags/zola/</loc>
|
||||||
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://blog.dich.ink/zola-blog/</loc>
|
||||||
|
<lastmod>2024-03-12</lastmod>
|
||||||
|
</url>
|
||||||
</urlset>
|
</urlset>
|
||||||
|
|||||||
126
public/tags/blog/index.html
Normal file
126
public/tags/blog/index.html
Normal file
@ -0,0 +1,126 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>
|
||||||
|
Dich'blog</title>
|
||||||
|
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
|
||||||
|
<meta name="robots" content="noodp"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/style.css">
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/blue.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/background_dark.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/font-hack-subset.css">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="description" content="All posts tagged Blog">
|
||||||
|
|
||||||
|
<meta property="og:description" content="All posts tagged Blog">
|
||||||
|
<meta property="og:title" content="Dich'blog">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://blog.dich.ink/tags/blog/">
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="twitter:description" content="All posts tagged Blog">
|
||||||
|
<meta name="twitter:title" content="Dich'blog">
|
||||||
|
<meta property="twitter:domain" content="blog.dich.ink">
|
||||||
|
<meta property="twitter:url" content="https://blog.dich.ink/tags/blog/">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="alternate" type="application/atom+xml" title="RSS" href="https://blog.dich.ink/atom.xml">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<header class="header">
|
||||||
|
<div class="header__inner">
|
||||||
|
<div class="header__logo">
|
||||||
|
|
||||||
|
<a href="https://blog.dich.ink" style="text-decoration: none;">
|
||||||
|
<div class="logo">
|
||||||
|
|
||||||
|
Dich'blog
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<nav class="menu">
|
||||||
|
<ul class="menu__inner">
|
||||||
|
<li><a href="https://blog.dich.ink">blog</a></li>
|
||||||
|
|
||||||
|
<li class="active"><a href="https://blog.dich.ink/tags">tags</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/archive">archive</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/about">about me</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://github.com/Dichgrem" target="_blank" rel="noopener noreferrer">github</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">
|
||||||
|
tag: #Blog
|
||||||
|
(1 post)
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<a href="https://blog.dich.ink/tags">
|
||||||
|
Show all tags
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
<ul><li class="post-list">
|
||||||
|
<a href="https://blog.dich.ink/zola-blog/">
|
||||||
|
<span class="post-date">2024-03-12</span>
|
||||||
|
:: <span class="post-list-title">个人博客搭建记</span></a>
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
::
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/blog/">#Blog</a>,
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/zola/">#Zola</a></span>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer__inner">
|
||||||
|
<div class="copyright">
|
||||||
|
<span>©
|
||||||
|
2024
|
||||||
|
Dichgrem</span>
|
||||||
|
<span class="copyright-theme">
|
||||||
|
<span class="copyright-theme-sep">:: </span>
|
||||||
|
Theme: <a href="https://github.com/pawroman/zola-theme-terminimal/">Terminimal</a> by pawroman
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -104,6 +104,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
<li class="tag-list">
|
||||||
|
<a href="https://blog.dich.ink/tags/blog/">
|
||||||
|
Blog (1 post)
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
<li class="tag-list">
|
<li class="tag-list">
|
||||||
<a href="https://blog.dich.ink/tags/calling-cards/">
|
<a href="https://blog.dich.ink/tags/calling-cards/">
|
||||||
Calling-cards (1 post)
|
Calling-cards (1 post)
|
||||||
@ -206,6 +212,12 @@
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
<li class="tag-list">
|
||||||
|
<a href="https://blog.dich.ink/tags/zola/">
|
||||||
|
Zola (1 post)
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
126
public/tags/zola/index.html
Normal file
126
public/tags/zola/index.html
Normal file
@ -0,0 +1,126 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>
|
||||||
|
Dich'blog</title>
|
||||||
|
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
|
||||||
|
<meta name="robots" content="noodp"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/style.css">
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/blue.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/background_dark.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/font-hack-subset.css">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="description" content="All posts tagged Zola">
|
||||||
|
|
||||||
|
<meta property="og:description" content="All posts tagged Zola">
|
||||||
|
<meta property="og:title" content="Dich'blog">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:url" content="https://blog.dich.ink/tags/zola/">
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="twitter:description" content="All posts tagged Zola">
|
||||||
|
<meta name="twitter:title" content="Dich'blog">
|
||||||
|
<meta property="twitter:domain" content="blog.dich.ink">
|
||||||
|
<meta property="twitter:url" content="https://blog.dich.ink/tags/zola/">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="alternate" type="application/atom+xml" title="RSS" href="https://blog.dich.ink/atom.xml">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<header class="header">
|
||||||
|
<div class="header__inner">
|
||||||
|
<div class="header__logo">
|
||||||
|
|
||||||
|
<a href="https://blog.dich.ink" style="text-decoration: none;">
|
||||||
|
<div class="logo">
|
||||||
|
|
||||||
|
Dich'blog
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<nav class="menu">
|
||||||
|
<ul class="menu__inner">
|
||||||
|
<li><a href="https://blog.dich.ink">blog</a></li>
|
||||||
|
|
||||||
|
<li class="active"><a href="https://blog.dich.ink/tags">tags</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/archive">archive</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/about">about me</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://github.com/Dichgrem" target="_blank" rel="noopener noreferrer">github</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
<h1 class="post-title">
|
||||||
|
tag: #Zola
|
||||||
|
(1 post)
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<a href="https://blog.dich.ink/tags">
|
||||||
|
Show all tags
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
<ul><li class="post-list">
|
||||||
|
<a href="https://blog.dich.ink/zola-blog/">
|
||||||
|
<span class="post-date">2024-03-12</span>
|
||||||
|
:: <span class="post-list-title">个人博客搭建记</span></a>
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
::
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/blog/">#Blog</a>,
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/zola/">#Zola</a></span>
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer__inner">
|
||||||
|
<div class="copyright">
|
||||||
|
<span>©
|
||||||
|
2024
|
||||||
|
Dichgrem</span>
|
||||||
|
<span class="copyright-theme">
|
||||||
|
<span class="copyright-theme-sep">:: </span>
|
||||||
|
Theme: <a href="https://github.com/pawroman/zola-theme-terminimal/">Terminimal</a> by pawroman
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
161
public/zola-blog/index.html
Normal file
161
public/zola-blog/index.html
Normal file
@ -0,0 +1,161 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Dich'blog</title>
|
||||||
|
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5">
|
||||||
|
<meta name="robots" content="noodp"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/style.css">
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/blue.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/color/background_dark.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://blog.dich.ink/font-hack-subset.css">
|
||||||
|
|
||||||
|
<meta name="description" content="">
|
||||||
|
|
||||||
|
<meta property="og:description" content="">
|
||||||
|
<meta property="og:title" content="Dich'blog">
|
||||||
|
<meta property="og:type" content="article">
|
||||||
|
<meta property="og:url" content="https://blog.dich.ink/zola-blog/">
|
||||||
|
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
<meta name="twitter:description" content="">
|
||||||
|
<meta name="twitter:title" content="Dich'blog">
|
||||||
|
<meta property="twitter:domain" content="blog.dich.ink">
|
||||||
|
<meta property="twitter:url" content="https://blog.dich.ink/zola-blog/">
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="alternate" type="application/atom+xml" title="RSS" href="https://blog.dich.ink/atom.xml">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<header class="header">
|
||||||
|
<div class="header__inner">
|
||||||
|
<div class="header__logo">
|
||||||
|
|
||||||
|
<a href="https://blog.dich.ink" style="text-decoration: none;">
|
||||||
|
<div class="logo">
|
||||||
|
|
||||||
|
Dich'blog
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<nav class="menu">
|
||||||
|
<ul class="menu__inner">
|
||||||
|
<li class="active"><a href="https://blog.dich.ink">blog</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/tags">tags</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/archive">archive</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://blog.dich.ink/about">about me</a></li>
|
||||||
|
|
||||||
|
<li><a href="https://github.com/Dichgrem" target="_blank" rel="noopener noreferrer">github</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<div class="post">
|
||||||
|
|
||||||
|
<h1 class="post-title"><a href="https://blog.dich.ink/zola-blog/">个人博客搭建记</a></h1>
|
||||||
|
<div class="post-meta-inline">
|
||||||
|
|
||||||
|
<span class="post-date">
|
||||||
|
2024-03-12
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<span class="post-tags-inline">
|
||||||
|
:: tags:
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/blog/">#Blog</a>
|
||||||
|
<a class="post-tag" href="https://blog.dich.ink/tags/zola/">#Zola</a></span>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="post-content">
|
||||||
|
<p>前言 个人博客的搭建有诸多框架的选择。本文以Zola框架为例，介绍如何部署该静态站点，并将其托管到Paas平台上。</p>
|
||||||
|
<span id="continue-reading"></span><h2 id="qian-qing-hui-gu">前情回顾</h2>
|
||||||
|
<p>在互联网冲浪的过程中，我们常常看到许多独立站点，有各种各样的主题样式；这些站点见证了互联网的发展历史。从最初的手工编写HTML页面，到后来的内容管理系统（CMS）如WordPress的兴起，再到如今流行的静态网站生成器（SSG），如Hugo，Hexo，Zola等等。</p>
|
||||||
|
<p>如今，静态网站生成器以其简单易用和高效性而备受青睐。其工作原理是在本地计算机上生成整个网站的HTML文件，然后将这些静态文件上传到服务器，这样用户访问网站时就可以直接从服务器上获取到HTML文件，而无需动态生成页面。这种方式不仅能够提高网站的访问速度，还可以减轻服务器的负载压力。</p>
|
||||||
|
<p>通过Hugo和Hexo等静态框架，个人用户和开发者可以轻松地创建出具有各种主题和样式的独立站点。这些框架提供了丰富的主题和插件库，用户可以根据自己的需求选择合适的主题，并通过简单的配置和定制来创建一个符合自己风格的网站。同时，这些框架还支持Markdown等标记语言，使得用户可以更加方便地编写和管理网站内容。</p>
|
||||||
|
<h2 id="jing-yu-dong">静与动</h2>
|
||||||
|
<p>博客的搭建涉及框架的选择。一般而言，有静态网页与动态网页的区别。</p>
|
||||||
|
<p>静态网页是提前在服务器上创建好的HTML文件。当用户访问时，服务器将这些文件直接发送给浏览器，浏览器解析并呈现页面内容。
|
||||||
|
这意味着每个用户访问相同的静态网页时，看到的内容都是一样的，不会根据用户的操作或者输入而改变。其优点在于响应速度较快，对服务器压力较小，可缓存性强，提高页面加载速度。</p>
|
||||||
|
<p>而动态网页的内容是在用户请求时才动态生成的。当用户访问动态网页时，服务器根据用户的请求和其他条件（例如数据库中的数据）生成HTML文件，然后发送给浏览器。
|
||||||
|
优点在于无需多种配置，易于部署和写作。但性能消耗较高，同时响应速度可能较慢。以作者之前的Halo博客为例，其在VPS上部署后在复杂主题的加载上比较缓慢。</p>
|
||||||
|
<h2 id="gou-jian-guo-cheng">构建过程</h2>
|
||||||
|
<ul>
|
||||||
|
<li>安装Zola到一个文件夹，并为其命名；</li>
|
||||||
|
<li>选择主题（theme），将下载好的主题与Zola同名文件夹合并；</li>
|
||||||
|
<li>运行zola build和zola serve,在本机浏览器127.0.0.1：1111上查看站点；</li>
|
||||||
|
<li>在content文件夹中写自己的博客；</li>
|
||||||
|
<li>随后再次运行运行zola build和zola serve，生成public文件夹；</li>
|
||||||
|
<li>新建一个Github仓库，用Git连接并push上去；</li>
|
||||||
|
<li>在Vercel/Fleek等平台将仓库部署并设置域名。</li>
|
||||||
|
</ul>
|
||||||
|
<h2 id="hou-ji">后记</h2>
|
||||||
|
<p>通过简单的步骤，我们已经快速地创建一个具有自定义主题和样式的独立站点，并将其发布到互联网上供他人访问。而在这期间，各种工具链的完善和前端基本原理了解也是收获的一部分。</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="pagination">
|
||||||
|
<div class="pagination__title">
|
||||||
|
<span class="pagination__title-h">Thanks for reading! Read other posts?</span>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div class="pagination__buttons">
|
||||||
|
<span class="button previous">
|
||||||
|
<a href="https://blog.dich.ink/opensourcesoftware-licenses/">
|
||||||
|
<span class="button__icon">←</span>
|
||||||
|
<span class="button__text">开源软件与协议</span>
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer__inner">
|
||||||
|
<div class="copyright">
|
||||||
|
<span>©
|
||||||
|
2024
|
||||||
|
Dichgrem</span>
|
||||||
|
<span class="copyright-theme">
|
||||||
|
<span class="copyright-theme-sep">:: </span>
|
||||||
|
Theme: <a href="https://github.com/pawroman/zola-theme-terminimal/">Terminimal</a> by pawroman
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user