html生成器_搭建博客、自己的小窝?快来看看这些开源静态网站生成器

news/2024/5/19 10:36:09/文章来源:https://blog.csdn.net/weixin_39761255/article/details/110462353

4974b3aa3727ba09fbcafdab0bd65819.png

作者:HelloGitHub-ChungZH

相信很多人都想要搭建一个自己的博客或是给项目做文档网站。本文将要推荐的静态网站生成器(Static Site Generator, SSG),它做的事情就是把你的文档、内容(通常为 Markdown 文件)生成可发布成网站(html)的工具,这样你就可以专心创作,同时也有了一块自己发表自己想法的网站。然后 GitHub、Gitee 等均支持免费 Page 服务,通过简单的配置 SSG 就可以实现一条命令发布,有一个自己小窝就是这么简单和方便~

下面就是 HelloGitHub 精心挑选的 GitHub 上流行、优秀的开源静态网站生成器,欢迎小伙伴们评鉴讨论。

1. Hexo

  • GitHub 仓库:https://github.com/hexojs/hexo
  • Stars 数量:29.6k
  • 官方网站:https://hexo.io

Hexo 使用 Node.js 开发,很流行。它有数以百计的主题和插件,支持 GFM(GitHub Flavored Markdown),只需要一条命令也能将 Hexo 网站部署到 GitHub Pages、Heroku 等平台上。目前 Vue.js 的官方文档就由它驱动着。不过 Hexo 的速度对比其他框架而言,并不算非常快。

这里顺便安利一个 Hexo 的教程:EasyHexo。

6a690ec874cb49f7422b8cd5bb3e85cc.png

2. Hugo

  • GitHub 仓库:https://github.com/gohugoio/hugo
  • Stars 数量:41.9k
  • 官方网站:https://gohugo.io/

Hugo 使用 Go 语言开发,号称”世界上最快的网页生成器“。Stars 数量远高于 Hexo。目前有三百多个主题。

126f73506bf947afd09616f066960de1.png

3. VuePress

  • GitHub 仓库:https://github.com/vuejs/vuepress
  • Stars 数量:15.6k
  • 官方网站:https://vuepress.vuejs.org/zh/

VuePress 在一众生成器之中算是一个”后起之秀“,起初由尤雨溪牵头开发。等发展到一定程度之后,将会取代 Hexo 成为 Vue.js 官方文档的生成器。它基于 Vue,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题。

89aa70df61e10d4f0d26989d2754a7d4.png

4. MkDocs

  • GitHub 仓库:https://github.com/mkdocs/mkdocs
  • Stars 数量:9.1k
  • 官方网站:http://www.mkdocs.org/

MkDocs 使用 Python 开发,更偏向于文档生成。用户不是特别多,只有十几个主题。

5. Gatsby

  • GitHub 仓库:https://github.com/gatsbyjs/gatsby
  • Stars 数量:42.5k
  • 官方网站:https://www.gatsbyjs.org/

Gatsby 作为 GitHub 上面 #static-site-generator 话题最多 Star 数量的项目,基于 React。它超越了静态网站,更强大。可以从任何地方加载数据。

5ee7966c8d2e8a0ae672dab6b73cad11.png

6. Docsify

  • GitHub 仓库:https://github.com/docsifyjs/docsify
  • Stars 数量:12.6k
  • 官方网站:https://docsify.js.org/

Docsify 同样基于 Vue,偏向于文档,动态生成网页,最大的特点是它只有一个 index.html,在你打开网页的时候才开始生成。Docsify 还兼容 IE 11。缺点是对 SEO 并不太友好。

7. Jekyll

  • GitHub 仓库:https://github.com/jekyll/jekyll
  • Stars 数量:39.8k
  • 官方网站:https://jekyllrb.com/

Jekyll 使用 Ruby 开发,它足够简单,能够让你专注于内容。它有将近四百种主题和两百多个插件,光这两项就足以证明它的优秀。

cce527d4d8da308bbd3de2d2b0731ef4.png

最后提醒一下大家,写博客最重要的是内容,所以你选好一个生成器、挑一个喜欢的主题之后,不要过度折腾、美化,内容才是最重要的。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_765376.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何指定网站内搜索关键字(借用已有搜索引擎)

目标:某个网站内,输入关键字搜索出相关东西 处境:这个网站开发者自己不去写搜索算法 解决方法:让微软的必应搜索引擎来做这件事,怎么弄呢,就是在必应搜索引擎页面里输入: xx关键字 site:xx网站 …

几个非常简单漂亮的手机版网页_手机网站和传统计算机网站之间的差异

PC网站最先进入到人们的视野,只要接触了电脑的人群,一般都会学会用电脑上网。近几年,手机网民数量呈现爆发式增长的态势,据有关数据显示,手机网民的数量已经超越了电脑网民的数量,手机已成为第一大上网终端…

万网免费主机wordpress快速建站教程-wordpress下载及安装

