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

【文章编号 t001】

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

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

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

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

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

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

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

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

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1bth34ovj60u00bw75202.jpg" alt="图片" style="zoom: 50%;" />

#10 Solo

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1btzt946j60u00bygmf02.jpg" alt="图片" style="zoom:50%;" />

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1bu88su5j60u00diabf02.jpg" alt="图片" style="zoom: 67%;" />

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1c0zt6v2j60u00hkgmx02.jpg" alt="图片" style="zoom:50%;" />

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1bv7cejbj60u00gqgm002.jpg" alt="图片" style="zoom:50%;" />

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1bvdq8alj60u00czmxs02.jpg" alt="图片" style="zoom:50%;" />

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1bvlgu10j60u00eudg902.jpg" alt="图片" style="zoom:50%;" />

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

<img src="https://tva1.sinaimg.cn/large/008i3skNgy1gu1bvrb7wbj60u00bjaat02.jpg" alt="图片" style="zoom:50%;" />

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,724评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,104评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,142评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,086评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,076评论 5 370
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,914评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,220评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,871评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,318评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,834评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,951评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,574评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,162评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,162评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,383评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,349评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,652评论 2 343

推荐阅读更多精彩内容