爆肝1个多月,严选10大热门静态博客框架,官方文档、教学视频、经典案例、热门插件一应俱全,强烈建议收藏

悟空非空也2022年10月25日
  • 好物分享
  • 博客
  • 个人博客
  • 博客框架
大约 11 分钟

爆肝1个多月,严选10大热门静态博客框架,官方文档、教学视频、经典案例、热门插件一应俱全,强烈建议收藏

【文章编号 t001】

凌晨 12 点,我有一位朋友,在电话里,气愤地说他的博客文章又被平台删掉了。

我很好奇为什么,原来是他在某平台发布了一篇技术类原创文章,读者都比较喜欢。后来,他把这篇文章转发到另外一个平台。可是,偏偏不巧,这两个平台彼此是商业竞争关系。不允许一篇文章在 2 个平台发布,文章被删后,把我的朋友气得上蹿下跳。

我听完后,却很平静。这就是资本垄断的力量,很多自媒体平台都在追求一家独大,卧榻之下,岂容他人酣睡。彼此的恶性竞争,早已经不在乎用户的感受了。

创作者辛苦熬肝数月,文章却遭受平台审核不通过,或者已发布的文章竟被无情的插入各种广告。文章的链接或者二维码,转发到其他平台竟被无情封杀。或是文章要不过不了审,要不直接被删除。

对他表示同情的同时,我不经深思,是否有办法,在互联网上自由的创作,自由的发声呢?破釜沉舟,打破枷锁,我们失去的只有锁链。

要想彻底解决这一难题,只能运用个人编程技术,逃离各大自媒体平台,自建博客网站。

通过搜索和查阅大量公开资料,我发现网上有许多自建博客网站的技术,但是很多框架,要不就是作者长期不维护,要不就是用户少社区不活跃,要不就是插件和主题少的可怜,要不就是没有中文文档。

经过我一个月的精心研究和反复比较,最终精选出10大技术框架,这些技术框架都是开源免费的。分享给大家,欢迎白嫖。学完你一定有所收获。

文章中提供了大量的网站链接,国内国外的都有。若是访问速度慢,可以参考如下截图。

10 Solo

图片

Solo,号称是一款小而美的动态博客系统,专为程序员设计。最大特点就是自带社区,自己的文章可以发送到社区中。社区回帖和博客评论进行联动。让每一个博客不是孤岛,而是满天相互联系的星星。

https://b3log.org/solo 是它的官方网站,使用Java 语言编写,有点像新浪博客,直接注册使用,零技术门槛。

不过,还是推荐有技术背景的小伙伴,下载源码,自行部署。

官方文档叫做《Solo 从设计到实现》,地址为 https://ld246.com/article/1537690756242?utm_source=ld246.com 。

主要功能:

Markdown 编辑器支持三种编辑模式:所见即所得 / 即时渲染 / 分屏预览

自定义导航链接

随机文章 / 相关文章 / 置顶 / 更新提醒

自定义文章永久链接 / 签名档

配置站点 SEO 参数 / 公告 / 页脚

代码高亮 / 数学公式 / 流程图 / 五线谱

Hexo / Jekyll / Markdown 导入

Atom / RSS / Sitemap

CDN 静态资源分离,可配置 jsDelivr CDN 分发

拉取 GitHub 仓库和自动备份

内置 HTTPS+CDN 文件存储

支持生成导出静态站点,用于发布GitHub Pages

同时,给大家挑选出几个优秀的博客代表作,参考一下。

https://88250.b3log.org/?utm_source=ld246.com

https://www.rainsheep.cn/?utm_source=ld246.com

https://leif.fun/?utm_source=ld246.com

https://expoli.tech/?p=2

https://www.lyile.cn/?utm_source=ld246.com

官方文档已经非常详细,若是你不喜欢看文字,我还帮大家找到一些优质的教学视频。欢迎收藏学习。

https://www.bilibili.com/video/BV1xz4y1k783

09 Pelican

图片

Pelican,由 Python 语言编写的静态网站生成器。

官网为:https://blog.getpelican.com 。

它是熟悉Python同学的首选,支持Markdown 和 reStructuredText 语法。

可以使用Jinja 模板自定义主题,支持从 WordPress 迁移博客等等。

它有一些新特性:

与外部服务集成

站点主题(使用Jinja2模板创建)

以多种语言发表文章

生成 Atom 和 RSS 提要

代码语法高亮

从 WordPress、Dotclear 或 RSS 源导入现有内容

由于内容缓存和选择性输出写入,快速重建时间

