33

个个身怀绝技,搭建个人博客,最想推荐的10大框架,强烈建议收藏

 3 years ago
source link: https://www.cnblogs.com/wukongnotnull/p/15216123.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

个个身怀绝技,搭建个人博客,最想推荐的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


Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK