位置: > 百度SEO > SEO技巧

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

时间:2023-09-22 20:04:21  来源:网络整理

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

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

88250.b3log.org/?utm_source…

leif.fun/?utm_source…

expoli.tech/?p=2

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

#09

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

官网为:blog.getpelican.com。

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

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

它有一些新特性:

与外部服务集成

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

以多种语言发表文章

生成 Atom 和 RSS 提要

代码语法高亮

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

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

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

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

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

nairobilug.github.io/pelican-alc…

elegant.oncrashreboot.com

#08

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

官方网站为: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多个优秀主题,下面是我精挑的几个,经供参考。

flygon.net

carlos-algms.github.io

meethigher.top

huaji8.top

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

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

#07

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

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

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

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

即:github.com/jekyll/jeky…。

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

robotkang.cc/archive

developmentseed.org

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

#06

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

官方网址:octopress.org

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

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

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

github.com/imathis/oct…

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

#05

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

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

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

Hugo 具备如下特点:

极快的页面编译生成速度

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

安装方便 Installation

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

完全的皮肤支持

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

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

spf13.com

andrewcodispoti.com

antzucaro.com

checkmyws.github.io/yslow-rules

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

#04

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

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

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

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

网址为:

github.com/vuepress/aw…

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

thuycom.studio

zpj80231.github.io/znote

dt.in.th

cr-vue.mio3io.com

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

#03

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

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

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

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

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

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

wukongnotnull.blog.csdn.net/article/det…

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

docs.gitbook.com

docs.getcensus.com

docs.forestadmin.com

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

#02

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

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

你要的主题和插件,我都帮你找到,放这里。github.com/docsifyjs/a…。

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

饿了么

elemefe.github.io/vue-amap

阿里巴巴

apache.github.io/incubator-w…

Netflix

netflix.github.io/pollyjs/#/R…

Amazon

amzn.github.io/style-dicti…

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

#01

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

官网为:wordpress.org。

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

即:cn.wordpress.org/themes

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

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

比如,波士顿大学招生网站

奥巴马个人网站

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

微软新闻网站news.microsoft.com

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

themeforest.net

elements.envato.com

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

我是悟空非空也,一枚一敲代码就犯困的新生代农民工!

老课堂部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与老课堂进行文章共享合作。

老课堂

老课堂标签