可通过丰富的插件生态系统进行扩展

我在 gitHub 上帮大家找到很多好看的主题,网站为:https://github.com/getpelican/pelican-themes ,以及大量的插件,即 https://github.com/getpelican/pelican-plugins 。

另外,这里帮大家找到几个优秀的网站案例,学习参考一下吧。

https://www.fullstackpython.com

https://nairobilug.github.io/pelican-alchemy

https://elegant.oncrashreboot.com

08 Hexo

图片

Hexo,它是一个快速简洁高效的博客框架。

官方网站为:https://hexo.io 。

使用 Markdown解析文章,只需要几秒,就能生成一个靓丽的静态网页。

官网支持中文,打开官方文档,有详细地使用说明,一行代码 安装搞定 npm install -g hexo-cli 。

同时兼容 Window Mac Linux ,做到真正的跨平台。

它拥有丰富的插件。例如,为网站添加后台UI 界面,即:hexo-admin-ehc ;

为 Hexo 添加哔哩哔哩番剧页面,即:hexo-bilibili-bangumi ;给代码块添加codepen,即:hexo-codepen ;整合七牛云接口 保存图片方便快捷,即:hexo-deployer-qiniucloud2 。

它还有丰富的主题,官网收录300多个优秀主题,下面是我精挑的几个,经供参考。

https://www.madelove.top

http://flygon.net

http://carlos-algms.github.io

https://meethigher.top

https://huaji8.top

Github 就是一个大宝藏。上面有大量 star 过万的主题,输入 hexo theme ,排名前十的,都值得拥有。

若你是技术小白,我帮你找到几套教学视频,方便快速上手。

https://www.bilibili.com/video/av44544186

https://www.bilibili.com/video/BV1cW411A7Jx

https://www.bilibili.com/video/BV1U64y1a7tM

07 Jekyll

图片

Jekyll,一个简单的博客静态站点生成器,官网为:https://jekyllrb.com 。

它支持Markdown 和 Textile 格式,大家熟悉的GitHub Pages ,就是基于 Jekyll 构建。使用 GitHub Pages ,就不用花钱购买服务器,直接部署网站在GitHub 上。

官网没有对应的中文版,我帮大家找到一个不错的中文翻译网站,网址为:http://jekyllcn.com 。

还帮大家找到大量的主题,

即:https://github.com/jekyll/jekyll/wiki/Sites 。

上面有很多主题,如下是我严选推荐。

https://www.chenjun.com

https://robotkang.cc/archive

https://developmentseed.org

https://www.macmillanfilms.com

这里帮大家找到几套教学视频,方便大家快速入门。

https://www.bilibili.com/video/BV1qs41157ZZ

https://www.bilibili.com/video/BV14x411t7ZU

https://www.bilibili.com/video/BV1SW411Z7q8

**06 Octpress **

图片

Octopress,一个为黑客设计的博客网站。

官方网址:http://octopress.org

使用Ruby语言编写,基于 Jekyll设计的博客框架。它是Jekyll 的增强版,让插件的安装和删除更加容易,更容易集成样式表、图片、字体等。

内置对Twitter Google Analytics 等第三方的支持,完全是Jekyll的全新升级。

官方提供很多炫酷的主题和插件,直接在 gitHub 上获取。网址为:

https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes

同时附上一些教学视频,帮助你快速搭建个人博客。

https://www.bilibili.com/video/BV1EE411G7yo

https://www.youtube.com/watch?v=kFZX9bkIgyM

05 Hugo

图片

Hugo,一种用 Go 语言编写的静态网站生成器。简单、易用、高效、易扩展、快速部署。

它号称是世界上最快的框架。官网为:https://gohugo.io 。

它的中文网站隐藏的比较深,不过我还是帮大家找到了 ,即:

https://www.gohugo.org

Hugo 具备如下特点:

极快的页面编译生成速度

完全跨平台支持,可以运行在 Mac OS X, Linux, Windows,等

安装方便 Installation

本地调试 Usage 时通过 LiveReload 自动即时刷新页面。

完全的皮肤支持

可以部署在任何的支持 HTTP 的服务器上

官网提供很多优秀的网站作品,挑几个欣赏一下。

https://spf13.com

http://andrewcodispoti.com

https://antzucaro.com

http://checkmyws.github.io/yslow-rules

https://www.chineseboost.com

看过中文文档的小伙伴,会发现文档超级无敌详细。不过,还是帮小伙伴找了几个不错的教学视频,视频入门比较快。

