静态网站建设论文 静态网站建设实训总结

静态网站建设实训总结:一个优秀的网站设计师应该具备哪些素质?这些素质包括:创意、美感、功能、交互、界面等 。下面我们就来详细介绍一下这些方面的内容 。希望对大家有所帮助 。当然,如果你有更好的建议,欢迎与我们联系 。谢谢!!1、不要过度依赖手机,要学会放松自己 。现在很多人都有熬夜的习惯,这样对身体健康是非常不利的 。

静态网站建设论文 静态网站建设实训总结

文章插图
作者: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 。
2. Hugo
  • GitHub 仓库:https://github.com/gohugoio/hugo
  • Stars 数量:41.9k
  • 官方网站:https://gohugo.io/
Hugo 使用 Go 语言开发,号称”世界上最快的网页生成器“ 。Stars 数量远高于 Hexo 。目前有三百多个主题 。
3. VuePress
  • GitHub 仓库:https://github.com/vuejs/vuepress
  • Stars 数量:15.6k
  • 官方网站:https://vuepress.vuejs.org/zh/
VuePress 在一众生成器之中算是一个”后起之秀“,起初由尤雨溪牵头开发 。等发展到一定程度之后,将会取代 Hexo 成为 Vue.js 官方文档的生成器 。它基于 Vue,可以在 Markdown 中使用 Vue 组件,又可以使用 Vue 来开发自定义主题 。
4. MkDocs
  • GitHub 仓库:https://github.com/mkdocs/mkdocs
  • Stars 数量:9.1k
  • 官方网站:http://www.mkdocs.org/
MkDocs 使用 Python 开发,更偏向于文档生成 。用户不是特别多,只有十几个主题 。
5. Gat *** y
  • GitHub 仓库:https://github.com/gat *** yjs/gat *** y
  • Stars 数量:42.5k
  • 官方网站:https://www.gat *** yjs.org/
Gat *** y 作为 GitHub 上面 #static-site-generator 话题最多 Star 数量的项目,基于 React 。它超越了静态网站,更强大 。可以从任何地方加载数据 。
静态网站建设论文 静态网站建设实训总结

文章插图
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 开发,它足够简单,能够让你专注于内容 。它有将近四百种主题和两百多个插件,光这两项就足以证明它的优秀 。

推荐阅读