个个身怀绝技,搭建个人博客,最想推荐的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://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多个优秀主题,下面是我精挑的几个,经供参考。
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.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 。
它的中文网站隐藏的比较深,不过我还是帮大家找到了 ,即:
Hugo 具备如下特点:
极快的页面编译生成速度
完全跨平台支持,可以运行在 Mac OS X, Linux, Windows,等
安装方便 Installation
本地调试 Usage 时通过 LiveReload 自动即时刷新页面。
完全的皮肤支持
可以部署在任何的支持 HTTP 的服务器上
官网提供很多优秀的网站作品,挑几个欣赏一下。
http://checkmyws.github.io/yslow-rules
看过中文文档的小伙伴,会发现文档超级无敌详细。不过,还是帮小伙伴找了几个不错的教学视频,视频入门比较快。
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://zpj80231.github.io/znote
网上的教学视频,质量也挺高。
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
同样,这里帮大家找到一些优秀的网站案例,仅供参考。
推荐这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个受欢迎的收费网站,上面有大量精美的模板,即:
wordPress教学视频网上巨多,可见它的受欢迎程度。如下推荐3套,大胆食用,感觉还不错。
https://www.bilibili.com/video/BV1St411s7VL
https://www.bilibili.com/video/BV1az4y1d7Ai