进入wordpress官网(http://cn.wordpress.org)下载最新的wordpress安装程序,下载完成后解压到任意电脑目录。解压完毕后,使用FTP管理工具上传安装文件至主机htdocs目录。这里使用的是FlashFXP。首先点击连接按钮,填上FT…

一个关于新闻逆转的记录及支持率网站

为什么80%的码农都做不了架构师?>>> 由于当今各种媒体为了抢夺网民视野,常常断章取义使得新闻的真实性大打折扣,常常一个新闻一天前跟一天后的道德观是相对的,看上去是好人的人变成了恶魔,看上去恶魔的人变…

[转]文件缓存的方式减少网站负载

Asp.net 缓存Cache功能已经是很常见的功能了,网络上面这种相关的文章也非常之多,我这里所要讲的缓存并不是.NET所提供的缓存,而是过通文件方式来存放的。这样可以很好的减少服务器资源。先看一下我做这个的缓存流程图:如上图所示&…

(转)提高网站速度的最佳实践

(转)提高网站速度的最佳实践 原文来自:http://www.space007.com/post/129.html 相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基…

网站mysql分离_大型网站架构演进(5)数据库读写分离

在使用缓存后,使大部分的数据读操作访问都可以不通过数据库就能完成,但是仍有一部分读操作(包括未命中缓存的,和缓存过期的)和全部的写操作需要访问数据库,当网站的访问量继续增加后,数据库会因为负载压力过高导致成为…

基于PHP的读书分享网站ppt,基于Thinkphpcmf框架开发的网页微信分享自定义标题描述和图片...

之前做过关于《微信转发或分享朋友圈带缩略图、标题和描述的实现方法》的介绍,帮助不少站长实现网站链接分享至微信端自定义简介和图标,最近有一个后台基于Thinkphpcmf框架开发的站长联系到我,用我介绍的方法并没有实现自定义分享&#xff0c…

团购网站号称563人团购实则3人报名...

团购网站号称563人团购实则3人报名... 随着网购日益发达,一种以组织消费者一起购买商品或服务而获得折扣的“团购”网站如雨后春笋般涌入人们的视线。美容美发、餐饮娱乐、家居建材等都是此类网站上常见的团购内容。然而,日前市民李小姐参与团购后却被卖…

HTML日志抓取,如何通过网站日志查看百度蜘蛛抓取情况

我们做SEO都知道,百度用于抓取网页的程序叫做Baiduspider - 百度蜘蛛,我们查看网站被百度抓取的情况主要是分析,网站日志里百度蜘蛛Baiduspider的活跃性:抓取频率,返回的HTTP状态码。我们该如何查看百度蜘蛛的抓取情况…

【网站公告】新Web服务器上线

上次一台Web服务器中暑后,为了保证网站的稳定运行,并进一步提高网站访问速度,我们采购了两台强劲的Dell服务器。 今天,其中一台Web服务器已经部署完毕,正式投入运行。博客程序已运行于新服务器,如果大家发现…

一个网站的诞生- MagicDict未来予想図4 [表格的动态增加行和删除行,完整版]

首先,感谢 路过秋天 开源了他的系统,让园子里的童鞋有了新的研究方向,带动了园子的繁荣,拉动了园子的GDP。 昨天又花了一整天来做在线单词编辑器,动态表格的增加行和删除行的一些问题,基本算是搞明白了&…

div内容横排 html_计算机毕业设计中大学生个人网站案例html

点击上方“蓝字”,关注我们.案例介绍此作品为学生个人主页网页设计题材,代码为简单学生水平 DIV CSS布局制作,整个作品由主页、个人历程、兴趣爱好、学业成绩、联系我们共5页组成,作品下载后可使用任意HTML编辑软件(例如&#xff…

抓取某一个网站整站的记录

经常由于某些原因我们需要爬取某一个网站或者直接复制某一个站点,到网上找了很多工具进行测试,试了很多各有各的问题,最终选择了Teleport Ultra,用起来效果很好;具体的操作手册等东西就不在这里说了,网上搜…

网站中英文转换 php_Markdown 自动添加中英文空格

pangu「有研究顯示,打字的時候不喜歡在中文和英文之間加空格的人,感情路都走得很辛苦,有七成的比例會在 34 歲的時候跟自己不愛的人結婚,而其餘三成的人最後只能把遺產留給自己的貓。畢竟愛情跟書寫都需要適時地留白。與大家共勉之…

如何让sharepoint2010网站根据权限隐藏ribbon

项目要求让普通用户看不到“网站操作”,为了解决该问题,我找了好几篇博客,但都是sharepoint2007,按照sharepoint designer签出,签入,审批,发布。可能是sharepoint2007和sharepoint2010的区别&am…

手机端使用ghelper_手机建站的五个技巧让用户体验得到提升

现今移动设备的使用成为了人们生活中不可或缺的一部分,习惯了在移动端获取信息和购物。所以企业的目光也逐渐转移到移动端,进行移动端建站刻不容缓。但是,移动端网站该如何设计才能获得广大用户的喜爱呢?如何将友好性表达的淋漓尽…

WordPress小工具开发教程(网站公告)

WordPress小工具开发教程(网站公告) BY TIANQIXIN 2012 年 12 月 26 日 wordpress主题小工具,可以自由拖动到侧边栏,并在前台实现相应功能!一般自带的小工具功能有限,我们可以通过自己开发小工具来增强wor…

跳转html时请求头怎么取,爬取网站时请求被拒绝?scrapy轻松解决请求头设置!就是不讲道理...

默认请求头命令行执行,新建爬虫scrapy startproject myspidercd myspider scrapy genspider scrapy_spider httpbin.org我们通过对 https://httpbin.org/get?show_env1 的请求,查看本次请求的浏览器信息,可以打开看一看是否是自己的浏览器信…

seo管理php源码_黑帽SEO,黑帽SEO优化隐身技术(二)

此系统文章总共分为四篇,分别是手法篇、工具篇、隐藏篇、总结篇;本篇为隐身篇,主要介绍黑帽seo中一些隐身的手段。黑帽seo与其他黑产行为不同的是,它需要时间去创造价值。如果是倒卖数据,只需要入侵服务器脱裤走人&…