https://www.bilibili.com/video/BV1q4411i7gL

https://www.bilibili.com/video/BV1x64y117PX

https://www.bilibili.com/video/BV13c411h7k7

04 VuePress

图片

VuePress,一个以 Markdown 为中心的静态网站生成器。官网为:https://vuepress.vuejs.org 。

诞生的初衷是为了支持Vue 的文档需求,熟悉vue 框架的开发者首选。它可以生成一个单页面应用(SPA)。使用体验就好像手机上的app。而且对 SEO 也非常友好。

官网有详细的帮助文档,支持中英文语言选择,方便学习和查阅。

官网上的插件和主题有限,不过没有关系。我帮大家在github 上找到很多社区爱好者开发的插件和主题。非常丰富,大胆放心食用。

网址为:

https://github.com/vuepress/awesome-vuepress

官网也没有示例网站和模板推荐,我也帮大家找到几个不错的作品,供大家参考和学习。

https://thuycom.studio

https://www.meteorlxy.cn

https://zpj80231.github.io/znote

https://dt.in.th

https://cr-vue.mio3io.com

网上的教学视频,质量也挺高。

https://www.bilibili.com/video/BV17t41177cr?p=8

https://www.bilibili.com/video/BV1vb411m7NY

https://www.youtube.com/watch?v=5Kqyhu_eIcw

03 GitBook

图片

gitbook,一个专注文档管理的平台。官方文档为:https://docs.gitbook.com/

网站好比一本电子书,左边目录导航 右边文章内容,适合大众的阅读习惯。

最初几个版本是开源的,后来进行商业化,用户一注册就可以直接发布文章。

但是经过我多次的踩雷,发现它致命的弱点,文档每次导出常常显示失败。而且得到是Json格式而不是html格式,也无法重新导入。

还有官方服务器在国外,速度和访问限制让人泪流满面,所以还是推荐大家放弃商业版,使用真香的开源版 。

我使用早期的 gitbook 3.0.0进行搭建个人博客。网上有大量的帮助文档可以参考。初学者入门推荐这篇:

https://wukongnotnull.blog.csdn.net/article/details/119711233

同样,这里帮大家找到一些优秀的网站案例,仅供参考。

https://docs.gitbook.com

https://docs.getcensus.com

http://docs.forestadmin.com

https://www.electronforge.io

推荐这2个教学视频,30分钟搞定。

https://www.bilibili.com/video/BV1dv411J7B8

https://www.bilibili.com/video/BV1Uv411p7Sg

02 docsify

图片

Docsify ,官网为:https://docsify.js.org 。口号是一个神奇的文档网站生成器。

当我发现它时,感觉遇到了宝藏,非常兴奋。无需构建和编译成html,直接发布markdown 就搞定。

你要的主题和插件,我都帮你找到,放这里。https://github.com/docsifyjs/awesome-docsify 。

使用它的公司,也个个大牌,比如:

饿了么

https://elemefe.github.io/vue-amap

阿里巴巴

https://apache.github.io/incubator-weex-ui

Netflix https://netflix.github.io/pollyjs/#/README

Amazon

https://amzn.github.io/style-dictionary

教学视频放在这里,欢迎自取。

https://www.bilibili.com/video/BV14U4y1x7jH

https://www.bilibili.com/video/BV1kT4y1T7wY

01 WordPress

图片

WordPress ,一个基于PHP和MySQL的免费开源内容管理系统。它不单单适合程序员自建网站,也适合没有技术背景的普通用户搭建个人网站或者公司门户网站。

官网为:https://wordpress.org 。

全球使用最广泛的CMS软件,8 千多个免费主题。

即:https://cn.wordpress.org/themes

5 万多个免费插件,具有强大的生态支持。通过这个链接

https://wordpress.org/showcase ,你可以访问到大量的优秀案例。

比如,波士顿大学招生网站 https://www.bu.edu/admissions

奥巴马个人网站 https://www.obama.org

这是世界上最快的男人,博尔特的个人网站 http://usainbolt.com

微软新闻网站 https://news.microsoft.com

如果免费的模板还不能让你满足,推荐2个受欢迎的收费网站,上面有大量精美的模板,即:

https://themeforest.net

https://elements.envato.com

wordPress教学视频网上巨多,可见它的受欢迎程度。如下推荐3套,大胆食用,感觉还不错。

https://www.bilibili.com/video/BV1St411s7VL

https://www.bilibili.com/video/BV1az4y1d7Ai

https://www.bilibili.com/video/BV18V411Y727