设计静态网站常用的软件有哪些?

设计静态网站常用的软件有哪些?,第1张

1. Jekyll

Jekyll是最受欢迎的开源静态生成工具之一,可以跨平台配置。Jekyll利用 Markdown 、 Liquid 、HTML 和 CSS 来生成静态的网页文件,它还支持从常见的 CMS。你能管理永久链接、类别、页面、文章,自定义布局等。非常适合产品页的博客网站

2. Hugo

Hugo是另一个很受欢迎的用于搭建静态网站的开源框架。它运行速度快、使用简单、可靠性高。还可以提供更高级的主题和一些有用的快捷方式来帮助你轻松完成任务。适合展示网站和博客网站。

3. Hexo

Hexo 基于 Node.js ,除了可以用来快速搭建网站,还提供了丰富的主题和插件。且提供了强大的 API 来扩展功能,可以轻松完成迁移工作。

4. Gatsby

Gatsby 是一个越来越流行的开源网站生成框架。它使用 React.js 来生成快速、界面优美的网站。

5. VuePress

VuePress 是由 Vue.js 支持的静态网站生成工具,如果你了解 HTML、CSS 和 JavaScript,那么你可以无压力地使用 VuePress。

6. Nuxt.js

Nuxt.js 使用了 Vue.js 和 Node.js,但它致力于模块化,并且有能力依赖服务端而非客户端。不仅如此,它的目标是为开发者提供直观的体验,并提供描述性错误,以及详细的文档等。使用Nuxt.js 搭建静态网站,可以做到功能和灵活性两全其美。

7. Docusaurus

Docusaurus 是用 React 构建的,为搭建文档类网站量身定制。你可以使用所有的基本功能,像文档版本管理、文档搜索和翻译大多是预先配置的。如果你想为你的产品或服务搭建一个文档网站,可以试试 Docusaurus。

8. Eleventy

Eleventy 自称是 Jekyll 的替代品,旨在以更简单的方法来制作更快的静态网站。它更容易上手,还提供适当的文档来帮助你。

9. Publii

Publii 是用 Electron 和 Vue.js 构建的一个开源 CMS,它能使生成一个静态网站变得很容易。如果有需要,你也可以把你的文章从 WorkPress 网站迁移过来。此外,它还提供了与 GitHub 页面、Netlify 及其它类似服务的一键同步功能。

10. Primo

Primo 旨在使用可视化的构建器帮你构建和搭建网站,这样你就可以轻松编辑和部署到任意主机上。但目前开发工作仍很活跃,有些功能还不完善,但它是一个独特的项目。

希望以上工具能成功帮助到你搭建一个界面界面优美的网站。

第一、中国站生成静态可以减轻服务器负担,中国页在被阅读时不需要再调用数据库。 第二、中国站生成静态了,中国站会更安全。 第三、中国站生成静态最重要的一点了,那就是有利于搜索引擎收录,因为搜索引擎优先收录静态页面。

你好,

在你的md文件中 ![GIF](assets/img/fresh.gif) 表示生成一个image标签,图片找不到那应该是地址问题,通过你的描述是托管在github上,那么github的.io域名是带有一个path的,

所以你的地址前应该也加上这个path,如yourname.github.io/blog/assets/img/fresh.gif.

手动加必定是繁琐的,所以可以在_config.yml中配置baseurl: blog,

页面中这样使用:

![GIF]({{site.baseurl}}/assets/img/fresh.gif)

这样jekyll在生成网站是会自动加上这个path.

另外对于你的MarkDown疑惑:

Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。

很庆幸jekyll采用了MarkDown形式文件作为基础.他的扩展名为.md/.markdown都会被jekyll识别渲染.使用markdown你可以更专注的关注内容而不用考虑样式.学习md仅仅需要几分钟.

如果你实在不想用md,完全可以在.md文件里写html.仍然会被渲染.

还有一个问题就是README.md 这个文件一般用于github对你仓库的描述文件,采用md语法在打开这个仓库时会自动渲染此文件.

如果还有其他问题欢迎追问,如果有所帮助敬请采纳.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6024046.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-12
下一篇 2023-03-12

发表评论

登录后才能评论

评论列表(0条)

保存